*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:-15%;left:50%;transform:translate(-50%);width:650px;height:350px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,rgba(59,130,246,.03) 60%,transparent 80%);filter:blur(100px);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;bottom:-10%;right:-5%;width:450px;height:300px;background:radial-gradient(circle,rgba(2,132,199,.05) 0%,transparent 70%);filter:blur(100px);z-index:-1;pointer-events:none}[data-theme=light] body:before{background:radial-gradient(circle,rgba(37,99,235,.04) 0%,transparent 70%)}[data-theme=light] body:after{background:none}@media(max-width:768px){body:before{width:320px;height:200px;filter:blur(60px);opacity:.6}body:after{display:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none;transition:var(--transition-normal)}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sl-animate-fade-in,.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.sl-animate-spin,.animate-spin{animation:spin 1s linear infinite}.sl-animate-pulse,.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:root{--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--cyan-accent: #0284c7;--emerald-accent: #10b981;--amber-accent: #f59e0b;--rose-accent: #f43f5e;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=dark]{--bg-main: #0a0d14;--bg-card: rgba(16, 22, 36, .85);--bg-card-hover: rgba(22, 30, 48, .95);--bg-input: rgba(12, 17, 29, .9);--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(59, 130, 246, .45);--border-active: #3b82f6;--accent-gradient-glow: linear-gradient( 135deg, rgba(37, 99, 235, .12) 0%, rgba(59, 130, 246, .08) 100% );--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .5);--shadow-glow: 0 0 16px -2px rgba(59, 130, 246, .2);--glass-blur: blur(12px);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-bg: rgba(16, 22, 36, .7)}[data-theme=light]{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: #ffffff;--bg-input: #f1f5f9;--border-subtle: rgba(0, 0, 0, .08);--border-focus: rgba(37, 99, 235, .45);--border-active: #2563eb;--accent-gradient-glow: linear-gradient( 135deg, rgba(37, 99, 235, .08) 0%, rgba(59, 130, 246, .04) 100% );--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .08);--shadow-glow: 0 0 16px -2px rgba(37, 99, 235, .12);--glass-blur: blur(12px);--glass-border: 1px solid rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .9)}.sl-app-container{max-width:1060px;margin:0 auto;padding:2.25rem 1.5rem 3.5rem;display:flex;flex-direction:column;gap:2rem;width:100%}@media(max-width:640px){.sl-app-container{padding:1rem .85rem 2.25rem;gap:1.25rem}}.sl-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:var(--glass-border);flex-wrap:wrap;gap:.85rem}.sl-brand-wrapper{display:flex;align-items:center;gap:.75rem}.sl-brand-logo{width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);color:#fff;flex-shrink:0}.sl-brand-text{display:flex;flex-direction:column}.sl-brand-heading{display:flex;align-items:center;gap:.5rem}.sl-brand-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.sl-brand-tagline{font-size:.775rem;color:var(--text-muted)}.sl-header-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.sl-status-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.775rem;padding:.35rem .75rem;border-radius:var(--radius-full);background:#10b98114;color:var(--emerald-accent);border:1px solid rgba(16,185,129,.2)}.sl-status-dot{width:6px;height:6px;border-radius:50%;background-color:var(--emerald-accent);box-shadow:0 0 6px var(--emerald-accent)}@media(max-width:480px){.sl-header{padding-bottom:.85rem}.sl-brand-title{font-size:1.2rem}.sl-brand-tagline{display:none}.sl-header-actions{width:100%;justify-content:space-between}}.sl-theme-toggle{display:inline-flex;align-items:center;gap:.45rem;background:var(--glass-bg);border:var(--glass-border);padding:.35rem .75rem;border-radius:var(--radius-full);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-secondary);font-size:.775rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.sl-theme-toggle:hover{border-color:var(--border-focus);color:var(--text-primary);background:#3b82f614}.sl-theme-icon{transition:transform var(--transition-normal)}.sl-theme-toggle:hover .sl-theme-icon{transform:rotate(15deg)}.sl-icon-sun{color:#f59e0b}.sl-icon-moon{color:#60a5fa}.sl-theme-label{-webkit-user-select:none;user-select:none}.sl-language-switcher{display:inline-flex;align-items:center;gap:.3rem;background:var(--glass-bg);border:var(--glass-border);padding:.25rem .55rem;border-radius:var(--radius-full);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-fast)}.sl-language-switcher:hover{border-color:var(--border-focus)}.sl-language-icon{color:var(--text-muted)}.sl-lang-btn{font-size:.75rem;font-weight:600;color:var(--text-muted);padding:.15rem .3rem;border-radius:3px;cursor:pointer;transition:var(--transition-fast)}.sl-lang-btn:hover{color:var(--text-primary)}.sl-lang-btn.sl-active{color:var(--accent-primary);font-weight:800}.sl-lang-divider{font-size:.75rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.sl-nav-tabs-wrapper{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--glass-bg);border:var(--glass-border);padding:.3rem;border-radius:var(--radius-full);width:fit-content;margin:0 auto;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);max-width:100%}.sl-nav-tab-button{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;transition:var(--transition-normal);position:relative;white-space:nowrap}.sl-nav-tab-button:hover{color:var(--text-primary);background:#3b82f614}.sl-nav-tab-button.sl-active{color:#fff;background:var(--accent-gradient);box-shadow:0 2px 8px -1px #2563eb66}.sl-nav-tab-badge{font-size:.625rem;text-transform:uppercase;font-weight:700;padding:.125rem .4rem;border-radius:var(--radius-full);background:#ffffff38;color:#fff;letter-spacing:.04em}@media(max-width:640px){.sl-nav-tabs-wrapper{width:100%;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.25rem;padding:.25rem;border-radius:var(--radius-lg)}.sl-nav-tabs-wrapper::-webkit-scrollbar{display:none}.sl-nav-tab-button{flex:1 0 auto;justify-content:center;padding:.5rem .65rem;font-size:.775rem;gap:.35rem;border-radius:var(--radius-md);white-space:nowrap}.sl-nav-tab-button.sl-active{border-radius:var(--radius-md)}}.sl-toast-container{position:fixed;bottom:2rem;right:2rem;z-index:200;display:flex;flex-direction:column;gap:.65rem;max-width:420px}.sl-toast{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.15rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-lg);animation:slideDown .3s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.sl-toast-icon{flex-shrink:0}.sl-toast-message{flex:1;line-height:1.4}.sl-toast-close{margin-left:.5rem;color:inherit;opacity:.75;cursor:pointer;display:flex;align-items:center;flex-shrink:0}.sl-toast-close:hover{opacity:1}.sl-toast-success{background:#064e3b;color:#d1fae5;border:1px solid #059669}.sl-toast-error{background:#7f1d1d;color:#fee2e2;border:1px solid #dc2626}.sl-toast-info{background:#1e3a8a;color:#dbeafe;border:1px solid #2563eb}[data-theme=light] .sl-toast-success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}[data-theme=light] .sl-toast-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}[data-theme=light] .sl-toast-info{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}@media(max-width:640px){.sl-toast-container{left:.85rem;right:.85rem;bottom:1rem;max-width:calc(100% - 1.7rem)}.sl-toast{font-size:.825rem;padding:.65rem .95rem}}.sl-footer{margin-top:1.5rem;text-align:center;border-top:var(--glass-border);padding-top:1.25rem;color:var(--text-muted);font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}@keyframes sl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sl-spin{animation:sl-spin 1s linear infinite}