@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#0f172a;--bg-darker:#020617;--primary:#3b82f6;--primary-glow:#3b82f680;--secondary:#8b5cf6;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--glass-bg:#1e293b66;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f626 0%,#0000 50%),radial-gradient(circle at 85% 30%,#8b5cf626 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #0000004d}.glass-card:hover{box-shadow:0 20px 40px -10px #00000080, 0 0 15px var(--primary-glow);border-color:#ffffff26;transform:translateY(-5px)}input{border:1px solid var(--glass-border);color:var(--text-main);background:#0f172a99;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:.95rem;transition:all .2s}input:focus{border-color:var(--primary);background:#0f172ae6;box-shadow:0 0 0 3px #3b82f633}button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #3b82f64d}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.7;cursor:not-allowed}button.secondary{border:1px solid var(--glass-border);box-shadow:none;color:var(--text-main);background:#ffffff0d}button.secondary:hover{background:#ffffff1a;border-color:#fff3}button.danger{color:var(--danger);box-shadow:none;background:#ef44441a;border:1px solid #ef444433}button.danger:hover{background:#ef444433;border-color:#ef444466}.spin{animation:1s linear infinite spin}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}