:root{--navy:#1b2a4a;--navy-900:#0e1830;--navy-800:#162038;--navy-700:#1f2f52;--gold:#c9a84c;--gold-bright:#e0c060;--gold-soft:rgba(201,168,76,.14);--ink:#0c1424;--bg:#0b1322;--surface:#11203c;--surface-2:#0e1a30;--line:rgba(201,168,76,.18);--line-soft:hsla(0,0%,100%,.08);--text:#eef2f8;--muted:#9aa6bd;--muted-2:#6b7790;--ok:#2faa6a;--warn:#d8a13a;--err:#d65a4e;--info:#3b86c8;--r:12px;--r-lg:16px;--sp:16px;--shadow:0 10px 30px rgba(0,0,0,.35);--font:"PingFang TC","Microsoft JhengHei","Noto Sans TC",-apple-system,system-ui,sans-serif;--mono:"SF Mono",ui-monospace,"JetBrains Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.25;font-weight:800;letter-spacing:.2px}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.gold{color:var(--gold)}.wrap{max-width:1280px;margin:0 auto;padding:0 24px}.card{background:linear-gradient(160deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow)}.row{display:flex;gap:16px;flex-wrap:wrap}.grid{display:grid;grid-gap:16px;gap:16px}.btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid transparent;border-radius:11px;padding:11px 20px;font-weight:800;font-size:.92rem;font-family:inherit;transition:.18s}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{background:var(--gold-bright)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-danger{background:rgba(214,90,78,.14);color:#ff9085;border-color:rgba(214,90,78,.4)}.field{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text);font-size:1rem;font-family:inherit}.field:focus{outline:none;border-color:var(--gold)}label.lbl{display:block;font-size:.8rem;color:var(--muted);margin:10px 0 4px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;background:var(--gold-soft);color:var(--gold)}.badge.ok{background:rgba(47,170,106,.16);color:#5fe0a0}.badge.warn{background:rgba(216,161,58,.16);color:#e8c878}.badge.err{background:rgba(214,90,78,.16);color:#ff9085}.dt{width:100%;border-collapse:collapse;font-size:.9rem}.dt th{text-align:left;color:var(--muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:10px 12px;border-bottom:1px solid var(--line)}.dt td{padding:12px;border-bottom:1px solid var(--line-soft)}.dt tr:hover td{background:hsla(0,0%,100%,.02)}.stat{flex:1 1;min-width:180px}.stat .v{font-size:1.8rem;font-weight:900;color:#fff}.stat .k{font-size:.78rem;color:var(--muted);font-weight:700}.shell{display:flex;min-height:100vh}.side{width:248px;flex:0 0 248px;background:var(--navy-900);border-right:1px solid var(--line);padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.side .brand{font-weight:900;font-size:1.05rem;padding:8px 10px 16px}.side .brand b{color:var(--gold)}.nav-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:700;font-size:.9rem;cursor:pointer}.nav-i:hover{background:hsla(0,0%,100%,.04);color:var(--text)}.nav-i.active{background:var(--gold-soft);color:var(--gold)}.main{flex:1 1;min-width:0;padding:24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media(max-width:880px){.side{display:none}}