:root{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid #d9dfeb;border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer}.primary{border:0;background:#3478f6;color:#fff}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#101b36;color:#fff;padding:24px 16px}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 28px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#3478f6;font-weight:800}.brand small{display:block;color:#91a0bf;margin-top:3px}.nav a{display:block;color:#c9d1e3;text-decoration:none;padding:12px 16px;border-radius:12px;margin:3px 0;font-size:14px}.nav a:hover,.nav a.active{background:#3478f6;color:#fff}.main{margin-left:256px;min-height:100vh;padding-bottom:40px}.topbar{min-height:92px;background:#fff;border-bottom:1px solid #e5e9f1;display:flex;align-items:center;justify-content:space-between;padding:18px 34px;position:sticky;top:0;z-index:3}.topbar h1{margin:0;font-size:24px}.topbar p{margin:6px 0 0;color:#78849a}.metrics,.grid,.cards{display:grid;gap:18px;margin:28px 32px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics article,.panel{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:22px;box-shadow:0 3px 12px #21345a0a}.metrics strong{display:block;font-size:30px;margin:16px 0 8px}.metrics span{color:#28845a;font-size:13px}.grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(3,1fr)}.panel{margin:28px 32px}.grid .panel,.cards .panel{margin:0}.panel h2{margin-top:0;font-size:18px}.plain{list-style:none;padding:0;margin:0}.plain li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf0f5}.bars{height:220px;display:flex;align-items:end;gap:14px}.bars i{flex:1;background:linear-gradient(#4a8cff,#2865d2);border-radius:8px 8px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:14px;text-align:left;border-bottom:1px solid #edf0f5;font-size:14px}th{background:#f8f9fc;color:#647089;cursor:pointer}th input{display:block;width:100%;margin-top:8px;border:1px solid #dce2ec;border-radius:8px;padding:7px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e2e7ef;border-radius:24px;padding:34px;box-shadow:0 20px 60px #263d6818}.auth-card label{display:block;font-size:14px;font-weight:600;margin:16px 0}.auth-card input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d8deea;border-radius:10px}.auth-card button{width:100%;margin-top:8px}.error{display:none;background:#fff0f0;color:#a82b2b;padding:11px;border-radius:10px}@media(max-width:900px){.sidebar{position:static;width:auto}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.main{margin:0}.metrics{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.topbar{position:static}}@media(max-width:560px){.metrics,.grid{grid-template-columns:1fr}.topbar{padding:16px 18px}.metrics,.grid,.cards,.panel{margin:18px}}