:root{--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-main: #0b0f19;--bg-gradient: linear-gradient(135deg, #0b0f19 0%, #151b2e 50%, #0b0f19 100%);--surface-card: rgba(19, 27, 46, .75);--surface-card-hover: rgba(26, 36, 61, .85);--surface-glass: rgba(15, 23, 42, .7);--surface-input: rgba(15, 23, 42, .85);--surface-dropdown: #0f172a;--primary: #6366f1;--primary-hover: #4f46e5;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--primary-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--primary-glow: rgba(99, 102, 241, .35);--secondary: #334155;--secondary-hover: #475569;--secondary-border: rgba(255, 255, 255, .12);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .15);--color-success-border: rgba(16, 185, 129, .35);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .15);--color-danger-border: rgba(239, 68, 68, .35);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .35);--color-info: #0ea5e9;--color-info-bg: rgba(14, 165, 233, .15);--color-info-border: rgba(14, 165, 233, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverted: #ffffff;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .12);--border-input: rgba(255, 255, 255, .14);--border-focus: #6366f1;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg-main);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f19cc}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#6366f180;background-clip:content-box}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,.form-control{width:100%;background:var(--surface-input);border:1px solid var(--border-input);border-radius:10px;padding:.65rem .95rem;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast);box-shadow:inset 0 1px 3px #0003}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,input[type=datetime-local]::placeholder,textarea::placeholder,.form-control::placeholder{color:var(--text-muted)}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=tel]:hover,input[type=url]:hover,input[type=search]:hover,input[type=date]:hover,input[type=time]:hover,input[type=datetime-local]:hover,textarea:hover,.form-control:hover{border-color:#6366f166}input[type=text]:focus,input[type=text]:focus-visible,input[type=email]:focus,input[type=email]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=tel]:focus,input[type=tel]:focus-visible,input[type=url]:focus,input[type=url]:focus-visible,input[type=search]:focus,input[type=search]:focus-visible,input[type=date]:focus,input[type=date]:focus-visible,input[type=time]:focus,input[type=time]:focus-visible,input[type=datetime-local]:focus,input[type=datetime-local]:focus-visible,textarea:focus,textarea:focus-visible,.form-control:focus,.form-control:focus-visible{outline:none;border-color:var(--primary);background:#0f172af2;box-shadow:0 0 0 3px #6366f140,inset 0 1px 2px #0003}input[type=text]:disabled,input[type=text][readonly],input[type=email]:disabled,input[type=email][readonly],input[type=password]:disabled,input[type=password][readonly],input[type=number]:disabled,input[type=number][readonly],input[type=tel]:disabled,input[type=tel][readonly],input[type=url]:disabled,input[type=url][readonly],input[type=search]:disabled,input[type=search][readonly],input[type=date]:disabled,input[type=date][readonly],input[type=time]:disabled,input[type=time][readonly],input[type=datetime-local]:disabled,input[type=datetime-local][readonly],textarea:disabled,textarea[readonly],.form-control:disabled,.form-control[readonly]{opacity:.6;cursor:not-allowed;background:#0f172a66;border-color:#ffffff0d}select,.form-select{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--surface-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23818cf8' stroke-width='2.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1.15rem 1.15rem;padding:.65rem 2.6rem .65rem .95rem;border:1px solid var(--border-input);border-radius:10px;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:inset 0 1px 3px #0003,0 2px 4px #0000001a}select:hover,.form-select:hover{border-color:#6366f180;background-color:#1a243dcc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a5b4fc' stroke-width='2.4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}select:focus,select:focus-visible,.form-select:focus,.form-select:focus-visible{outline:none;border-color:var(--primary);background-color:#0f172af2;box-shadow:0 0 0 3px #6366f147,0 4px 12px #6366f126}select:disabled,.form-select:disabled{opacity:.55;cursor:not-allowed;background-color:#0f172a66}select option,select optgroup,.form-select option,.form-select optgroup{background-color:var(--surface-dropdown);color:var(--text-primary);font-size:.9rem;padding:.5rem}select optgroup,.form-select optgroup{font-weight:700;color:#818cf8;background-color:#0b1120}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.form-group label{font-family:var(--font-heading);font-size:.825rem;font-weight:600;color:#cbd5e1;letter-spacing:.01em}.form-group .error-hint{font-size:.775rem;font-weight:500;color:#f87171;margin-top:.2rem;display:flex;align-items:center;gap:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.65rem 1.25rem;border-radius:10px;font-family:var(--font-heading);font-size:.875rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-smooth);box-shadow:var(--shadow-sm)}.btn svg{width:17px;height:17px;flex-shrink:0;transition:transform var(--transition-fast)}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(20%);box-shadow:none}.btn.btn-primary{background:var(--primary-gradient);color:#fff;border-color:#ffffff26;box-shadow:0 4px 14px #6366f159}.btn.btn-primary:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:0 6px 20px #6366f173;transform:translateY(-1.5px)}.btn.btn-secondary{background:#1e293bb3;color:#e2e8f0;border:1px solid var(--secondary-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn.btn-secondary:hover:not(:disabled){background:#334155d9;border-color:#ffffff38;color:#fff;transform:translateY(-1.5px)}.btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ffffff26;box-shadow:0 4px 14px #ef444459}.btn.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444473;transform:translateY(-1.5px)}.btn.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#ffffff26;box-shadow:0 4px 14px #10b98159}.btn.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98173;transform:translateY(-1.5px)}.btn.btn-outline{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.15)}.btn.btn-outline:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;color:#fff;transform:translateY(-1.5px)}.btn.btn-sm{padding:.45rem .85rem;font-size:.8rem;border-radius:8px}.btn.btn-sm svg{width:14px;height:14px}.btn.btn-lg{padding:.85rem 1.6rem;font-size:1rem;border-radius:12px}.btn.btn-lg svg{width:20px;height:20px}.btn-icon-action{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all var(--transition-fast)}.btn-icon-action svg{width:16px;height:16px}.btn-icon-action:hover:not(:disabled){background:#6366f133;border-color:#6366f166;color:#fff;transform:scale(1.05)}.modal-backdrop{position:fixed;inset:0;background:#05080fcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-card{width:100%;max-width:620px;max-height:90vh;overflow-y:auto;background:#111827;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1.75rem 2rem;box-shadow:0 25px 60px -15px #000000b3,0 0 30px #6366f126;animation:scaleUp .25s cubic-bezier(.16,1,.3,1);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header .modal-title{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:.25rem}.modal-header .modal-desc{font-size:.875rem;color:#94a3b8}.modal-header .btn-close{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-header .btn-close:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5;transform:rotate(90deg)}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:.85rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.alert{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;animation:fadeIn .25s ease}.alert svg{width:20px;height:20px;flex-shrink:0}.alert.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:#34d399}.alert.alert-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:#f87171}.alert.alert-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:#fbbf24}.spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #6366f14d}50%{box-shadow:0 0 25px #6366f199}}