:root{--bg-primary:#F8FAFC;--bg-secondary:#FFFFFF;--bg-tertiary:#F1F5F9;--bg-surface-elevated:#FFFFFF;--bg-overlay:rgba(15, 23, 42, 0.45);--text-primary:#0F172A;--text-secondary:#475569;--text-muted:#94A3B8;--text-inverse:#FFFFFF;--accent-blue:#2563EB;--accent-blue-hover:#1D4ED8;--accent-blue-light:rgba(37, 99, 235, 0.08);--accent-cyan:#0EA5E9;--accent-cyan-hover:#0284C7;--accent-cyan-light:rgba(14, 165, 233, 0.1);--accent-red:#DC2626;--accent-red-hover:#B91C1C;--accent-red-light:rgba(220, 38, 38, 0.08);--accent-green:#10B981;--accent-green-light:rgba(16, 185, 129, 0.1);--accent-amber:#F59E0B;--accent-amber-light:rgba(245, 158, 11, 0.1);--border-color:rgba(15, 23, 42, 0.08);--border-color-hover:rgba(15, 23, 42, 0.16);--border-color-focus:rgba(37, 99, 235, 0.4);--glass-bg:rgba(255, 255, 255, 0.78);--glass-bg-hover:rgba(255, 255, 255, 0.92);--glass-border:rgba(255, 255, 255, 0.6);--glass-shadow:0 20px 40px rgba(15, 23, 42, 0.06),inset 0 1px 0 rgba(255, 255, 255, 0.9);--font-sans:'Plus Jakarta Sans','Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;--space-3xs:0.125rem;--space-2xs:0.25rem;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(15, 23, 42, 0.04);--shadow-md:0 12px 24px rgba(15, 23, 42, 0.06);--shadow-lg:0 24px 48px rgba(15, 23, 42, 0.08);--glow-blue:0 12px 32px rgba(37, 99, 235, 0.18);--glow-cyan:0 12px 32px rgba(14, 165, 233, 0.14);--glow-red:0 12px 32px rgba(220, 38, 38, 0.14);--border-glow-blue:0 0 0 3px rgba(37, 99, 235, 0.2);--transition-smooth:all 0.35s cubic-bezier(0.16, 1, 0.3, 1);--transition-fast:all 0.15s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% -20%,rgba(37,99,235,.06),transparent 50%),radial-gradient(circle at 0 100%,rgba(14,165,233,.04),transparent 45%),radial-gradient(circle at 100% 60%,rgba(37,99,235,.03),transparent 35%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}button{background:0 0;border:none;cursor:pointer;font-family:inherit;transition:var(--transition-smooth)}button:active{transform:scale(.97)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color-hover);border-radius:var(--radius-full);transition:var(--transition-smooth)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#toast-container{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:9999;display:flex;flex-direction:column;gap:var(--space-sm);max-width:380px}.toast-item{background:var(--bg-secondary);border-left:4px solid var(--accent-blue);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);transform:translateX(120%);opacity:0;transition:var(--transition-smooth)}.toast-item.success{border-left-color:var(--accent-cyan);box-shadow:var(--glow-cyan),var(--shadow-md)}.toast-item.error{border-left-color:var(--accent-red);box-shadow:var(--glow-red),var(--shadow-md)}.toast-item.info{border-left-color:var(--accent-blue);box-shadow:var(--glow-blue),var(--shadow-md)}.toast-item p{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.toast-show{transform:translateX(0);opacity:1}.toast-hide{transform:translateY(20px) scale(.9);opacity:0}.btnLogin,.btnPrimary,.btnSecondary{padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);text-align:center;letter-spacing:-.01em}.btnLogin{border:1px solid var(--border-color);background:var(--glass-bg);color:var(--text-primary);backdrop-filter:blur(8px)}.btnLogin:hover{background:var(--bg-tertiary);border-color:var(--border-color-hover);transform:translateY(-1px)}.btnPrimary{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-blue-hover) 100%);color:var(--text-inverse);box-shadow:var(--glow-blue);border:1px solid rgba(255,255,255,.15)}.btnPrimary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(37,99,235,.25),var(--border-glow-blue);filter:brightness(1.06)}.btnSecondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.btnSecondary:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color-hover);transform:translateY(-1px)}.hidden{display:none!important}