@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap");:root{--bg-main:#07090e;--bg-surface:#0e131f;--bg-surface-elevated:#151d30;--bg-surface-hover:#1c2742;--border-subtle:hsla(0,0%,100%,.08);--border-focus:rgba(99,102,241,.45);--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:rgba(99,102,241,.25);--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--text-main:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 10px 30px -10px rgba(0,0,0,.6);--shadow-glow:0 0 25px rgba(99,102,241,.2);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-heading:"Outfit",var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.07) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.05) 0,transparent 40%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#080b12}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{background:rgba(14,19,31,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:hsla(0,0%,100%,.12)}.font-heading,h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,#a5b4fc,#6366f1 50%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:10px 18px;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;box-shadow:0 4px 15px rgba(99,102,241,.3);transition:all .2s ease;border:1px solid hsla(0,0%,100%,.15)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.45);background:linear-gradient(135deg,#6b6ef5,#5850ec)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:hsla(0,0%,100%,.05);color:var(--text-main);padding:10px 18px;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;border:1px solid var(--border-subtle);transition:all .2s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.2)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(244,63,94,.12);color:#fda4af;padding:10px 18px;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;border:1px solid rgba(244,63,94,.25);transition:all .2s ease}.btn-danger:hover{background:rgba(244,63,94,.2);border-color:rgba(244,63,94,.4)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-active{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-paused{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.badge-disabled{background:rgba(244,63,94,.12);color:#f87171;border:1px solid rgba(244,63,94,.25)}.pulse-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.pulse-dot.online{background-color:#10b981;box-shadow:0 0 10px #10b981;animation:pulse-online 2s infinite}@keyframes pulse-online{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.input-field{width:100%;background:rgba(10,14,23,.8);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-main);font-family:inherit;font-size:.875rem;transition:all .2s ease}.input-field:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15);background:rgba(15,20,32,.95)}.input-field::placeholder{color:var(--text-muted)}