@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400&display=swap";*{box-sizing:border-box}:root{--bg:#0f0f0f;--panel:#1a1a1a;--panel2:#212121;--border:#2a2a2a;--border2:#333;--muted:#888;--text:#ededed;--blue:#2b7fff;--green:#00d492;--red:#ff6467;--orange:#ff8904;--yellow:#fdc700;--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;font-size:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.btn{font-family:var(--sans);border:1px solid var(--border2);color:var(--text);cursor:pointer;background:#272727;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.btn:hover{background:#333}.btn-primary{color:#000;background:#fff;border-color:#fff}.sidenav{border-right:1px solid var(--border);background:#111;flex-direction:column;flex-shrink:0;width:240px;display:flex}.nav-item{color:#9a9a9a;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;transition:all .15s;display:flex}.nav-group{letter-spacing:.12em;color:#666;padding:16px 12px 6px;font-size:10px;font-weight:600}.topbar{border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;position:relative;overflow:hidden}.mini-bar{align-items:flex-end;gap:2px;height:32px;margin-top:10px;display:flex}.mini-bar i{border-radius:2px 2px 0 0;flex:1;min-width:3px}.sidenav{box-sizing:border-box;border-right:1px solid var(--border);background:#0f0f0f;flex-shrink:0;width:220px;padding:16px 12px}.nav-brand{color:#ededed;-webkit-user-select:none;user-select:none;padding:4px 10px 12px;font-size:14px;font-weight:600}.nav-group{letter-spacing:.04em;text-transform:uppercase;color:#6b6b6b;-webkit-user-select:none;user-select:none;padding:16px 10px 6px;font-size:11px}.nav-item{color:#a1a1a1;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#ededed;background:#181818}.nav-item.active{color:#fff;background:#1f1f1f}