@tailwind base;@tailwind components;@tailwind utilities;@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--font-main:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg-page:#f4f6fc;--bg-surface:#fff;--bg-surface-hover:#f8fafc;--bg-sidebar:#fff;--bg-card-subtle:#f8faff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-focus:#6366f1;--shadow-sm:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.02);--shadow-card:0 4px 20px -2px rgba(30,41,59,.06),0 2px 6px -1px rgba(30,41,59,.03);--shadow-float:0 12px 32px -4px rgba(99,102,241,.15);--gradient-blue:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-indigo:linear-gradient(135deg,#6366f1,#4f46e5);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-cyan:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-emerald:linear-gradient(135deg,#10b981,#059669);--gradient-amber:linear-gradient(135deg,#f59e0b,#d97706);--gradient-rose:linear-gradient(135deg,#f43f5e,#e11d48);--accent-primary:#4f46e5;--accent-secondary:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#f43f5e}[data-theme=dark]{--bg-page:#0b0f19;--bg-surface:#131b2e;--bg-surface-hover:#1c263f;--bg-sidebar:#0f1626;--bg-card-subtle:#162035;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-subtle:#1e293b;--border-focus:#818cf8;--shadow-card:0 4px 20px -2px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-main)}body{background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.friendly-card{background:var(--bg-surface);border-radius:20px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.16,1,.3,1)}.friendly-card:hover{box-shadow:0 8px 30px -4px rgba(30,41,59,.08)}.btn-friendly-primary{background:var(--gradient-indigo);color:#fff;border:none;border-radius:12px;padding:10px 20px;font-weight:700;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 14px rgba(79,70,229,.3);transition:all .2s ease}.btn-friendly-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(79,70,229,.4)}.btn-friendly-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 18px;font-weight:600;font-size:.88rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-friendly-secondary:hover{background:var(--bg-surface-hover);border-color:#cbd5e1}.badge-pill{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}.badge-pill-live{background:rgba(16,185,129,.12);color:#059669;border:1px solid rgba(16,185,129,.25)}.badge-pill-purple{background:rgba(139,92,246,.12);color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.badge-pill-cyan{background:rgba(6,182,212,.12);color:#0891b2;border:1px solid rgba(6,182,212,.25)}.badge-pill-amber{background:rgba(245,158,11,.12);color:#d97706;border:1px solid rgba(245,158,11,.25)}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:pulse-green 1.8s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}