@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Roboto:wght@400;500;600;700&display=swap";:root{--bg: #eef2f0;--bg-accent: #d9e4dc;--surface: #fbfcfb;--ink: #1c2420;--muted: #5d6b63;--line: #c9d5cd;--brand: #1f6b4a;--brand-hover: #18563b;--danger: #9b2c2c;--shadow: 0 18px 40px rgba(28, 36, 32, .08);font-family:DM Sans,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;background:radial-gradient(circle at top left,rgba(31,107,74,.12),transparent 35%),linear-gradient(160deg,#f4f7f5 0%,var(--bg) 45%,var(--bg-accent) 100%)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.page-center{min-height:100vh;display:grid;place-items:center}.muted{color:var(--muted)}.error{margin:0;color:var(--danger);font-size:.95rem}.brand{margin:0;font-family:Roboto,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--brand)}.capitalize{text-transform:capitalize}.login-page{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem}.login-panel{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:2rem}.login-header h1{margin:.35rem 0 .4rem;font-family:Roboto,sans-serif;font-size:2rem;font-weight:600;letter-spacing:-.03em}.login-header p:last-child{margin:0}.login-form{margin-top:1.75rem;display:grid;gap:1rem}.login-form label{display:grid;gap:.4rem;font-size:.92rem;font-weight:500}.login-form input{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);padding:.75rem .85rem;border-radius:0}.login-form input:focus{outline:2px solid rgba(31,107,74,.35);outline-offset:1px;border-color:var(--brand)}.login-form button,.ghost{border:none;background:var(--brand);color:#fff;padding:.85rem 1rem;font-weight:600;transition:background .16s ease,transform .16s ease}.login-form button:hover:not(:disabled),.ghost:hover{background:var(--brand-hover)}.login-form button:disabled{opacity:.7;cursor:wait}.login-footer{margin:0;text-align:center}.login-result{margin-top:1.75rem;display:grid;gap:1rem}.notice{margin:1.25rem 0 0;padding:.75rem .85rem;border:1px solid var(--line);background:#eef6f1;color:var(--brand-hover);font-size:.95rem}.login-result .notice{margin:0}.text-link{color:var(--brand);font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.55rem .9rem}.ghost:hover{background:#e8efe9;color:var(--ink)}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;background:#fbfcfbeb;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sidebar-brand{padding:0 .65rem}.sidebar-subtitle{display:block;margin-top:.15rem;color:var(--muted);font-size:.85rem}.sidebar-nav{display:grid;gap:.25rem;flex:0 auto}.sidebar-link{display:block;padding:.7rem .75rem;text-decoration:none;color:var(--ink);font-weight:500;border-left:3px solid transparent;transition:background .14s ease,border-color .14s ease,color .14s ease}.sidebar-link:hover{background:#1f6b4a14}.sidebar-link.active{background:#1f6b4a1f;border-left-color:var(--brand);color:var(--brand);font-weight:600}.sidebar-footer{margin-top:auto;display:grid;gap:.75rem;padding:.75rem .65rem 0;border-top:1px solid var(--line)}.sidebar-footer .user-meta{text-align:left}.app-content{min-width:0;padding:1.75rem 1.5rem 2rem}.page{max-width:1100px;margin:0 auto;display:grid;gap:1.5rem}.page-wide{max-width:1280px}.metrics-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-mix{margin-top:.35rem}.plan-mix-chart{display:flex;flex-wrap:wrap;align-items:center;gap:1.75rem 2.5rem;margin-top:1rem}.plan-mix-svg{flex:0 0 auto;display:block}.plan-mix-legend{list-style:none;margin:0;padding:0;display:grid;gap:.65rem;min-width:10rem}.plan-mix-legend li{display:grid;grid-template-columns:.85rem minmax(0,1fr) auto;align-items:center;gap:.55rem;font-size:.95rem}.plan-mix-swatch{width:.85rem;height:.85rem;display:block}.page-header h1{margin:0;font-family:Roboto,sans-serif;font-size:2rem;letter-spacing:-.03em}.page-header p{margin:.35rem 0 0}.user-meta{display:grid;text-align:right;gap:.1rem}.user-meta strong{font-size:.95rem}.user-meta span{font-size:.85rem}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.settings-form{margin-top:1rem}.stat,.panel{background:var(--surface);border:1px solid var(--line);padding:1.15rem 1.2rem;box-shadow:var(--shadow)}.stat-label{display:block;color:var(--muted);font-size:.88rem;margin-bottom:.35rem}.stat-value{font-family:Roboto,sans-serif;font-size:1.8rem;letter-spacing:-.02em}.panel h2{margin:0 0 .5rem;font-family:Roboto,sans-serif;font-size:1.35rem}.panel p{margin:0;max-width:42rem}.empty-panel{padding:2rem 1.5rem}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:#eef2f0b3}.data-table tr:last-child td{border-bottom:none}.table-sub{display:block;margin-top:.15rem;font-size:.8rem;font-weight:400}.plan-select{min-width:8.5rem;border:1px solid var(--line);background:#fff;color:var(--ink);padding:.45rem .55rem;font:inherit;font-size:.92rem}.plan-select:focus{outline:2px solid rgba(31,107,74,.35);outline-offset:1px;border-color:var(--brand)}.plan-select:disabled{opacity:.7;cursor:wait}.ghost.danger{color:var(--danger);border-color:#9b2c2c59;white-space:nowrap}.ghost.danger:hover:not(:disabled){background:#9b2c2c14;color:var(--danger)}.ghost:disabled{opacity:.7;cursor:wait}.confirm-dialog{border:none;padding:0;background:transparent;max-width:calc(100vw - 2rem)}.confirm-dialog::backdrop{background:#1c242073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog-panel{width:min(100%,420px);margin:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:1.5rem 1.5rem 1.25rem}.confirm-dialog-panel h2{margin:0;font-family:Roboto,sans-serif;font-size:1.35rem;letter-spacing:-.02em}.confirm-dialog-panel>p{margin:.65rem 0 0}.confirm-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem}.confirm-dialog-actions .ghost{min-width:5.5rem}.confirm-primary,.confirm-danger{border:none;padding:.55rem .95rem;font-weight:600;min-width:5.5rem;transition:background .16s ease}.confirm-primary{background:var(--brand);color:#fff}.confirm-primary:hover{background:var(--brand-hover)}.confirm-danger{background:var(--danger);color:#fff}.confirm-danger:hover{background:#7f2424}.confirm-dialog[open]{animation:confirm-in .16s ease-out}.confirm-dialog[open]::backdrop{animation:confirm-backdrop-in .16s ease-out}@keyframes confirm-in{0%{opacity:0;transform:translateY(.4rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes confirm-backdrop-in{0%{opacity:0}to{opacity:1}}.status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.status-pill{display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.01em;text-transform:capitalize}.stat-value.status-pill{font-size:1.8rem}.status-healthy{color:var(--brand)}.status-unhealthy{color:var(--danger)}.status-checking,.status-unknown{color:var(--muted)}.status-checks{margin-top:1rem;display:grid;gap:.85rem}.status-check{padding:.85rem 0;border-top:1px solid var(--line)}.status-check:first-child{border-top:none;padding-top:0}.status-check-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.25rem}.status-check .error{margin-top:.4rem}.status-meta{margin:1rem 0 0;display:grid;gap:.75rem}.status-meta>div{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.75rem;align-items:baseline}.status-meta dt{margin:0;color:var(--muted);font-size:.88rem}.status-meta dd{margin:0;font-weight:500}.toast{position:fixed;right:1.25rem;bottom:1.25rem;z-index:50;max-width:min(24rem,calc(100vw - 2.5rem));padding:.85rem 1.1rem;background:var(--ink);color:#fff;font-size:.92rem;font-weight:500;box-shadow:var(--shadow);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);gap:1rem}.sidebar-nav{display:flex;flex-wrap:wrap;gap:.35rem}.sidebar-link{border-left:none;border-bottom:2px solid transparent}.sidebar-link.active{border-left-color:transparent;border-bottom-color:var(--brand)}.sidebar-footer{grid-template-columns:1fr auto;align-items:center}.stat-grid,.metrics-stat-grid{grid-template-columns:1fr}}