@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px}.toast{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:slideIn .3s ease-out,fadeOut .3s ease-out 3.5s forwards}.toast-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.875rem;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:.875rem;color:var(--text-primary);font-weight:500}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{background:rgba(var(--success-rgb),.2);color:var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-error .toast-icon{background:rgba(var(--danger-rgb),.2);color:var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{background:rgba(var(--warning-rgb),.2);color:var(--warning)}.toast-info{border-left:4px solid var(--primary)}.toast-info .toast-icon{background:rgba(var(--primary-rgb),.2);color:var(--primary)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:480px){.toast-container{inset:auto 20px 20px;max-width:none}}:root{--primary: #007DFF;--primary-light: #4AB4FF;--primary-dark: #0066CC;--primary-glow: rgba(0, 125, 255, .35);--secondary: #6366F1;--accent: #4CC8FF;--accent-soft: rgba(76, 200, 255, .15);--success: #10B981;--success-light: #34D399;--success-dark: #059669;--success-soft: rgba(16, 185, 129, .15);--warning: #F59E0B;--warning-light: #FBBF24;--warning-dark: #D97706;--warning-soft: rgba(245, 158, 11, .15);--danger: #EF4444;--danger-light: #F87171;--danger-dark: #DC2626;--danger-soft: rgba(239, 68, 68, .15);--purple: #8B5CF6;--purple-light: #A78BFA;--purple-dark: #7C3AED;--purple-soft: rgba(139, 92, 246, .15);--info: #06B6D4;--info-light: #22D3EE;--info-soft: rgba(6, 182, 212, .15);--primary-rgb: 0, 125, 255;--accent-rgb: 76, 200, 255;--success-rgb: 16, 185, 129;--warning-rgb: 245, 158, 11;--danger-rgb: 239, 68, 68;--purple-rgb: 139, 92, 246;--bg-base: #F5F7FA;--bg-soft: #EEF3FF;--bg-softer: #E9F2FF;--bg-gradient: linear-gradient(145deg, #E3EEFF 0%, #F5F7FA 50%, #FFFFFF 100%);--bg-gradient-soft: linear-gradient(180deg, #EEF3FF 0%, #FFFFFF 100%);--bg-gradient-hero: linear-gradient(135deg, #E9F2FF 0%, #F0F4FF 50%, #FFFFFF 100%);--bg-tertiary: #E2E8F0;--glass-bg: rgba(255, 255, 255, .45);--glass-bg-strong: rgba(255, 255, 255, .65);--glass-bg-subtle: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .35);--glass-border-strong: rgba(255, 255, 255, .55);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .5);--glass-blur: blur(28px);--glass-blur-strong: blur(40px);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--text-accent: #007DFF;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .06);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .08);--shadow-2xl: 0 16px 48px rgba(0, 0, 0, .1);--shadow-glow: 0 0 24px rgba(0, 125, 255, .2);--shadow-glow-strong: 0 4px 24px rgba(0, 125, 255, .35);--shadow-button: 0 4px 14px rgba(0, 153, 255, .25);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06), inset 0 1px 0 rgba(255, 255, 255, .5);--gradient-primary: linear-gradient(135deg, #0090FF 0%, #4CC8FF 100%);--gradient-primary-hover: linear-gradient(135deg, #00A0FF 0%, #5CD8FF 100%);--gradient-secondary: linear-gradient(135deg, #6366F1 0%, #818CF8 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-danger: linear-gradient(135deg, #EF4444 0%, #F87171 100%);--gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .25) 100%);--gradient-surface: linear-gradient(145deg, #FFFFFF 0%, #F8FAFC 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-sans: "Inter", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--transition-fast: .2s cubic-bezier(.22, 1, .36, 1);--transition-normal: .3s cubic-bezier(.22, 1, .36, 1);--transition-slow: .45s cubic-bezier(.22, 1, .36, 1);--transition-spring: .55s cubic-bezier(.22, 1, .36, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--bg-base: #0F172A;--bg-soft: #1E293B;--bg-softer: #334155;--bg-gradient: linear-gradient(145deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);--bg-gradient-soft: linear-gradient(180deg, #1E293B 0%, #0F172A 100%);--bg-gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);--bg-tertiary: rgba(51, 65, 85, .6);--glass-bg: rgba(30, 41, 59, .65);--glass-bg-strong: rgba(30, 41, 59, .85);--glass-bg-subtle: rgba(30, 41, 59, .45);--glass-border: rgba(255, 255, 255, .1);--glass-border-strong: rgba(255, 255, 255, .18);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .08);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--text-inverse: #0F172A;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 4px 24px rgba(0, 0, 0, .6);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .7);--shadow-2xl: 0 16px 48px rgba(0, 0, 0, .8);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05);--gradient-glass: linear-gradient(145deg, rgba(30, 41, 59, .7) 0%, rgba(15, 23, 42, .5) 100%);--gradient-surface: linear-gradient(145deg, #1E293B 0%, #0F172A 100%);--success-soft: rgba(16, 185, 129, .2);--warning-soft: rgba(245, 158, 11, .2);--danger-soft: rgba(239, 68, 68, .2);--purple-soft: rgba(139, 92, 246, .2);--info-soft: rgba(6, 182, 212, .2);--accent-soft: rgba(76, 200, 255, .2)}html{transition:background-color .3s ease,color .3s ease}html[data-theme=dark]{background-color:var(--bg-base);color-scheme:dark}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.98)}}@keyframes glow{0%,to{box-shadow:0 0 20px #007dff33}50%{box-shadow:0 0 30px #007dff66}}.animate-fade-up{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-in{animation:slideIn .55s cubic-bezier(.22,1,.36,1) forwards}.animate-slide-up{animation:slideUp .55s cubic-bezier(.22,1,.36,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:12px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(0,125,255,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(76,200,255,.04) 0%,transparent 60%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.25rem;font-weight:700}h3{font-size:1rem;font-weight:600}h4{font-size:.9rem;font-weight:600}p{color:var(--text-secondary);font-weight:400;line-height:1.6;font-size:.9rem}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.glass-panel-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--glass-border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:600;font-family:var(--font-sans);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0099ff59;filter:brightness(1.05)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-secondary);border-radius:var(--radius-md)}.btn-ghost:hover{background:var(--glass-bg-subtle);color:var(--text-primary)}.btn-sm{padding:.375rem .875rem;font-size:.75rem}.btn-lg{padding:.625rem 1.5rem;font-size:.85rem;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-danger{background:var(--gradient-danger);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 14px #ef444440}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ef444459;filter:brightness(1.05)}.btn-danger:active{transform:translateY(0) scale(.98)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 14px #f59e0b40}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #f59e0b59;filter:brightness(1.05)}.btn-warning:active{transform:translateY(0) scale(.98)}.btn-success{background:var(--gradient-success);color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 14px #10b98140}.btn-success:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #10b98159;filter:brightness(1.05)}.btn-success:active{transform:translateY(0) scale(.98)}.input{width:100%;padding:.625rem 1rem;font-size:.85rem;font-family:var(--font-sans);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-xs),inset 0 2px 4px #00000005}.input:focus{outline:none;border-color:var(--primary);background:#ffffffb3;box-shadow:0 0 0 4px #007dff1a,var(--shadow-sm)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:120px}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow);border-color:var(--glass-border-strong)}.badge{display:inline-flex;align-items:center;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);border:1px solid var(--glass-border)}.badge-primary{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-glow)}.badge-success{background:var(--gradient-success);color:#fff;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000005;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#007dff33;border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#007dff59}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,125,255,.2);border-radius:50%;border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}[data-theme=dark] .card{background:#1e293bd9;border-color:#ffffff1a;box-shadow:0 4px 24px #0000004d}[data-theme=dark] .card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}[data-theme=dark] .card:hover{border-color:#007dff4d;box-shadow:0 8px 32px #0006}[data-theme=dark] .badge{background:#33415599;border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#33415599!important;border-color:#ffffff26!important;color:var(--text-primary)!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:#334155cc!important;border-color:var(--primary)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)!important}[data-theme=dark] select option{background:#1e293b;color:var(--text-primary)}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-outline{background:#33415580;border-color:#ffffff26;color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-outline:hover{background:#334155b3;border-color:#ffffff40}[data-theme=dark] ::-webkit-scrollbar-track{background:#ffffff05}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}[data-theme=dark] p{color:var(--text-secondary)}[data-theme=dark] a:not(.btn):not(.nav-item){color:var(--primary)}[data-theme=dark] label{color:var(--text-primary)}[data-theme=dark] hr,[data-theme=dark] table{border-color:#ffffff1a}[data-theme=dark] th{background:#33415580;color:var(--text-primary)}[data-theme=dark] td{border-color:#ffffff14;color:var(--text-secondary)}[data-theme=dark] tr:hover td{background:#3341554d}