:root{--blue: #3468e9;--blue-dark: #2858cf;--ink: #20344d;--muted: #62758f;--line: #e4ebf4;--surface: #fff;--canvas: #f5f7fb;--sidebar: #172b44;--gold: #ccb27f;color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:var(--canvas)}*,*:before,*:after{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,input,select{border:1px solid #d8e1ee;background:var(--surface);border-radius:7px;padding:8px 12px}button{cursor:pointer}button:hover:not(:disabled){color:var(--blue-dark);border-color:#9eb7ed}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #a7c1fc;outline-offset:2px}h1,h2,h3,p,dl,dd{margin:0}.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.primary:hover:not(:disabled){color:#fff;background:var(--blue-dark);border-color:var(--blue-dark)}.muted,.subtitle{color:var(--muted)}.error-text{color:#a73442}.success-text{color:#21765e}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{width:min(100%,410px);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:0 14px 40px #172b4410}.login-card h1{margin:24px 0 20px;font-size:24px}.login-card p{margin-bottom:10px}.login-brand,.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:2px}.brand-mark{display:inline-flex;align-items:end;height:25px;gap:3px;transform:skew(-10deg)}.brand-mark i{width:5px;border-radius:2px;background:var(--gold)}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:24px}.login-form{display:grid;gap:8px}.login-form label:not(:first-child){margin-top:6px}.login-form input{width:100%;min-height:42px}.login-button{margin-top:10px;min-height:42px}.dashboard{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#fff;padding:27px 20px}.sidebar-subtitle{display:block;margin:8px 0 35px;color:#b9c8da;font-size:12px}.nav-active{display:flex;align-items:center;gap:10px;padding:11px 12px;background:#2c4565;border-left:3px solid var(--gold);border-radius:5px}.workspace{min-width:0;max-width:1920px;padding:0 30px 28px}.topbar{min-height:62px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.crumb-separator{margin:0 8px;color:#9aabbe}.account{display:flex;align-items:center;gap:12px}.account span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account button{white-space:nowrap;padding:6px 10px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 22px}.page-heading>button{flex-shrink:0}.eyebrow{color:#8d713f;font-size:11px;font-weight:650;letter-spacing:1.8px;margin-bottom:5px}.page-heading h1{font-size:26px;margin-bottom:4px}.subtitle{font-size:13px}.notice{padding:10px 14px;margin-bottom:12px;border-radius:7px;background:var(--surface)}.overview{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.metric{position:relative;padding:17px 18px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.metric:first-child{background:#203c5e;color:#fff;border-color:#203c5e}.metric-label,.metric-note{color:var(--muted);font-size:12px}.metric:first-child .metric-label,.metric:first-child .metric-note{color:#d0dceb}.metric-note b{color:#305e98;font-weight:650}.metric:first-child .metric-note b{color:#e2c992}.metric-symbol{position:absolute;right:15px;top:14px;color:#869ab3;font-size:18px}.metric:first-child .metric-symbol{color:#bac9db}.metric-number{margin:8px 0 4px;font-size:30px;line-height:1.25;font-weight:650}.metric-number small{font-size:12px;font-weight:400;margin-left:5px;opacity:.75}.scope-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin:10px 0 20px;font-size:12px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.panel-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 20px 0}.tabs{display:flex;gap:22px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:7px 0 11px;color:var(--muted)}.tabs button.active{color:#244b89;border-bottom-color:var(--blue);font-weight:650}.tabs span{margin-left:5px;padding:2px 6px;border-radius:5px;background:#edf3fe;font-size:11px}.link-button{color:#355e9b;padding:4px 2px;border:0;background:transparent;font-size:12px}.daybar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:11px 20px;background:#f7faff;border-top:1px solid var(--line)}.daybar label{font-size:12px;font-weight:600}.daybar button,.daybar input{padding:5px 8px;font-size:12px;min-height:33px}.daybar small{color:var(--muted)}.daybar .error-text{flex-basis:100%;font-size:12px}.filters{padding:16px 20px;border-top:1px solid var(--line)}.filter-grid{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(4,minmax(96px,1fr));gap:11px}.filter-grid label{display:grid;min-width:0;gap:6px;color:var(--muted);font-size:12px}.filter-grid input,.filter-grid select{width:100%;min-width:0;min-height:37px;color:var(--ink)}.filter-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}.filter-foot>span{color:var(--muted);font-size:12px}.filter-foot strong{color:#2f568c}.filter-buttons,.page-controls{display:flex;align-items:center;gap:8px}.filter-buttons button{min-width:66px}.filter-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.filter-tags span{padding:3px 7px;background:#edf3fd;color:#3b5d92;border-radius:5px;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px;text-align:left}thead{background:#f6f8fc}th,td{padding:12px 16px;white-space:nowrap}th{font-size:12px;font-weight:550;color:var(--muted)}td{border-top:1px solid #edf1f7;font-size:13px;vertical-align:middle}tbody tr:hover{background:#f9fbff}th:first-child{min-width:165px}.sort-button{padding:0;border:0;background:transparent;color:inherit}.sort-button span{margin-left:3px}[aria-sort=ascending] .sort-button,[aria-sort=descending] .sort-button{color:#315f9f}.user-cell{display:flex;align-items:center;gap:9px}.user-cell strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis}.user-cell small,.login-cell small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.avatar{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:#edf2f9;color:#42628b}.mono{font-variant-numeric:tabular-nums;font-size:12px;color:#516c8c}.status{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border:1px solid #d4e8df;border-radius:5px;background:#eef8f3;color:#286650;font-size:11px}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.status.off{background:#f6f7fa;border-color:#e4e9f1;color:#617188}.status.ever{background:#eff4ff;border-color:#d8e4fa;color:#3d5f94}.status.unknown{background:#fff8ed;border-color:#efe0c3;color:#89672d}.empty{display:grid;place-items:center;gap:8px;min-height:112px;padding:24px;color:var(--muted);text-align:center}.empty strong{color:var(--ink)}.empty[role=alert] strong{color:#a73442}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.page-controls{flex-wrap:wrap}.page-controls button,.page-controls select{padding:6px 9px}.page-number{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.drawer{position:fixed;inset:0 0 0 auto;width:min(480px,100vw);max-width:100vw;height:100%;max-height:100%;margin:0;padding:0;border:0;background:var(--surface);color:var(--ink)}.drawer::backdrop{background:#172b4463}.drawer-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--surface)}.drawer-header h2{font-size:18px}.drawer-header button{font-size:20px;padding:0 10px}.drawer-body{padding:20px 22px}.detail-hero{margin:0 0 16px}.detail-hero .avatar{width:45px;height:45px}.detail-hero h3{overflow-wrap:anywhere}.detail-list>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted)}.detail-list dd{overflow-wrap:anywhere}.help-list>div{margin-bottom:16px}.help-list dt{font-weight:650;margin-bottom:3px}.help-list dd{color:var(--muted)}@media(max-width:1120px){.dashboard{grid-template-columns:166px minmax(0,1fr)}.workspace{padding-right:18px;padding-left:18px}.filter-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}}@media(max-width:760px){.dashboard{display:block}.sidebar{position:static;display:flex;align-items:center;justify-content:space-between;height:auto;padding:10px 14px}.sidebar-subtitle{display:none}.brand{font-size:18px}.nav-active{padding:6px 9px}.workspace{padding-right:12px;padding-left:12px}.topbar{flex-wrap:wrap}.account{min-width:0;gap:7px}.overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.page-heading{align-items:start;flex-wrap:wrap}.metric{padding:12px}.metric-number{font-size:24px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid label:first-child{grid-column:1 / -1}.panel-title,.daybar,.filters,.pagination{padding-right:12px;padding-left:12px}.tabs{gap:12px}}
