:root{color-scheme:dark;--bg:#0d1117;--surface:#161d27;--surface-2:#1d2733;--border:#2c3a49;--text:#e6edf3;--muted:#8b9aaa;--accent:#3ddc97;--accent-2:#58a6ff;--danger:#ff6b6b;--shadow:0 16px 45px rgba(0,0,0,.22)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:var(--accent-2);text-decoration:none}button,input{font:inherit}button{border:0;border-radius:7px;cursor:pointer;font-weight:650;padding:10px 16px;transition:transform .15s,filter .15s}button:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary{background:var(--accent);color:#062218}.secondary{background:var(--accent-2);color:#071321}.danger{background:#632f37;color:#ffd4d4}.brand{font-size:19px;font-weight:800;letter-spacing:.02em}.brand span{color:var(--muted);font-size:13px;font-weight:500;margin-left:8px}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.topbar{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:17px max(24px,calc((100% - 1120px)/2))}.top-actions{display:flex;gap:20px}.layout{margin:0 auto;max-width:1120px;padding:36px 24px}.hero{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:25px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em;margin:0 0 8px}.hero h1{font-size:31px;letter-spacing:-.03em;margin:0 0 7px}.hero p{margin:0}.status{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;gap:8px;padding:12px 16px}.status i{background:var(--danger);border-radius:50%;height:9px;width:9px}.status.online i{background:var(--accent);box-shadow:0 0 0 4px rgba(61,220,151,.12)}.status small{color:var(--muted);font-size:11px;margin-left:5px}.grid{display:grid;gap:18px;grid-template-columns:1.5fr 1fr;margin-bottom:18px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);margin-bottom:18px;padding:20px}.panel-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:17px}.panel h2{font-size:16px;margin:0}.panel-head p{margin:3px 0 0}.actions{display:flex;flex-wrap:wrap;gap:9px}.actions form{margin:0}.pill{border-radius:999px;font-size:11px;padding:3px 9px}.pill.green{background:rgba(61,220,151,.1);color:var(--accent)}.pill.gray{background:rgba(139,154,170,.12);color:var(--muted)}.stats{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0}.stats div{background:var(--surface-2);border-radius:7px;padding:12px}.stats dt{color:var(--muted);font-size:11px}.stats dd{font-size:19px;font-weight:700;margin:5px 0 0}.form-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}label{color:var(--muted);display:flex;flex-direction:column;font-size:12px;gap:5px}input{background:#0c1219;border:1px solid var(--border);border-radius:6px;color:var(--text);outline:0;padding:10px 11px}input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(88,166,255,.13)}.check{align-items:center;display:flex;flex-direction:row;gap:8px;margin-top:25px}.check input{accent-color:var(--accent);height:16px;width:16px}.form-footer{grid-column:1/-1;margin-top:3px}.notice{border:1px solid var(--border);border-radius:7px;margin:0 0 18px;padding:10px 13px}.notice.success{background:rgba(61,220,151,.1);border-color:rgba(61,220,151,.35);color:#a5f4cf}.notice.error{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.35);color:#ffc1c1}.notice.info{background:rgba(88,166,255,.1);border-color:rgba(88,166,255,.35)}.log{background:#090d12;border:1px solid var(--border);border-radius:7px;color:#a8c4b5;font:12px/1.55 Consolas,monospace;max-height:360px;overflow:auto;padding:14px;white-space:pre-wrap}.login{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);max-width:390px;padding:30px;width:100%}.login-card form{display:grid;gap:15px;margin-top:23px}.login-card button{margin-top:5px}footer{color:var(--muted);font-size:11px;padding:4px 24px 25px;text-align:center}@media(max-width:720px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.top-actions{gap:13px}.hero{align-items:flex-start;gap:18px;flex-direction:column}.hero h1{font-size:27px}.grid,.form-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.panel{padding:16px}.layout{padding:25px 14px}}
