:root{--bg:#f4f6fa;--ink:#111729;--muted:#7a8395;--line:#e5e8ef;--p:#6c42ff;--dark:#0b1022}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,system-ui,Arial;color:var(--ink)}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#0a0f20;color:#fff;padding:25px 16px;display:flex;flex-direction:column;gap:7px}.admin-brand{display:flex;align-items:center;gap:10px;padding:5px 10px 30px}.admin-brand span{width:38px;height:38px;border-radius:11px;background:var(--p);display:grid;place-items:center;font-weight:900}.admin-brand b{font-size:14px}aside a{color:#9ba4b8;padding:13px 15px;border-radius:11px;font-size:13px}aside a.active,aside a:hover{background:#ffffff10;color:#fff}.dash{margin-left:250px;padding:32px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.top small{color:var(--p);font-size:10px;font-weight:900;letter-spacing:1.5px}.top h1{margin:5px 0 0;font-size:30px}.top>a{background:var(--p);color:#fff;padding:11px 15px;border-radius:10px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics>div,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 8px 30px #18213d08}.metrics span,.metrics i{display:block;color:var(--muted);font-size:12px;font-style:normal}.metrics b{display:block;font-size:30px;margin:5px 0}.metrics i{color:#07885f}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}.panel{margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h2{font-size:17px;margin:0}.panel-head span{color:var(--muted);font-size:11px}.panel canvas{max-height:280px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#8991a2;font-size:11px;font-weight:800}th,td{padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;color:var(--muted)}.status{padding:5px 8px;border-radius:20px;background:#eeeaff;color:var(--p);font-size:10px;font-weight:800}.status.completed{background:#e5fbf3;color:#087d59}.blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blocks div{border:1px solid var(--line);border-radius:12px;padding:17px}.blocks b,.blocks small{display:block}.blocks small{color:var(--muted);font-size:12px;margin-top:4px}.settings{display:grid;grid-template-columns:180px 1fr;gap:12px;font-size:13px}.settings span{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#dcd5ff,#0a0f20 50%);color:#fff}.login form{width:min(410px,90%);background:#11182d;border:1px solid #ffffff15;border-radius:22px;padding:35px;box-shadow:0 30px 80px #0008}.login h1{margin:0}.login p{color:#9ea7bb}.login input{width:100%;margin:8px 0;padding:13px;border:1px solid #ffffff18;background:#fff;color:#111;border-radius:10px}.login button{width:100%;padding:13px;margin-top:8px;border:0;border-radius:10px;background:var(--p);color:#fff;font-weight:800}.login small{display:block;color:#ff8b8b;margin-top:10px}.hint{margin-top:20px;padding:10px;background:#ffffff08;border-radius:9px;color:#aeb6c8;font-size:11px}@media(max-width:900px){aside{width:205px}.dash{margin-left:205px}.metrics{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.blocks{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{position:static;width:auto;min-height:auto}.dash{margin:0;padding:18px}.metrics{grid-template-columns:1fr 1fr}.blocks{grid-template-columns:1fr}.top{display:block}.top>a{display:inline-block;margin-top:12px}.settings{grid-template-columns:1fr}}