@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Inter', sans-serif; }
.card { background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05); }
.font-mono-num { font-variant-numeric: tabular-nums; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 99px; }
.btn { display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none; }
.btn-primary { background:#4f46e5;color:#fff; } .btn-primary:hover { background:#4338ca; }
.btn-success { background:#10b981;color:#fff; } .btn-success:hover { background:#059669; }
.btn-danger  { background:#ef4444;color:#fff; } .btn-danger:hover  { background:#dc2626; }
.btn-secondary,.btn-ghost { background:transparent;color:#64748b;border:1px solid #e2e8f0; } .btn-secondary:hover,.btn-ghost:hover { background:#f8fafc; }
.form-input { width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;color:#1e293b;background:#fff; }
.form-input:focus { outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15); }
.form-label { display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px; }
.badge { display:inline-block;padding:2px 10px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase; }
.badge-success { background:#d1fae5;color:#065f46; }
.badge-danger  { background:#fee2e2;color:#991b1b; }
.badge-warning { background:#fef3c7;color:#92400e; }
.badge-info    { background:#dbeafe;color:#1e40af; }
.badge-gray    { background:#f1f5f9;color:#475569; }
table { border-collapse:collapse;width:100%;font-size:13px;color:#475569; }
th,td { text-align:left;padding:10px 12px; }
thead tr { background:#f8fafc;text-transform:uppercase;font-size:11px;color:#64748b; }
tbody tr:hover { background:#f8fafc; }
tbody tr { border-bottom:1px solid #f1f5f9; }