:root{--bg:#0d0e0e;--panel:#171919;--panel2:#202323;--line:#2d3030;--text:#eeeeeb;--muted:#969b98;--green:#a6ada8;--orange:#c8cdca;--red:#d99499}
body{font-size:16px;background:#0d0e0e;color:var(--text)}
.screen{padding:32px;background:#0d0e0e}
.login-card{width:min(460px,100%);border-radius:16px;padding:36px;background:#171919;border-color:#303333;box-shadow:0 24px 70px #0006}
.brand{font-size:24px;gap:14px}.mark{width:42px;height:42px;border-radius:12px;background:#343736;color:#f1f2ef}
.eyebrow{font-size:11px;margin-top:26px;color:#979d99}.login-card h1{font-size:32px;line-height:1.16;margin:9px 0 12px}.login-card p{font-size:15px;line-height:1.55;margin-bottom:26px}.login-card label{gap:8px;font-size:14px}.login-card input{border-radius:10px;padding:14px;font-size:15px;background:#101111;border-color:#343737}.login-card input:focus{border-color:#8f9692;box-shadow:0 0 0 3px #adb4af1c}.primary{min-height:48px;margin-top:16px;border-radius:10px;font-size:15px;background:#d4d8d5;border-color:#d4d8d5;color:#121313}
.layout{width:min(100%,1920px);margin-inline:auto;grid-template-columns:286px minmax(0,1fr);background:#0d0e0e;border-inline:1px solid #222525}
.sidebar{padding:30px 22px 22px;gap:18px;background:#121414;border-right-color:#2a2d2d}.sidebar .tag{font-size:12px;padding:5px 10px;border-radius:8px;background:#202323;border-color:#303333;color:#aeb3b0}.sidebar nav{gap:7px;margin-top:16px}.nav{padding:14px 15px;border-radius:10px;font-size:16px;color:#aeb3b0}.nav:hover,.nav.active{background:#252828;border-color:#383c3b;color:#f1f2ef;box-shadow:none}.sidebar-foot{font-size:13px;padding:16px 9px;border-top-color:#2b2e2e}.online-dot{background:#b1b7b2;box-shadow:0 0 0 4px #aeb5af18}
.main{width:100%;max-width:1600px;margin-inline:auto;padding:38px 48px 72px}.topbar{gap:24px;padding-bottom:28px;margin-bottom:30px;border-bottom-color:#2d3030}.topbar h2{font-size:36px;line-height:1.1}.controls{gap:10px}.controls select,.button{padding:13px 17px;border-radius:11px;font-size:16px;background:#1b1d1d;border-color:#333737;color:#e1e4e1}.button:hover{border-color:#555a57;background:#242727}.button:active,.primary:active,.nav:active{transform:translateY(1px) scale(.99)}
.metrics{gap:14px;margin-bottom:24px}.metric{border-radius:15px;padding:21px;background:#171919;border-color:#2f3332;box-shadow:none}.metric span{font-size:14px;color:#9ba09d}.metric strong{font-size:32px;margin-top:8px}.metric small{font-size:13px;color:#777e7a}.notice{border-radius:12px;padding:14px 17px;margin-bottom:24px;background:#1a1c1c;border-color:#353838;color:#b7bcb8;font-size:14px}
.grid2{gap:22px}.panel{border-radius:16px;padding:24px;margin-bottom:24px;background:#171919;border-color:#2e3231;box-shadow:none}.panel h3{font-size:21px;margin-bottom:6px}.sub{font-size:14px;margin-bottom:18px;color:#929894}.chart{height:230px;gap:8px;padding:14px 0}.chart-bar{background:#858c88;border-radius:6px 6px 0 0}.chart-label{font-size:11px;color:#747b77}.bars{gap:13px}.bar-row{grid-template-columns:minmax(130px,1fr) 3fr 100px;gap:14px;font-size:14px}.bar-bg{height:9px;background:#2b2f2e}.bar-fill{background:#8b928e}
.table th{font-size:13px;padding:14px 12px}.table td{padding:16px 12px;font-size:15px}.pill{padding:5px 10px;font-size:12px;background:#2a2e2d;color:#c8ceca}.pill.red{background:#382629;color:#e3a5aa}.empty{padding:34px;font-size:14px}.search{border-radius:10px;padding:12px 14px;font-size:15px}
@media(max-width:1200px){.layout{width:100%;grid-template-columns:258px minmax(0,1fr);border-inline:0}.main{max-width:none;padding:32px 36px 58px}}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{padding:18px}.main{padding:28px 24px 48px}.topbar h2{font-size:32px}}
@media(max-width:520px){.screen{padding:18px}.login-card{padding:27px}.main{padding:22px 15px 38px}.metrics{grid-template-columns:1fr}.metric strong{font-size:28px}.panel{padding:18px;border-radius:13px}.topbar h2{font-size:28px}}