@tailwind base;@tailwind components;@tailwind utilities;:root,[data-theme=dark]{--bg-base:#0a0b0d;--bg-surface:#111318;--bg-elevated:#161820;--bg-hover:#1a1d24;--border:#1e2128;--border-light:#252830;--accent:#2b7fff;--accent-hover:#1a6fef;--accent-subtle:#2b7fff1f;--accent-glow:#2b7fff40;--text-primary:#f0f2f5;--text-secondary:#8b90a0;--text-muted:#4a4f5e;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow:#0006;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}[data-theme=light]{--bg-base:#f4f6f9;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-hover:#f1f4f8;--border:#e4e8ef;--border-light:#d8dee8;--accent:#2b7fff;--accent-hover:#1a6fef;--accent-subtle:#2b7fff14;--accent-glow:#2b7fff26;--text-primary:#0f1117;--text-secondary:#4a5568;--text-muted:#94a3b8;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--shadow:#00000014;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;transition:background-color .2s,color .2s}@layer components{@apply inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-sm font-semibold transition-all duration-150 active:scale-95;.btn-primary{background:var(--accent);color:#fff;border:1px solid #0000}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@apply inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-sm font-medium transition-all duration-150 active:scale-95;.btn-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}@apply inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-150;.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-light)}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:12px}@apply w-full px-3 py-2.5 rounded-lg text-sm transition-all duration-150;.input-field{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-light);font-family:var(--font-body);outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}@apply inline-flex items-center px-2 py-0.5 rounded-md text-xs font-semibold;.badge-blue{color:#60a5fa;background:#2b7fff26}.badge-green{color:#16a34a;background:#22c55e26}.badge-amber{color:#d97706;background:#f59e0b26}.badge-red{color:#dc2626;background:#ef444426}.badge-purple{color:#9333ea;background:#a855f726}.badge-gray{color:var(--text-muted);background:#8b90a026}[data-theme=dark] .badge-green{color:#4ade80}[data-theme=dark] .badge-amber{color:#fcd34d}[data-theme=dark] .badge-red{color:#f87171}[data-theme=dark] .badge-purple{color:#c084fc}@apply w-full;.data-table{border-collapse:separate;border-spacing:0}@apply px-4 py-3 text-left;.data-table thead th{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-surface);font-size:11px;font-weight:600}.data-table tbody tr{cursor:pointer;transition:background .1s}.data-table tbody tr:hover td{background:var(--bg-elevated)}@apply px-4 py-3.5;.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text-secondary);background:var(--bg-surface);font-size:13px}.data-table tbody td:first-child{color:var(--text-primary);font-weight:500}@apply card p-5;.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}@apply mb-8;.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.3s forwards fadeUp}.animate-fade-up-1{animation:.3s 50ms both fadeUp}.animate-fade-up-2{animation:.3s .1s both fadeUp}.animate-fade-up-3{animation:.3s .15s both fadeUp}.animate-fade-up-4{animation:.3s .2s both fadeUp}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.2}}}.data-table thead th,.data-table tbody td{white-space:nowrap;padding:12px 16px!important}.input-field{width:100%;background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important;font-size:13px!important;font-family:var(--font-body)!important;border-radius:8px!important;outline:none!important;padding:8px 12px!important;transition:border-color .15s,box-shadow .15s!important}.input-field:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-subtle)!important}.input-field::placeholder{color:var(--text-muted)!important}select.input-field{cursor:pointer!important;appearance:auto!important}.card{overflow-x:auto!important}.data-table{min-width:600px}.btn-primary,.btn-secondary,.btn-ghost{font-size:13px!important;font-weight:600!important;font-family:var(--font-body)!important;cursor:pointer!important;white-space:nowrap!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important}.btn-primary{background:var(--accent)!important;color:#fff!important;border:1px solid #0000!important}.btn-primary:hover{background:var(--accent-hover)!important;box-shadow:0 0 20px var(--accent-glow)!important}.btn-primary:disabled{opacity:.4!important;cursor:not-allowed!important}.btn-secondary{background:var(--bg-elevated)!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important}.btn-secondary:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.btn-ghost{color:var(--text-secondary)!important;background:0 0!important}.btn-ghost:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}@media (max-width:768px){section [style*="gridTemplateColumns: \"1fr 1fr\""]{grid-template-columns:1fr!important;gap:40px!important}section{padding-left:20px!important;padding-right:20px!important}section h1{font-size:36px!important}section h2{font-size:28px!important}section [style*="gridTemplateColumns: \"repeat(4, 1fr)\""]{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}section [style*="gridTemplateColumns: \"repeat(3, 1fr)\""]{grid-template-columns:1fr!important;gap:16px!important}section [style*="gridTemplateColumns: \"repeat(2, 1fr)\""]{grid-template-columns:1fr!important}section [style*="display: \"flex\""][style*="gap: \"16px\""]{flex-direction:column!important;align-items:stretch!important}section [style*="position: \"relative\""] img{height:220px!important}section [style*="display: \"flex\""] img[style*="width: \"160px\""]{width:100%!important;height:140px!important}section [style*="display: \"flex\""][style*="overflow: \"hidden\""]{flex-direction:column!important}}.web-section{padding:100px 40px}.web-container{max-width:1200px;margin:0 auto}.web-container-md{max-width:1000px;margin:0 auto}.web-container-sm{text-align:center;max-width:700px;margin:0 auto}.web-grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.web-grid-2-eq{grid-template-columns:1fr 1fr;gap:24px;display:grid}.web-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.web-grid-4{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.web-flex-btns{flex-wrap:wrap;gap:16px;display:flex}.web-flex-btns-center{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.web-hero-title{color:#fff;letter-spacing:-.03em;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.05}.web-section-title{color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-size:40px;font-weight:800}.web-cta-title{color:#fff;letter-spacing:-.03em;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.web-feature-card-h{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;display:flex;overflow:hidden}.web-feature-card-h img{object-fit:cover;flex-shrink:0;width:160px;height:140px}@media (max-width:768px){.web-section{padding:60px 20px}.web-grid-2{grid-template-columns:1fr;gap:40px}.web-grid-2-eq,.web-grid-3{grid-template-columns:1fr}.web-grid-4{grid-template-columns:repeat(2,1fr);gap:24px}.web-flex-btns{flex-direction:column}.web-flex-btns-center{flex-direction:column;align-items:center}.web-hero-title{font-size:32px}.web-section-title{font-size:26px}.web-cta-title{font-size:28px}.web-feature-card-h{flex-direction:column}.web-feature-card-h img{width:100%;height:180px}.web-hero-image{display:none}.web-hero-padding{padding:100px 20px 60px}}.web-nav-desktop{display:flex!important}.web-nav-mobile{display:none!important}@media (max-width:768px){.web-nav-desktop{display:none!important}.web-nav-mobile{display:flex!important}}@media (min-width:769px){.web-nav-mobile{display:none!important}.web-nav-desktop{display:flex!important}}@media (max-width:768px){.topbar-username{display:none!important}}