@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#111827b3;--bg-card-hover:#1f2937cc;--bg-glass:#ffffff08;--border-glass:#ffffff14;--border-hover:#3b82f666;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-pink:#ec4899;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-code:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);background-image:radial-gradient(at 0 0,#3b82f614 0,#0000 50%),radial-gradient(at 100% 0,#10b9810f 0,#0000 50%),radial-gradient(at 50% 100%,#8b5cf60d 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#374151}.font-mono{font-family:var(--font-code)}.text-gradient{background:linear-gradient(135deg,#60a5fa 0%,#34d399 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-wa{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 12px 32px #00000059}.glass-panel{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#11182780}.badge{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-green{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.badge-amber{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-pink{color:#f472b6;background:#ec489926;border:1px solid #ec48994d}.btn{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.btn-success{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 14px #05966959}.btn-success:hover{background:linear-gradient(135deg,#10b981 0%,#059669 100%);transform:translateY(-1px);box-shadow:0 6px 20px #05966973}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-outline-wa{color:#34d399;background:#10b9811a;border:1px solid #10b9814d}.btn-outline-wa:hover{background:#10b98133;border-color:#10b98180}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.dot-live{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;display:inline-block;box-shadow:0 0 10px #10b981}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{border:1px solid var(--border-glass);border-radius:var(--radius-xl);background:#111827;width:100%;max-width:680px;max-height:90vh;animation:.3s ease-out modalSlideUp;overflow-y:auto;box-shadow:0 24px 48px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}