:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #0b0d19;--bg-card: rgba(22, 28, 45, .45);--bg-card-hover: rgba(22, 28, 45, .65);--border-color: rgba(255, 255, 255, .08);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-sans)}body{background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}.glass{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--glass-shadow);transition:transform .2s ease,border-color .2s ease,background .2s ease}.glass-interactive:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-2px)}input,select,textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}button{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));color:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s,transform .1s}button:hover{opacity:.95}button:active{transform:scale(.98)}button.secondary{background:#ffffff14;border:1px solid var(--border-color);color:var(--text-primary)}button.secondary:hover{background:#ffffff1f}button.danger{background:#f43f5e26;border:1px solid rgba(244,63,94,.3);color:#fda4af}button.danger:hover{background:#f43f5e40}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}
