:root{--bg:#f5f7fb;--surface:#fff;--surface2:#f8fafc;--line:#e6eaf1;--txt:#17243b;--muted:#778297;--blue:#2169eb;--bluelite:#eff5ff;--green:#12986f;--red:#df4c54;--amber:#d18b24;--shadow:0 8px 28px rgba(24,41,68,.045);--rad:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:-.8px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}small,.tiny{font-size:11px}.muted{color:var(--muted)}.strong{font-weight:700}.nowrap{white-space:nowrap}.stack{display:flex;flex-direction:column}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap20{gap:20px}.between{display:flex;justify-content:space-between;align-items:center;gap:16px}.wrap{flex-wrap:wrap}.text-right{text-align:right}
.top{height:69px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(26px,calc((100vw - 1450px)/2));position:sticky;top:0;z-index:20;box-shadow:0 2px 14px rgba(44,60,84,.035)}.brandmark{font-size:22px;font-weight:900;letter-spacing:-1.6px;display:flex;align-items:center;gap:3px;color:#152947}.brandmark span:not(.brandicon){color:var(--blue)}.brandicon{background:#2169eb;color:white;border-radius:10px;padding:0px 9px;display:inline-grid;place-items:center;font-size:20px;margin-right:8px;height:34px}.top-right{display:flex;align-items:center;gap:15px}.top-right .avatar{background:#eff2f8;color:#3e5374;border-radius:10px;padding:9px 12px;font-weight:800}.top-right .who{display:flex;flex-direction:column;line-height:1.25}.top-right .who small{color:var(--muted)}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:69px;z-index:15}.nav-inner{margin:auto;max-width:1450px;display:flex;gap:3px;padding:0 15px;overflow-x:auto;scrollbar-width:none}.nav-inner::-webkit-scrollbar{display:none}.nav a{display:flex;gap:8px;align-items:center;white-space:nowrap;padding:14px 17px;color:#6e7c92;border-bottom:2px solid transparent;font-size:13px;font-weight:650}.nav a:hover{color:#2169eb;background:#fafcff}.nav a.active{color:var(--blue);border-color:var(--blue)}.nav .n-icon{font-size:16px;opacity:.82}
.container{max-width:1450px;margin:26px auto 65px;padding:0 24px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.page-head p{color:var(--muted);margin-top:4px}.btn{background:white;border:1px solid #dce3ee;color:#3a4f70;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2;min-height:38px}.btn:hover{background:#f3f7ff;border-color:#b5c9ec}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#1454c9}.btn.danger{color:var(--red);border-color:#f3d3d5}.btn.small{min-height:30px;padding:6px 11px;font-size:12px}.btn.full{width:100%}.btn.ghost{border:none}.btn:disabled{opacity:.6;cursor:not-allowed}
.grid{display:grid;gap:18px}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:span 2}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--shadow);overflow:hidden}.pad{padding:22px}.panel-head{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.panel-title{font-size:15px;font-weight:780;letter-spacing:-.2px}.metric{padding:20px 21px;position:relative;min-height:120px}.metric .label{color:var(--muted);font-size:12px;font-weight:650}.metric .value{font-size:31px;font-weight:850;letter-spacing:-1px;margin-top:10px;line-height:1.2}.metric-icon{position:absolute;right:18px;top:18px;background:#f0f5ff;border-radius:11px;padding:9px 12px;color:#3573ec;font-size:17px}.metric-hint{margin-top:7px;color:var(--muted);font-size:11px}
.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{background:#fafbfe;color:#7a869b;font-weight:750;font-size:11px;text-transform:uppercase;letter-spacing:.45px}td,th{padding:13px 18px;border-bottom:1px solid #eef1f6;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fcfdff}.row-title{font-weight:750;font-size:13px}.sub{color:var(--muted);font-size:11px;margin-top:2px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.pill{display:inline-flex;gap:5px;align-items:center;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;background:#f1f4f9;color:#69778d}.pill.ok{color:#00835e;background:#e8f8f0}.pill.red{color:#bd3345;background:#fff0f2}.pill.blue{color:#2169eb;background:#edf4ff}.pill.gold{color:#a56a15;background:#fff6e8}.mono{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:12px}.url{max-width:315px;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap;color:var(--blue)}.small-actions{display:flex;align-items:center;gap:6px}.small-actions form{display:inline-flex}.link{color:var(--blue);font-weight:700;cursor:pointer}
label{font-size:12px;color:#52617a;font-weight:750;display:flex;flex-direction:column;gap:7px}input,select,textarea{width:100%;border:1px solid #dce3ee;background:white;color:var(--txt);border-radius:10px;padding:10px 12px;outline:none;min-height:40px}input:focus,select:focus,textarea:focus{border-color:#5895f9;box-shadow:0 0 0 3px #e9f2ff}input[readonly]{background:#f7f9fd}input[type=checkbox]{min-height:auto;width:auto;accent-color:var(--blue)}textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.full-width{grid-column:1/-1}.note{background:#f3f7ff;border:1px solid #dfeaff;color:#4c658d;padding:12px 15px;border-radius:10px;font-size:12px}.note.warn{background:#fff8ee;border-color:#f9e4bf;color:#95631f}.alert{background:#eaf9f3;border:1px solid #cdeee0;color:#197653;padding:12px 15px;border-radius:11px;margin-bottom:18px;font-size:13px}.alert.danger{background:#fff2f3;color:#b4404f;border-color:#f4d8dd}.section-gap{margin-top:21px}.empty{padding:46px 18px;text-align:center;color:#7e8ba0}.empty .emoji{font-size:27px;margin-bottom:11px}.feature{display:flex;gap:12px;align-items:flex-start}.feature .symbol{border-radius:11px;background:#edf4ff;color:var(--blue);font-size:21px;padding:8px 11px}.feature p{color:var(--muted);font-size:12px;margin-top:5px}.soft{background:#f6f8fc;border:1px solid #e9edf5;border-radius:12px;padding:15px}.hero{background:linear-gradient(110deg,#142f62,#2467e9);border-radius:16px;color:white;padding:25px 27px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.hero h2{font-size:22px;letter-spacing:-.6px}.hero p{color:#dbe8ff;margin-top:7px}.hero a{background:white;color:#265bd1}.bars{height:155px;display:flex;align-items:flex-end;gap:9px;padding:0 3px}.bar-col{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;flex:1;height:100%}.bar{width:100%;max-width:60px;background:linear-gradient(#7cacf9,#286fe9);border-radius:7px 7px 3px 3px;min-height:3px}.bar-lab{font-size:10px;color:var(--muted)}.topbar-tag{font-size:11px;background:#eef8f2;color:#258f6a;border-radius:12px;padding:5px 10px;font-weight:700}
.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 75% -25%,#e4edff,transparent 55%),#f6f8fc;padding:25px}.auth-card{width:100%;max-width:470px;background:#fff;padding:35px;border:1px solid var(--line);border-radius:20px;box-shadow:0 19px 70px rgba(31,52,85,.09)}.auth-card .brandmark{margin-bottom:24px}.auth-card h1{margin-bottom:10px}.auth-card p{margin-bottom:25px}.auth-card .tiny{margin-top:19px;margin-bottom:0}.mini-check{display:flex;gap:8px;align-items:center}.footer{margin-top:30px;color:#9aa5b7;font-size:11px;display:flex;justify-content:space-between}.vertical-gap>*+*{margin-top:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#f5f7fa;border:1px solid var(--line);border-radius:9px;padding:12px}.status-dot{height:7px;width:7px;background:#18b981;display:inline-block;border-radius:50%}.two-col-layout{display:grid;grid-template-columns:340px 1fr;gap:18px}.step{display:flex;align-items:flex-start;gap:12px;margin:12px 0}.step-n{height:25px;width:25px;display:grid;place-items:center;color:#2169eb;background:#ebf3ff;font-weight:800;border-radius:8px;flex:0 0 auto}.codebox{background:#112038;color:#d6e9ff;border-radius:12px;padding:17px;overflow:auto;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.codebox code{font-family:Consolas,monospace}.narrow{max-width:720px}
@media(max-width:1050px){.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-layout{grid-template-columns:1fr}.top{padding:0 20px}.nav-inner{padding:0 12px}}@media(max-width:640px){.top{height:60px;padding:0 14px}.nav{top:60px}.nav a{padding:12px}.top-right .who{display:none}.brandmark{font-size:19px}.container{padding:0 12px;margin:20px auto}.page-head{align-items:flex-start;flex-direction:column}.cols4,.cols3,.cols2,.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.pad{padding:15px}.panel-head{padding:16px}.hero{flex-direction:column;align-items:flex-start}.metric{min-height:112px}.auth-card{padding:22px}.footer{flex-direction:column;gap:6px}}