:root{--brand:#1976f3;--brand-strong:#0f5fc8;--teal:#16b8a6;--ink:#10243e;--text:#263a52;--muted:#718096;--line:#dfe7f0;--line-soft:#edf2f7;--surface:#fff;--canvas:#f4f7fb;--danger:#c74242;--warning:#b26a00;--success:#20845d;--radius-sm:6px;--radius:10px}*{box-sizing:border-box}body{margin:0;min-width:1080px;color:var(--text);background:var(--canvas);font:14px/1.6 Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}h1{margin:0;color:var(--ink);font-size:24px;letter-spacing:-.3px;font-weight:650}h2{margin:0;color:var(--ink);font-size:15px;font-weight:650}a{color:var(--brand-strong);text-decoration:none}a:hover{text-decoration:underline}code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px;color:#3d5470}.muted,.quiet{color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,monospace}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;background:#0d3b66;border-bottom:1px solid #0a3156;color:#fff}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#ffffff14}.brand-mark span{width:16px;height:16px;border:4px solid #fff;border-right-color:#41cdbb;border-radius:50%}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:16px;font-weight:700;letter-spacing:.8px}.brand-sub{margin-top:2px;font-size:8px;letter-spacing:1.6px;color:#b9d5ea}.topbar-right{display:flex;align-items:center;gap:16px}.environment{display:flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:11px;color:#c6dbec}.environment i{width:6px;height:6px;border-radius:50%;background:#45d4aa}.operator{display:flex;align-items:center;gap:9px}.operator-badge{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:13px;font-weight:700}.operator-meta{display:flex;flex-direction:column;line-height:1.25}.operator-meta b{font-size:12px;font-weight:650}.operator-meta small{font-size:10px;color:#b9d5e8}.logout{padding:5px 12px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:transparent;color:#dce9f5;font-size:12px;cursor:pointer}.logout:hover{background:#ffffff14}.body-grid{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 62px)}.sidebar{padding:18px 12px;background:#fff;border-right:1px solid var(--line)}.side-section{margin:0 0 8px;padding:0 10px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#98a6b6}.nav-item{display:flex;align-items:center;gap:9px;height:40px;padding:0 12px;border-radius:var(--radius-sm);color:#52657b;font-size:13px;font-weight:550;text-decoration:none}.nav-item:hover{background:#f5f8fc;text-decoration:none;color:#0d5fb6}.nav-item.router-link-active{color:#0d5fb6;background:#eaf3ff;box-shadow:inset 3px 0 var(--brand)}.side-note{margin-top:22px;padding:12px 13px;display:flex;align-items:flex-start;gap:8px;border:1px solid #d4ebe7;border-radius:7px;background:#f3fbf9;color:#477179;font-size:10px;line-height:1.6}.side-note svg{flex:none;color:#168d7f;margin-top:1px}.crumb{position:sticky;top:0;z-index:2;height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft);color:#5c6b7e;font-size:12px}.page-shell{padding:24px 28px 36px}.page-heading{margin-bottom:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel+.panel{margin-top:18px}.panel-header{min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft)}.panel-title{color:var(--ink);font-size:14px;font-weight:650}.panel-body{padding:18px}.panel-body.tight{padding:0}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px}.metric{min-height:116px;padding:18px;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.metric-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:7px}.metric-icon.blue{color:#1464bd;background:#eaf3ff}.metric-icon.amber{color:#9a6800;background:#fff6dd}.metric-icon.green{color:#187a58;background:#e8f7ef}.metric-icon.red{color:#ad3b3b;background:#fff0f0}.metric-icon.teal{color:#12796c;background:#e6f7f4}.metric-icon.slate{color:#4a5c73;background:#eff2f6}.metric-body{display:grid;min-width:0}.metric-body small{color:#65778c;font-size:12px}.metric-body strong{margin-top:5px;color:var(--ink);font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}.metric-body em{margin-top:7px;color:#98a5b4;font-size:10px;font-style:normal}.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.feat{padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.feat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.feat-head small{color:#65778c;font-size:12px}.feat-head strong{color:var(--ink);font-size:24px;font-variant-numeric:tabular-nums}.kv{margin:0}.kv div{padding:10px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft)}.kv div:last-child{border-bottom:0}.kv dt{color:#65778b;font-size:12px}.kv dd{margin:0;color:var(--ink);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.status-pill{display:inline-block;padding:2px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;color:#59687b;background:#f0f3f6}.status-pending,.status-draft{color:#946200;background:#fff8df;border-color:#f3df9e}.status-ready,.status-published,.status-active{color:#187251;background:#eaf8f1;border-color:#bfe7d2}.status-processing{color:#155eb3;background:#ebf3ff;border-color:#c3d9f8}.status-failed{color:#a72f2f;background:#fff0f0;border-color:#efc5c5}.status-disabled,.status-archived{color:#677486;background:#f1f3f6;border-color:#dce2e8}.tag{display:inline-block;padding:1px 8px;margin:1px 4px 1px 0;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:#5a6b80;font-size:11px}.notice{margin-bottom:18px;padding:11px 13px;color:#80560b;border:1px solid #ead9a8;border-radius:7px;background:#fff9e8;font-size:12px}.load-error{margin-bottom:18px;padding:11px 13px;display:flex;align-items:center;gap:9px;color:#8f2d2d;border:1px solid #efc5c5;border-radius:7px;background:#fff0f0;font-size:12px}.load-error span{flex:1}.empty-state{padding:54px 20px;text-align:center;color:var(--muted);font-size:13px}svg .grid line{stroke:var(--line-soft);stroke-width:1;vector-effect:non-scaling-stroke}svg .bars rect{fill:#cddbea}svg .cum{fill:none;stroke:var(--brand);stroke-width:2;vector-effect:non-scaling-stroke}svg .lab{fill:#98a5b4;font-size:11px}svg text{fill:#98a5b4;vector-effect:non-scaling-stroke}path.spark{fill:none;stroke:var(--brand);stroke-width:1.5;vector-effect:non-scaling-stroke}.caveats{margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}.caveats li{margin-bottom:6px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:9px 14px;text-align:left;color:#53657a;font-size:12px;font-weight:650;background:#f8fafc;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}tbody tr:last-child td{border-bottom:0}.cell-main{color:var(--ink);font-weight:650}.doc-meta{margin-top:3px;color:#8b99aa;font-size:10px}.actions{display:flex;align-items:center;gap:12px;justify-content:flex-end;white-space:nowrap}.link-button{padding:0;border:0;background:transparent;color:var(--brand-strong);cursor:pointer;font-size:13px}.link-button:hover{text-decoration:underline}.link-button:disabled{opacity:.5;cursor:wait}input,select{padding:7px 10px;border:1px solid #d8e1eb;border-radius:var(--radius-sm);background:#fff;color:var(--text)}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #1976f31c}.btn{padding:8px 16px;border:1px solid var(--brand-strong);border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.btn:hover{background:var(--brand-strong);text-decoration:none;color:#fff}.checks{display:flex;flex-wrap:wrap;gap:6px 14px}.checks label{display:flex;align-items:center;gap:6px;color:#3d5470;font-size:12px;cursor:pointer}.field{margin-top:12px;display:grid;gap:5px}.field label{color:#65778b;font-size:11px;font-weight:600}.field input,.field select{width:100%}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-foot{margin-top:14px;display:flex;align-items:center;gap:12px}.err{color:var(--danger);font-size:12px}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(520px,1.3fr) minmax(430px,.7fr);background:#0d3b66}.login-context{position:relative;padding:clamp(56px,8vh,104px) clamp(44px,6vw,96px);overflow:hidden;color:#fff;background:linear-gradient(138deg,#0b3156,#0e4b7d 72%,#0d5d82)}.login-context:after{content:"";position:absolute;width:460px;height:460px;right:-170px;bottom:-240px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff05}.context-kicker{display:flex;align-items:center;gap:9px;color:#88d9ce;font-size:11px;font-weight:700;letter-spacing:1.8px}.context-kicker i{width:22px;height:2px;background:#4ed1bf}.login-context h1{max-width:620px;margin:30px 0 20px;color:#fff;font-size:clamp(30px,3.4vw,46px);line-height:1.25;letter-spacing:-1.2px}.login-context>div>p{max-width:560px;margin:0;color:#c8daea;font-size:15px;line-height:1.8}.flow{position:relative;z-index:1;max-width:660px;margin-top:52px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.16);background:#041e373d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flow>div{display:flex;flex-direction:column}.flow strong{font-size:13px}.flow small{margin-top:4px;color:#a9c3d9;font-size:10px}.flow i{color:#54d7c5;font-size:15px;font-style:normal}.privacy-note{position:absolute;bottom:30px;left:clamp(44px,6vw,96px);right:clamp(44px,6vw,96px);display:flex;align-items:center;gap:8px;color:#9fc4d7;font-size:11px}.login-pane{display:grid;place-items:center;padding:44px;background:#f5f8fb}.login-card{width:370px}.product{display:flex;align-items:center;gap:11px}.product .mark{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:#0d3b66}.product .mark span{width:18px;height:18px;border:4px solid #fff;border-right-color:#41cdbb;border-radius:50%}.product>div:last-child{display:flex;flex-direction:column}.product b{color:var(--ink);font-size:16px;letter-spacing:.5px}.product small{margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:1px}.welcome{margin:40px 0 22px}.welcome h2{font-size:27px;letter-spacing:-.5px}.welcome p{margin:8px 0 0;color:var(--muted);font-size:13px}.login-help{margin-top:20px;text-align:center;color:#8a98a8;font-size:11px}@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){body{min-width:0}.login-page{grid-template-columns:minmax(0,1fr)}.login-context{display:none}}