@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
*{box-sizing:border-box}:root{--bg:#080a10;--panel:#10131c;--card:#151925;--card2:#1b2030;--line:#292f40;--text:#f8f9fc;--muted:#9ca5b7;--pink:#ff4fa3;--purple:#7c5cff;--green:#51d992;--yellow:#ffc857;--red:#ff667e}
body{margin:0;background:radial-gradient(circle at 85% -10%,#2a1734 0,#080a10 38%);color:var(--text);font:14px Inter,system-ui,sans-serif}
button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.side{padding:20px 14px;border-right:1px solid var(--line);background:rgba(8,10,16,.86)}.logo{font:800 21px "Space Grotesk";padding:9px 10px 25px}.logo b{color:var(--pink)}.nav button{width:100%;border:0;background:none;color:var(--muted);text-align:left;padding:11px 13px;border-radius:10px;margin:2px 0}.nav button.active,.nav button:hover{background:var(--card2);color:#fff}.main{max-width:1500px;width:100%;margin:auto;padding:28px}.top{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:22px}.kicker{color:var(--pink);font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.title{font:800 33px "Space Grotesk";margin:4px 0}.sub,.muted{color:var(--muted)}.grid{display:grid;gap:15px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(22,26,38,.98),rgba(15,18,27,.98));border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}.metric{font:800 30px "Space Grotesk";margin:7px 0}.label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:1px}.progress{height:8px;background:#282e3e;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));border-radius:99px}.btn{border:1px solid var(--line);background:var(--card);color:#fff;border-radius:10px;padding:10px 13px}.btn.primary{border:0;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:800}.btn.small{padding:7px 9px;font-size:12px}.btn.danger{border-color:#6b2a38;color:#ff8b9b;background:#23131a}.section{font:800 18px "Space Grotesk";margin-bottom:12px}.notice{background:#1b1f2c;border:1px solid var(--line);padding:12px;border-radius:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack>*+*{margin-top:10px}.input,.select,.textarea{width:100%;background:#0d1018;color:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 11px}.textarea{min-height:100px}.pill{display:inline-flex;padding:4px 8px;border-radius:99px;background:#252b3a;font-size:11px}.modal{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.modal>div{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(430px,100%);padding:30px;background:rgba(16,19,28,.95);border:1px solid var(--line);border-radius:22px}.mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--purple));font-weight:900;margin-bottom:18px}.toast{position:fixed;right:20px;bottom:20px;background:#171c28;border:1px solid var(--line);padding:12px 15px;border-radius:10px;z-index:30}.empty{padding:28px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);padding:10px}.nav{display:flex;overflow:auto}.nav button{width:auto;white-space:nowrap}.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:18px}}@media(max-width:560px){.g4,.g3,.g2{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}