@font-face{font-family:Manrope;src:url('/Manrope-VF.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--bg:#080808;--surface:#101010;--raised:#171717;--line:#292929;--text:#f5f5f5;--muted:#a3a3a3;--faint:#777;--white:#eee;--green:#a5d6b1;--danger:#f4b4b4;font-family:Manrope,'Microsoft YaHei','PingFang SC',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;min-height:44px}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #eee;outline-offset:4px}button{transition:background .2s,color .2s,border-color .2s}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3vw,43px);font-weight:700;letter-spacing:-1.8px;line-height:1.3}h2{font-size:16px;font-weight:650}h3{font-size:15px;font-weight:650}.period{color:var(--faint)}.eyebrow,.overline{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--muted)}.eyebrow{margin-bottom:14px}.subtitle{color:var(--muted);margin-top:12px;font-size:14px}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.brand>span{font-size:9px;letter-spacing:5px;color:var(--muted);margin-top:8px;font-weight:600}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;min-height:44px;padding:10px 18px;white-space:nowrap;font-weight:650}.primary{border:1px solid var(--white);background:var(--white);color:#111}.secondary{background:transparent;border:1px solid #383838;color:var(--text)}.text-button{border:0;background:none;color:var(--muted);padding:8px 0;display:inline-flex;align-items:center;gap:10px}.text-button:hover{color:var(--text)}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.login-view{min-height:100svh;display:flex;flex-direction:column;padding:44px 6vw}.login-card{margin:auto;width:min(420px,100%);padding:70px 0}.login-card h1{font-size:58px;letter-spacing:-3px;line-height:1.16;margin:20px 0}.login-card .intro{color:var(--muted);margin:24px 0 36px;font-size:15px}.login-card label{display:block;margin-bottom:10px;font-size:13px}.login-card input{width:100%;background:#111;color:var(--text);border:1px solid #383838;border-radius:10px;padding:14px;min-height:50px}.login-card .primary{margin-top:16px;width:100%;justify-content:space-between;height:50px}.login-foot{font-size:12px;color:var(--muted);margin-top:14px}.login-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.login-footer>span{letter-spacing:1px}.error{color:var(--danger);min-height:22px;margin-top:10px;overflow-wrap:anywhere}
.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100svh}.sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:32px 20px 20px;border-right:1px solid var(--line)}.sidebar .brand{padding:0 14px}.workspace-label{margin:64px 14px 16px;font-size:11px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:10px;padding:12px 14px;min-height:48px;text-align:left;font-size:13px}.nav-item svg{height:18px;width:18px;stroke:currentColor;stroke-width:1.5;fill:none;flex-shrink:0}.nav-item.active{color:var(--text);background:#1b1b1b;border-color:#2b2b2b}.nav-item:hover{background:var(--raised);color:var(--text)}.nav-tag{margin-left:auto;border:1px solid #404040;font-size:9px;border-radius:4px;padding:1px 4px;white-space:nowrap}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:22px 14px 0}.identity{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #3d3d3d;background:#191919;border-radius:50%;font-size:13px;font-weight:800}.identity strong{display:block;font-size:12px}.identity small{font-size:11px;color:var(--muted)}.sidebar-bottom .text-button{font-size:12px;margin-top:15px;width:100%;justify-content:space-between}.main-shell{min-width:0}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;justify-content:space-between;align-items:center;gap:16px}.breadcrumb{display:flex;gap:14px;font-size:11px;letter-spacing:.5px;color:var(--muted)}.breadcrumb>span:last-child{color:var(--text)}.private-badge{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:5px;height:5px;border-radius:50%;background:var(--green)}main#main{max-width:1450px;padding:46px 44px 30px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading>.secondary{font-size:12px}.page-heading>.secondary>span{font-size:20px}.update-line{display:flex;gap:12px;align-items:center;margin-top:26px;margin-bottom:24px;font-size:11px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;border:1px solid #3a3a3a;padding:4px 9px;border-radius:20px;color:var(--text);white-space:nowrap}.pill[data-state=good]{color:var(--green);border-color:#304738}.pill[data-state=bad]{color:var(--danger);border-color:#5c3838}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px}.metric>div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.metric .metric-number{font-size:10px;color:#888;font-weight:800;letter-spacing:1px}.metric>strong{display:block;font-size:48px;font-weight:800;line-height:1.4;margin:20px 0 12px;font-variant-numeric:tabular-nums;letter-spacing:-2px}.metric>p{font-size:11px;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}.panel-title{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:77px}.panel-title .text-button{font-size:11px;min-height:32px}.overline{font-size:9px;letter-spacing:1.4px}.service-heading{padding:27px 24px 18px;display:flex;gap:15px;align-items:center}.large-dot{width:10px;height:10px;border-radius:50%;background:var(--faint);flex-shrink:0}.large-dot.good{background:var(--green);box-shadow:0 0 0 5px #a5d6b10b}.service-heading p{font-size:11px;color:var(--muted);margin-top:5px}.details{margin:0;padding:0 24px 20px}.details>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #222;font-size:11px}.details>div:last-child{border-bottom:0}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right;overflow-wrap:anywhere}.panel-link{border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:15px 24px;display:flex;justify-content:space-between;width:100%;font-size:12px}.recent-users{padding:0 24px}.recent-user{display:flex;gap:12px;padding:19px 0;border-bottom:1px solid #232323;align-items:center;min-width:0}.recent-user:last-child{border-bottom:0}.recent-user .avatar{flex-shrink:0;color:var(--muted);width:32px;height:32px;font-size:11px}.recent-user .user-meta{min-width:0}.recent-user strong{font-size:11px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-user small{font-size:10px;color:var(--muted)}.recent-user .user-notes{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.quiet-footer{margin-top:28px;display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted)}.quiet-footer>span:last-child{font-size:9px;letter-spacing:1.5px;white-space:nowrap}.view:not(#view-overview)>.panel{margin-top:32px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th,td{padding:18px 24px;border-bottom:1px solid #252525}th{color:var(--muted);font-size:11px;font-weight:500}td{font-variant-numeric:tabular-nums}td:first-child{font-weight:600}td:not(:first-child){color:var(--muted)}input[type=search]{min-height:44px;background:var(--bg);border:1px solid #383838;border-radius:9px;padding:10px 12px;color:var(--text);font-size:12px;width:min(250px,100%)}.pagination{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.pagination button{font-size:11px;padding:8px 12px}.empty{padding:38px 20px;text-align:center;color:var(--muted);font-size:12px}.setting-row{padding:26px 24px;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);align-items:center}.setting-row p{font-size:12px;color:var(--muted);margin-top:7px}.setting-row .primary,.setting-row .secondary{font-size:12px}.setting-note{display:flex;gap:12px;color:var(--muted);padding:24px 24px 0;font-size:12px;line-height:1.8}.settings-panel>#config-message{padding:12px 24px 24px;font-size:11px}.boundaries{padding:24px}.boundaries p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:12px;max-width:700px}.pending-panel{padding:40px;max-width:850px}.pending-panel h2{font-size:26px;margin:20px 0 14px}.pending-panel>p{color:var(--muted);font-size:13px;max-width:560px;line-height:1.9}.pending-items{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pending-items>span{border-top:1px solid var(--line);padding-top:18px;font-size:12px}.pending-items b{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px}.status-message,.demo-banner{padding:12px 16px;border:1px solid #544332;background:#1c1812;color:#ead1a6;border-radius:10px;margin-bottom:22px;font-size:12px}.demo-banner{border-color:#404040;background:#191919;color:var(--text)}dialog{color:var(--text);background:#141414;border:1px solid #444;border-radius:16px;padding:30px;width:min(460px,calc(100% - 32px));box-shadow:0 24px 100px #000b}dialog::backdrop{background:#000a}dialog h2{font-size:24px;margin:18px 0 14px}dialog p{color:var(--muted);font-size:13px;line-height:1.9}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}
@media(min-width:1500px){main#main{padding-top:60px}.metric{padding:28px}.metric>strong{font-size:56px}}
@media(max-width:1100px){.workspace{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 12px 16px}.topbar{padding:0 28px}main#main{padding:36px 28px 24px}.overview-grid{grid-template-columns:1fr}.metrics{gap:12px}.metric{padding:20px}.nav-tag{display:none}}
@media(max-width:700px){.workspace{display:block}.sidebar{position:static;height:auto;padding:20px 20px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{padding:0;flex-direction:row;align-items:baseline;gap:14px;font-size:21px}.brand>span{font-size:8px;letter-spacing:3px}.workspace-label,.sidebar-bottom{display:none}nav{flex-direction:row;margin-top:20px;gap:4px;overflow-x:auto}.nav-item{width:auto;flex:1;justify-content:center;padding:10px 8px;gap:6px;white-space:nowrap;font-size:11px}.nav-item svg{display:none}.topbar{height:56px;padding:0 20px}.breadcrumb{gap:9px;font-size:10px}.private-badge{font-size:10px}main#main{padding:28px 20px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:28px;letter-spacing:-1px}.page-heading>.secondary{min-width:44px;padding:8px 10px;font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.5px}.subtitle{font-size:12px}.metrics{grid-template-columns:1fr}.metric{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.metric>div{display:block;font-size:12px}.metric-number{display:none}.metric>strong{grid-column:2;grid-row:1/3;font-size:40px;margin:0;line-height:1.2}.metric>p{font-size:10px}.overview-grid{gap:18px;margin-top:18px}.panel-title{padding:18px;min-height:70px}.service-heading{padding:24px 18px 16px}.details{padding:0 18px 18px}.recent-users{padding:0 18px}.quiet-footer{font-size:9px}.quiet-footer>span:last-child{display:none}.search-label{max-width:55%}.pagination{padding:16px;align-items:flex-start;flex-direction:column}.setting-row{padding:22px 18px;gap:16px}.setting-row p{font-size:11px}.setting-row h3{font-size:13px}.setting-row button{padding:8px 12px;font-size:11px}.setting-note{padding:20px 18px 0}.settings-panel>#config-message{padding:12px 18px 20px}.pending-panel{padding:28px 22px}.pending-items{grid-template-columns:1fr}.login-view{padding:28px 24px}.login-card h1{font-size:50px}.login-footer>span{font-size:9px}.login-brand>span{margin-top:6px}}
.topbar-actions{display:flex;align-items:center;gap:18px}#logout-mobile{display:none}@media(max-width:700px){#logout-mobile{display:inline-flex;font-size:11px}.topbar-actions{gap:14px}.login-card input,input[type=search]{font-size:16px}.setting-note{font-size:13px}}
.database-status{color:var(--muted);font-size:12px;margin:24px 0 -12px;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
