@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@700&display=swap";:root{--bg:#05050a;--sidebar:#0c0c12;--card:#0c0c1299;--card-solid:#121219;--b:#1a1a26;--bh:#2a2a3c;--cyan:#00f0ff;--violet:#b200ff;--green:#0f6;--red:#f05;--yellow:#ffb800;--t:#fff;--tm:#7a7a8e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--t);min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--b);z-index:10;flex-direction:column;width:260px;display:flex;position:relative}.brand{letter-spacing:2px;border-bottom:1px solid var(--b);align-items:center;gap:12px;padding:24px;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;display:flex}.brand-icon{border:2px solid var(--bh);border-left-color:var(--cyan);border-right-color:var(--violet);border-radius:4px;width:20px;height:20px;transform:rotate(45deg)}.nav-section{flex:1;padding:24px 16px}.nav-label{color:var(--tm);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;padding-left:12px;font-size:.75rem;font-weight:600}.nav-item{color:var(--tm);border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--t);background:#ffffff08}.nav-item.active{color:var(--t);border-left:2px solid var(--violet);background:linear-gradient(90deg,#b200ff1a,#0000)}.nav-item.active.nav-cyan{border-left-color:var(--cyan);background:linear-gradient(90deg,#00f0ff1a,#0000)}.nav-item.active.nav-green{border-left-color:var(--green);background:linear-gradient(90deg,#00ff661a,#0000)}.main{flex:1;padding:40px;position:relative;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.page-title{align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;display:flex}.page-subtitle{color:var(--tm);margin-top:8px}.top-actions .btn{border:1px solid var(--bh);color:var(--t);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.top-actions .btn:hover{background:var(--t);color:var(--bg)}.top-actions .btn-primary{background:var(--violet);border-color:var(--violet)}.top-actions .btn-primary:hover{background:var(--cyan);border-color:var(--cyan);color:var(--bg)}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.card{background:var(--card);border:1px solid var(--b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;position:relative;overflow:hidden}.card-title{color:var(--tm);margin-bottom:16px;font-size:1rem;font-weight:600}.stat-value{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700}.stat-sub{color:var(--green);align-items:center;gap:4px;margin-top:4px;font-size:.85rem;display:flex}.stat-sub.red{color:var(--red)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--tm);border-bottom:1px solid var(--b);padding:12px 16px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid #ffffff05;padding:16px;font-size:.9rem}tr:hover td{background:#ffffff05}.badge{border-radius:100px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge.green{color:var(--green);background:#00ff661a}.badge.yellow{color:var(--yellow);background:#ffb8001a}.badge.red{color:var(--red);background:#ff00551a}.badge.cyan{color:var(--cyan);background:#00f0ff1a}