:root{--ink:#10243d;--muted:#6a7b90;--line:#dce4ed;--paper:#fbfcfe;--surface:#fff;--gold:#b88a2c;--danger:#b94a42;--shadow:0 14px 36px #1b2d4414}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:linear-gradient(#f4f7fa 0,#fff 46%);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{min-height:100vh}.topbar{color:#fff;background:#0c2138;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:70px;padding:0 42px;display:flex}.brand{align-items:center;gap:12px;font-size:14px;display:flex}.brand-mark{border:1px solid var(--gold);color:#f1c968;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.brand strong{letter-spacing:0;display:block}.brand small{color:#b8c6d5;margin-top:2px;display:block}.nav{align-items:center;gap:8px;display:flex}.nav a{color:#cbd7e4;padding:8px 10px;font-size:13px}.nav a:hover,.nav a.active{color:#fff}.user{color:#d8e3ee;font-size:13px}.user b{color:#f1c968;margin-left:6px}.main{max-width:1320px;margin:0 auto;padding:44px 32px 70px}.eyebrow{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.heading h1{letter-spacing:0;margin:0;font-family:Georgia,Songti SC,serif;font-size:34px;font-weight:500}.heading p{color:var(--muted);margin:8px 0 0;font-size:14px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0;display:grid}.stat{background:var(--surface);border:1px solid var(--line);min-height:112px;box-shadow:var(--shadow);padding:20px}.stat b{font:400 34px Georgia,Songti SC,serif;display:block}.stat span{color:var(--muted);font-size:13px}.grid{grid-template-columns:1.35fr .85fr;gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);padding:24px}.panel h2{margin:0 0 16px;font-size:16px}.panel p{color:var(--muted);font-size:14px;line-height:1.7}.row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.row:first-of-type{border-top:0}.row strong{font-size:14px}.row small{color:var(--muted);margin-top:4px;display:block}.tag{color:#52667f;white-space:nowrap;border:1px solid #d4deea;padding:4px 7px;font-size:12px;display:inline-block}.tag.gold{color:#876018;border-color:#e2c279}.button{color:#fff;cursor:pointer;background:#102b47;border:1px solid #304861;padding:10px 14px}.button:hover{background:#173b60}.button.secondary{color:#19334e;background:#fff;border-color:#bfcddd}.empty{color:var(--muted);padding:26px 0;font-size:14px}.auth{border:1px solid var(--line);width:min(440px,100% - 32px);box-shadow:var(--shadow);background:#fff;margin:12vh auto;padding:32px}.auth h1{margin:0 0 10px;font-family:Georgia,Songti SC,serif;font-weight:500}.auth p{color:var(--muted);font-size:14px;line-height:1.7}.auth input{border:1px solid #bdcad8;width:100%;margin:12px 0;padding:12px}.notice{color:#52667f;margin-top:12px;font-size:13px}.setup{border:1px solid var(--line);background:#fff;max-width:760px;margin:12vh auto;padding:38px}.setup code{color:#283e55;background:#f3f6f9;padding:12px;display:block;overflow:auto}@media (max-width:800px){.topbar{padding:0 18px}.nav{display:none}.main{padding:28px 18px}.stats,.grid{grid-template-columns:1fr}.heading{display:block}.heading h1{font-size:28px}}