:root{color:#e7edf8;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 85% -10%,#253c73 0,#0000 34rem),#0b1020;min-height:100vh;display:flex}.sidebar{background:#0a1022b8;border-right:1px solid #b8ccff21;flex-direction:column;width:15.5rem;padding:2rem 1rem 1.25rem;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:.75rem;margin:0 .65rem 3.3rem;display:flex}.brand-mark{color:#0b1020;background:#8ce0cd;border-radius:.75rem;place-items:center;width:2.25rem;height:2.25rem;font-size:1.35rem;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.02em}.brand small{color:#8290ad;letter-spacing:.04em;margin-top:.15rem;font-size:.67rem}.nav-item{color:#8997b6;border-radius:.75rem;align-items:center;gap:.8rem;margin:.25rem 0;padding:.75rem .8rem;font-size:.9rem;display:flex}.nav-item span{text-align:center;width:1.2rem;font-size:1.05rem}.nav-item:hover,.nav-item.active{color:#edf3ff;background:#8ce0cd1f}.nav-item.active{box-shadow:inset 2px 0 #8ce0cd}.sidebar-footer{color:#8290ad;border-top:1px solid #b8ccff1a;gap:.8rem;margin-top:auto;padding:1rem .65rem 0;font-size:.76rem;display:grid}.sidebar-footer a:hover{color:#dce7ff}.sidebar-logout{color:#8290ad;text-align:left;background:0 0;border:0;padding:0;font-size:.76rem}.sidebar-logout:hover{color:#ff9da3}.main-shell{width:100%;margin-left:15.5rem}.topbar{color:#e6edf6;border-bottom:1px solid #b8ccff1a;justify-content:space-between;align-items:center;min-height:5.5rem;padding:0 clamp(1.5rem,4vw,4rem);display:flex}.breadcrumb{color:#71809e}.user-chip{color:#aebbd5;align-items:center;gap:.55rem;font-size:.82rem;display:flex}.avatar{color:#17233b;background:#c4d0ff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.67rem;font-weight:800;display:grid}.content-shell{width:min(100%,90rem);margin:0 auto;padding:clamp(2rem,5vw,4rem)}.page-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.eyebrow{color:#91a7e7;letter-spacing:.16em;font-size:.68rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:.55rem;font-size:clamp(2rem,4vw,3.3rem);line-height:1}h2{letter-spacing:-.02em;margin:.45rem 0 0;font-size:1.1rem}.page-heading p,.panel>p{color:#8997b6;margin-bottom:0;font-size:.92rem;line-height:1.65}.primary-button,.secondary-button,.danger-button{border:0;border-radius:.7rem;padding:.72rem 1rem;font-size:.82rem;font-weight:700}.primary-button{color:#0a1322;background:#8ce0cd}.primary-button:hover{background:#b6f2e5}.primary-button:disabled{cursor:wait;opacity:.65}.secondary-button{color:#cbd7f5;background:0 0;border:1px solid #c4d0ff33}.danger-button{color:#ff9da3;background:#ff747e14;border:1px solid #ff8b9152}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.metric-card,.panel{background:#111a31b8;border:1px solid #b8ccff24;border-radius:1rem;box-shadow:0 1rem 3rem #0000001f}.metric-card{min-height:9.5rem;padding:1.3rem}.metric-card.mint{background:linear-gradient(145deg,#8ce0cd24,#111a31b8);border-color:#8ce0cd59}.metric-card.amber{border-color:#e8d28c52}.metric-label,.metric-card small{color:#8997b6;font-size:.75rem;display:block}.metric-card strong{letter-spacing:-.06em;margin:1rem 0 .35rem;font-size:2rem;display:block}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:1rem;margin-top:1rem;display:grid}.panel{padding:1.5rem}.panel-heading{justify-content:space-between;align-items:start;gap:.75rem;margin-bottom:1.2rem;display:flex}.status-pill,.range-chip,.plan-tag,.user-status{color:#c4d0ff;white-space:nowrap;background:#c4d0ff1a;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.7rem;display:inline-flex}.status-pill.online{color:#8ce0cd;background:#8ce0cd1a}.status-pill.offline{color:#ff9da3;background:#ff747e1a}.status-pill.checking{color:#e8d28c;background:#e8d28c1a}.endpoint{background:#050a1859;border:1px solid #b8ccff1f;border-radius:.7rem;justify-content:space-between;align-items:center;margin:1.4rem 0;padding:.85rem 1rem;display:flex}.copy-server-url{display:inline-flex}code{color:#e8d28c;overflow-wrap:anywhere;font-size:.76rem}.icon-button{color:#9eadd0;background:0 0;border:0;font-size:1.1rem}.last-sync,.form-hint{color:#8ce0cd;font-size:.78rem}.status-dot{background:#8ce0cd;border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block;box-shadow:0 0 .6rem #8ce0cd}.activity-row,.health-item{border-bottom:1px solid #b8ccff17;align-items:center;gap:.8rem;padding:.8rem 0;display:flex}.activity-row>div,.health-item>div{flex:1}.activity-row strong,.activity-row small,.health-item strong,.health-item small{display:block}.activity-row small,.health-item small{color:#8290ad;margin-top:.25rem;font-size:.73rem}.activity-icon{color:#8ce0cd;background:#8ce0cd1a;border-radius:.6rem;place-items:center;width:2rem;height:2rem;display:grid}.field-root{gap:.45rem;margin:1.1rem 0;display:grid}.field-root>label{margin:0}.field-helper{color:#8290ad;font-size:.73rem}.activity-count{color:#8ce0cd;font-size:.75rem}.text-link{color:#aebdf4;margin-top:1.2rem;font-size:.78rem;display:inline-block}label{color:#9ba9c4;gap:.45rem;margin:1.1rem 0;font-size:.78rem;display:grid}input{color:#e7edf8;background:#050a1859;border:1px solid #b8ccff2e;border-radius:.65rem;outline:none;width:100%;padding:.75rem .85rem}input:focus{border-color:#8ce0cd}select{color:#e7edf8;background:#111a31;border:1px solid #b8ccff2e;border-radius:.65rem;width:100%;padding:.75rem .85rem}.form-actions{justify-content:end;margin-top:1.5rem;display:flex}.account-form{max-width:50rem}.account-grid{grid-template-columns:1fr 1fr}.danger-panel{border-color:#ff8b9133}.danger-panel p{margin-bottom:1.25rem}.table-panel{padding:0;overflow:hidden}.create-user-form{margin-bottom:1rem}.create-user-form h2{margin-bottom:.4rem}.form-columns{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.table-toolbar{color:#8290ad;border-bottom:1px solid #b8ccff1a;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;font-size:.75rem;display:flex}.select-root{min-width:8rem;position:relative}.select-root>label{color:#9ba9c4;margin:0 0 .45rem;font-size:.78rem;display:block}.select-trigger{color:#e7edf8;text-align:left;background:#111a31;border:1px solid #b8ccff2e;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;display:flex}.select-trigger:focus-visible{outline-offset:2px;outline:2px solid #8ce0cd}.select-content{z-index:1100;background:#111a31;border:1px solid #b8ccff33;border-radius:.65rem;min-width:9rem;padding:.35rem;overflow:hidden;box-shadow:0 1rem 3rem #00000059}.select-item{color:#cbd7f5;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:.45rem;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .7rem;display:flex}.select-item:hover,.select-item[data-highlighted]{color:#edf3ff;background:#8ce0cd1f}.select-item[data-state=checked]{color:#8ce0cd}.inline-select{min-width:7rem}.inline-select>label,td .select-root>label{display:none}.table-toolbar input{max-width:18rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:40rem}th,td{border-bottom:1px solid #b8ccff14;padding:1rem 1.4rem;font-size:.8rem}th{color:#7483a2;letter-spacing:.08em;text-transform:uppercase;font-size:.67rem}td small{color:#8290ad;margin-top:.3rem;font-size:.7rem;display:block}.user-status.active{color:#8ce0cd}.user-status.paused{color:#e8d28c}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:60rem;display:grid}.plan-card.mint{border-color:#8ce0cd59}.plan-card h2{font-size:1.6rem}.plan-users{margin:1.6rem 0;font-size:2.4rem;display:block}.plan-users small{color:#8290ad;font-size:.8rem;font-weight:400}.plan-card ul{color:#aebbd5;gap:.75rem;margin:0 0 1.7rem;padding:0;font-size:.82rem;list-style:none;display:grid}.fake-chart{height:14rem;padding-top:1rem}.chart-bars{border-bottom:1px solid #b8ccff26;align-items:end;gap:.55rem;height:10.5rem;display:flex}.chart-bars span{background:linear-gradient(#8ce0cd,#436a7c);border-radius:.25rem .25rem 0 0;flex:1;min-height:.35rem}.chart-axis{color:#70809f;justify-content:space-between;padding-top:.55rem;font-size:.65rem;display:flex}.range-chip{color:#8ce0cd}.dialog-content{z-index:1101;color:#e7edf8;background:#111a31;border:1px solid #b8ccff33;border-radius:1rem;width:min(100vw - 2rem,34rem);max-height:calc(100vh - 2rem);padding:1.5rem;position:relative;overflow:auto;box-shadow:0 1.5rem 5rem #00000073}.dialog-content h2{margin:0;font-size:1.35rem}.dialog-content p{color:#8997b6;margin:.5rem 0 1.25rem;font-size:.85rem;line-height:1.6}.dialog-actions{justify-content:end;gap:.65rem;margin-top:1.5rem;display:flex}[data-scope=dialog][data-part=backdrop]{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040814b8;position:fixed;inset:0}[data-scope=dialog][data-part=positioner]{z-index:1101;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.admin-label{color:#647391;letter-spacing:.14em;margin:0 .65rem .55rem;font-size:.6rem}.admin-mark{background:#c4d0ff}.admin-warning{color:#e8d28c}.admin-avatar{background:#c4d0ff}.health-item b{color:#8ce0cd;font-size:.75rem}.auth-shell{background:radial-gradient(circle at 80% 0,#253c73 0,#0000 35rem),#0b1020;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{width:min(100%,28rem);padding:2rem}.auth-brand{margin:0 0 2.5rem}.auth-card h1{margin:.8rem 0 .5rem}.auth-card>p{color:#8997b6;font-size:.85rem;line-height:1.6}.auth-submit{width:100%;margin-top:1rem}.error-message{color:#ffadb2;background:#ff747e1a;border-radius:.5rem;margin-top:.8rem;padding:.7rem .8rem;font-size:.78rem}@media (width<=900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.account-grid{grid-template-columns:1fr}}@media (width<=640px){.sidebar{width:4.2rem;padding:1rem .5rem;position:static}.brand{margin:0 auto 2rem}.brand>span:last-child,.nav-item:not(.active):after,.nav-item{font-size:0}.nav-item span{font-size:1.05rem}.sidebar-footer{display:none}.main-shell{margin-left:0}.topbar{min-height:4.5rem;padding:0 1rem}.user-chip>span:last-child,.breadcrumb{display:none}.content-shell{padding:1.5rem 1rem}.page-heading{flex-direction:column;align-items:start}.metrics-grid{gap:.65rem}.metric-card{min-height:8rem;padding:1rem}.metric-card strong{margin-top:.7rem;font-size:1.5rem}.panel{padding:1.1rem}.plan-grid{grid-template-columns:1fr}}