@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2035;--bg-card-hover:#1f2847;--border:#2a3456;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#3b82f6;--accent-hover:#2563eb;--green:#10b981;--green-bg:#10b9811a;--red:#ef4444;--red-bg:#ef44441a;--yellow:#f59e0b;--yellow-bg:#f59e0b1a;--purple:#8b5cf6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,sans-serif}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.header{z-index:100;background:#111827;border-bottom:1px solid #2a3456;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.header-left{flex-shrink:0;align-items:center;gap:12px;display:flex}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.header-logo{font-size:20px;font-weight:700}.header-user{color:#64748b;font-size:12px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.btn-toggle{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500}.btn-logout{cursor:pointer;color:#94a3b8;white-space:nowrap;background:0 0;border:1px solid #2a3456;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500}.dashboard-content{flex-direction:column;gap:16px;max-width:1500px;margin:0 auto;padding:16px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.main-grid{grid-template-columns:1fr 380px 380px;gap:16px;display:grid}.column{flex-direction:column;gap:16px;min-width:0;display:flex}.card{background:#1a2035;border:1px solid #2a3456;border-radius:12px;min-width:0;padding:16px;overflow:hidden}.card-title{color:#94a3b8;margin-bottom:12px;font-size:14px;font-weight:500}.stat-card{background:#1a2035;border:1px solid #2a3456;border-radius:12px;min-width:0;padding:16px;overflow:hidden}.stat-card-title{color:#94a3b8;font-size:12px;font-weight:500}.stat-card-value{text-overflow:ellipsis;white-space:nowrap;margin:6px 0 2px;font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;overflow:hidden}.table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#3b82f6 transparent;margin:0 -16px;padding:0 16px;overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:2px}.table-wrapper table{border-collapse:collapse;width:100%;font-size:13px}.table-fade{position:relative}.table-fade:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#1a2035);width:30px;display:none;position:absolute;top:0;bottom:0;right:0}@supports (padding-top:env(safe-area-inset-top)){.header{padding-top:calc(12px + env(safe-area-inset-top))}.dashboard-content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (width<=1200px){.main-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.main-grid{grid-template-columns:1fr;gap:12px}.dashboard-content{gap:10px;padding:10px}.header{gap:6px;padding:8px 12px}.header-left{gap:8px}.header-logo{font-size:18px}.header-right{gap:6px}.header-user{display:none}.badge{gap:4px;padding:3px 8px;font-size:10px}.btn-toggle{padding:6px 10px;font-size:11px}.btn-logout{padding:5px 8px;font-size:10px}.stat-card{padding:12px}.stat-card-title{font-size:11px}.stat-card-value{margin:4px 0 2px;font-size:18px}.card{border-radius:10px;padding:12px}.card-title{margin-bottom:10px;font-size:13px}.column{gap:10px}.table-wrapper{margin:0 -12px;padding:0 12px}.table-fade:after{display:block}}@media (width<=400px){.dashboard-content{gap:8px;padding:8px}.stat-card-value{font-size:16px}.stat-card,.card{padding:10px}.header{padding:6px 8px}}