:root{color:#f7f8ff;background:#070a16;font-family:Inter,PingFang SC,system-ui}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login{background:radial-gradient(circle at 20% 10%,#594cff33,#0000 34%),radial-gradient(circle at 90% 80%,#00d7c322,#0000 30%),#070a16;place-items:center;min-height:100vh;display:grid}.login-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#10152cbb;border:1px solid #ffffff1a;border-radius:32px;width:min(420px,100% - 36px);padding:42px;box-shadow:0 40px 100px #0009}.logo,.brand>span{background:linear-gradient(145deg,#897cff,#4e3ee6);border-radius:17px;place-items:center;width:50px;height:50px;font-size:25px;font-weight:900;display:grid;box-shadow:0 12px 32px #5d50ff55}.eyebrow{letter-spacing:.23em;color:#7e72ff;margin:22px 0 8px;font-size:11px;font-weight:800}h1{margin:0;font-size:34px}.muted{color:#8992ad}.login input,.form input,.toolbar input{color:#fff;background:#070b1c;border:1px solid #ffffff17;border-radius:14px;outline:none;width:100%;margin:16px 0 10px;padding:15px}.login button,.save{color:#fff;background:linear-gradient(135deg,#7c6cff,#5142e3);border:0;border-radius:14px;width:100%;padding:15px;font-weight:800}.error{color:#ff8796}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{background:#0b0f20;border-right:1px solid #ffffff10;height:100vh;padding:30px 22px;position:sticky;top:0}.brand{align-items:center;gap:13px;display:flex}.brand>span{border-radius:14px;width:42px;height:42px}.brand b,.brand small{display:block}.brand small{letter-spacing:.2em;color:#717c9b;margin-top:4px;font-size:9px}nav{gap:8px;margin-top:60px;display:grid}nav button,.logout{text-align:left;color:#8e97b1;background:0 0;border:0;border-radius:12px;padding:13px 16px}nav button.on{color:#fff;background:#7769ff20}.logout{position:absolute;bottom:28px}.content{width:100%;max-width:1400px;margin:auto;padding:42px}header{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}header .eyebrow{margin:0 0 7px}.refresh,.toolbar button,.danger{color:#cdd3e6;background:#11172d;border:1px solid #ffffff15;border-radius:11px;padding:10px 15px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metrics article,.panel{background:linear-gradient(145deg,#12172bcc,#0d1123cc);border:1px solid #ffffff12;border-radius:22px;padding:24px;box-shadow:0 22px 70px #0004}.metrics small{color:#7f89a5}.metrics strong{margin-top:16px;font-size:30px;display:block}.panel{margin-top:18px}h2{font-size:17px}.chart{align-items:end;gap:12px;height:230px;padding-top:20px;display:flex}.bar-wrap{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:210px;display:flex}.bar{background:linear-gradient(#8b7dff,#4d3ddb);border-radius:8px 8px 3px 3px;width:70%;max-width:42px}.bar-wrap small{color:#68728e;font-size:10px}.empty{color:#68728e;margin:auto}.toolbar{gap:10px;display:flex}.toolbar input{max-width:340px;margin:0}.tr{color:#cbd1e1;border-bottom:1px solid #ffffff0d;grid-template-columns:1.4fr 1fr 1.2fr .7fr .5fr;align-items:center;gap:14px;padding:17px 6px;display:grid}.tr span:first-child{display:grid}.tr small{color:#6f7893;margin-top:5px}.tr.head{color:#69738f;font-size:12px}.good,.bad{border-radius:30px;padding:6px 10px;font-size:12px;font-style:normal}.good{color:#56dfc2;background:#20cba51b}.bad{color:#ff7d8c;background:#ff65751c}.danger{padding:7px 12px}.form{gap:14px;max-width:660px;display:grid}.form label{color:#9aa3bd}.form input{display:block}.form .check{align-items:center;gap:10px;display:flex}.form .check input{width:auto;margin:0}.save{max-width:180px;margin-top:10px}@media (width<=800px){.shell{display:block}aside{align-items:center;gap:15px;height:auto;padding:18px;display:flex;position:static}nav{margin:0 0 0 auto;display:flex}.logout,.brand div{display:none}.content{padding:24px 16px}.metrics{grid-template-columns:1fr 1fr}.tr{grid-template-columns:1.3fr 1fr .8fr}.tr span:nth-child(3),.tr.head span:nth-child(3){display:none}header h1{font-size:27px}}@media (width<=520px){nav button{padding:10px}.metrics{grid-template-columns:1fr}.tr{grid-template-columns:1.3fr 1fr .8fr;font-size:13px}.tr span:nth-child(4),.tr.head span:nth-child(4){display:none}}