@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--primary:#0068ff;--primary-hover:#0052cc;--primary-light:#e8f2ff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--paper:#f8fafc;--panel:#fff;--green:#10b981;--green-light:#ecfdf5;--amber:#f59e0b;--amber-light:#fffbeb;--red:#ef4444;--red-light:#fef2f2;--shadow:0 4px 20px -2px #0f172a0f}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}aside{color:#f1f5f9;z-index:20;background:#0b1528;flex-direction:column;width:260px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #1e293b;align-items:center;gap:12px;padding:0 8px 24px;display:flex}.brand-icon{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.brand-info b{letter-spacing:-.3px;font-size:15px;display:block}.brand-info small{color:#94a3b8;font-family:IBM Plex Mono,monospace;font-size:11px}nav{gap:4px;margin-top:20px;display:grid}nav a{color:#94a3b8;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}nav a:hover,nav a.active{color:#fff;background:#1e293b}nav a.active{color:#38bdf8;border-left:3px solid var(--primary);background:#1e293b}.aside-foot{border-top:1px solid #1e293b;align-items:center;gap:10px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.status-indicator{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%}main{grid-column:2;width:100%;max-width:1400px;padding:32px 48px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}header h1{letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:800}header p{color:var(--muted);margin:0;font-size:13px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:20px}.metric-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.metric-card span{color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;margin-bottom:24px;padding:24px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-head h2{margin:0;font-size:16px;font-weight:700}.table-wrap{border:1px solid var(--line);border-radius:6px;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.5px;color:#475569;text-align:left;border-bottom:1px solid var(--line);background:#f1f5f9;padding:12px 16px;font-family:IBM Plex Mono,monospace;font-size:11px}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}tbody tr:last-child td{border-bottom:0}.badge{border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-red{background:var(--red-light);color:var(--red)}.badge-blue{background:var(--primary-light);color:var(--primary)}.btn{border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{border-color:var(--line);color:var(--ink);background:#fff}.btn-secondary:hover{background:#f1f5f9}.btn-danger{color:var(--red);background:#fff;border-color:#fca5a5}.btn-danger:hover{background:var(--red-light)}.btn-sm{padding:4px 10px;font-size:12px}.card-item{border:1px solid var(--line);background:#fff;border-radius:6px;margin-bottom:12px;padding:16px}.card-item:hover{border-color:#cbd5e1}.tag{color:#475569;background:#f1f5f9;border-radius:3px;padding:2px 6px;font-family:IBM Plex Mono,monospace;font-size:11px}