:root{color-scheme:dark;--bg:#1d2935;--panel:#24323f;--line:#3b4854;--muted:#a7b4bf;--text:#e1e8ed;--accent:#9e432f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}input{display:block;width:100%;background:#17232e;color:var(--text);border:1px solid #556371;border-radius:5px;padding:11px 12px;margin:7px 0 20px;outline:none}
input:focus{border-color:#c98166;box-shadow:0 0 0 3px #c9816626}button:focus-visible,a:focus-visible{outline:2px solid #dca087;outline-offset:4px}
label{font-weight:500}.primary{background:var(--accent);color:#fff;border:1px solid #b65d48;border-radius:5px;padding:11px 16px;width:100%;margin-top:9px}
.primary:hover{background:#b0543e}.muted{color:var(--muted)}h1{font-size:27px;font-weight:500;margin:0 0 6px}h2{font-size:18px;font-weight:500;margin:0;padding:17px 22px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.12em;color:#c9a48e;margin:0 0 8px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 15% 15%,#78423233,transparent 50%),var(--bg)}
.login-card{width:min(430px,100%);background:#24313d;border:1px solid #47525b;border-top:3px solid #a7523e;border-radius:9px;padding:36px 40px;box-shadow:0 20px 70px #0003}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#8b3828;border-radius:8px;color:#f6d7c4;font-size:22px;margin-bottom:23px}
.login-card form{margin-top:27px}.login-foot{font-size:12px;color:#90a0ad;text-align:center;margin:26px 0 0}
.notice{padding:10px 13px;border-radius:4px}.error{background:#a43f3026;border:1px solid #b66b56;color:#f1c4b3}
.layout{min-height:100vh;display:flex}.sidebar{width:238px;flex-shrink:0;background:linear-gradient(135deg,#873326,#793526 65%,#663025);display:flex;flex-direction:column;border-right:1px solid #985443;position:sticky;top:0;height:100vh}
.brand{font-weight:650;font-size:23px;padding:28px 23px 25px;display:block;letter-spacing:.03em;border-bottom:1px solid #ffffff20}
.brand span{display:block;font-size:12px;color:#dfb4a5;font-weight:400;margin-top:3px}.nav-group{padding:24px 24px 10px;font-size:12px;color:#dfb4a5}
nav a{display:flex;gap:15px;align-items:center;padding:13px 24px;border-left:3px solid transparent;color:#edd1c6}nav a span{font-size:21px;width:23px}nav a:hover{background:#ffffff0b}nav a.active{background:#ffffff21;border-left-color:#f0c3af;color:#fff}
.sidebar-foot{margin-top:auto;padding:24px;font-size:12px;color:#d8b5a7}.status-dot{display:inline-block;background:#9ac4ae;width:6px;height:6px;border-radius:50%;margin-right:8px}
.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{min-height:76px;padding:15px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted)}
.identity{display:flex;align-items:center;gap:15px}.identity form{margin:0}.role,.badge{font-size:12px;padding:3px 9px;border:1px solid #657267;border-radius:4px;color:#bdd3bf;background:#8cbe9020}
.quiet{background:transparent;border:1px solid #64717c;color:#d3dce2;padding:6px 11px;border-radius:4px}.quiet:hover{background:#ffffff0a}.content{padding:30px 32px;max-width:1550px;width:100%}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.online{font-size:13px;color:#a6c6b0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}
.metric{border:1px solid var(--line);border-top:2px solid #97604e;background:var(--panel);border-radius:5px;padding:20px 22px;min-width:0}.metric span,.metric small{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:25px;font-weight:500;margin:10px 0;overflow-wrap:anywhere}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;margin:23px 0;overflow:hidden}.panel dl{display:grid;grid-template-columns:190px 1fr;margin:0}.panel dt,.panel dd{padding:14px 23px;margin:0;border-bottom:1px solid #ffffff09}.panel dt{color:#b7c5cf}.panel dd{background:#ffffff02}
.placeholder p{padding:0 22px 15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th,td{padding:15px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#c1cdd5;background:#ffffff04;font-weight:500}tr:last-child td{border-bottom:0}
footer{margin-top:auto;padding:19px 32px;border-top:1px solid var(--line);color:#8d9ca8;font-size:12px;display:flex;justify-content:space-between}
/* Compact control-panel spacing; login form retains comfortable input sizing. */
.sidebar{width:218px}.brand{padding:16px 20px;font-size:21px}.nav-group{padding:12px 20px 6px}
nav a{padding:7px 20px;gap:12px;min-height:38px}nav a span{font-size:18px;width:20px}.sidebar-foot{padding:14px 20px}
.topbar{min-height:54px;padding:9px 24px}.content{padding:18px 24px;max-width:none}.page-title{margin-bottom:12px}
h1{font-size:24px}h2{padding:10px 16px}.cards{gap:12px;margin:12px 0}
.metric{padding:12px 16px}.metric strong{font-size:23px;margin:5px 0}.panel{margin:14px 0}
.panel dt,.panel dd{padding:9px 16px}.placeholder p{padding:0 16px 8px}th,td{padding:9px 16px}
footer{padding:10px 24px}
@media(max-width:850px){.sidebar{width:190px}.brand{font-size:19px}.content,.topbar{padding:14px}.cards{grid-template-columns:1fr}.identity{gap:8px;flex-wrap:wrap}.panel dl{grid-template-columns:110px 1fr}.panel dt,.panel dd{padding:9px 12px}.topbar{align-items:flex-start}.online{display:none}}
@media(max-width:560px){.layout{display:block}.sidebar{width:100%;height:auto;position:relative}.brand{padding:15px 20px}.brand span,.nav-group,.sidebar-foot{display:none}nav{display:flex;flex-wrap:wrap}nav a{padding:9px 13px;border-left:0;border-bottom:2px solid transparent}nav a.active{border-bottom-color:#efc5b4}.topbar{flex-direction:column;gap:12px}.login-card{padding:28px}.content{padding:22px 15px}footer{padding:16px}}