:root{--bg:#06121b;--panel:#0b1b26;--panel2:#0f2230;--line:#203746;--text:#f3f7fa;--muted:#8fb7d1;--green:#52dca5;--blue:#37b7ef;--danger:#ff7c8d}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}
body{min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#07131d}
.brand img{height:38px;width:auto}.topnav{display:flex;gap:22px;align-items:center;color:#b9cad6}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;border-radius:10px;border:1px solid #2b4859;background:var(--green);color:#04110d;font-weight:850;cursor:pointer}.btn.ghost{background:transparent;color:var(--text)}.btn.danger{background:#431923;color:#ffdbe0;border-color:#72303c}
.shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid var(--line);padding:26px 18px;background:#07131d}.sidebar .eyebrow,.eyebrow{color:var(--green);font-size:11px;font-weight:900;letter-spacing:.12em}.sidebar h2{margin:5px 0 22px;font-size:20px}.menu{display:grid;gap:7px}.menu a{padding:11px 12px;border-radius:10px;color:#adc2d1;font-weight:700}.menu a:hover,.menu a.active{background:#102635;color:#fff}
.main{padding:34px;min-width:0}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.pagehead h1{font-size:38px;margin:3px 0 6px}.pagehead p{margin:0;color:var(--muted)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric span{display:block;color:var(--muted);font-size:12px}.metric b{display:block;font-size:22px;margin-top:4px}
.notice{padding:13px 15px;border-radius:10px;border:1px solid #236344;background:#0b3026;color:#8ff0c5;margin:0 0 18px}.notice.error{background:#34171d;border-color:#74313d;color:#ffb7c0}
.form{display:grid;gap:13px}.form label{display:grid;gap:6px;font-size:13px;font-weight:800}.form input,.form select,.form textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #294555;background:#071722;color:#fff}.muted{color:var(--muted)}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:28px}.login{width:min(470px,100%);text-align:center}.login .brand img{height:76px;margin-bottom:20px}.login h1{font-size:32px}.login .btn{width:100%;margin-top:12px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}th{color:#8fb7d1}
code{color:#87c7ef}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:20px}.grid{grid-template-columns:1fr}.topbar{padding:0 18px}.pagehead{flex-direction:column}}