@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Source+Code+Pro:wght@400;500;600&display=swap";:root{--gecko-primary: #2563eb;--gecko-primary-dark: #1d4ed8;--gecko-primary-light: #3b82f6;--gecko-primary-hover: #1e40af;--gecko-primary-glow: rgba(37, 99, 235, .35);--gecko-primary-subtle: rgba(37, 99, 235, .08);--gecko-accent: #06b6d4;--gecko-accent-light: #22d3ee;--gecko-accent-glow: rgba(6, 182, 212, .3);--gecko-cyan: #06b6d4;--gecko-gold: #f59e0b;--gecko-gold-light: #fbbf24;--gecko-bg-deep: #020617;--gecko-bg-darker: #0f172a;--gecko-bg-dark: #1e293b;--gecko-bg-card: #1e293b;--gecko-bg-elevated: #334155;--gecko-gray-50: #f8fafc;--gecko-gray-100: #f1f5f9;--gecko-gray-200: #e2e8f0;--gecko-gray-300: #cbd5e1;--gecko-gray-400: #94a3b8;--gecko-gray-500: #64748b;--gecko-gray-600: #475569;--gecko-gray-700: #334155;--gecko-gray-800: #1e293b;--gecko-gray-900: #0f172a;--gecko-gray-950: #020617;--glass-bg: rgba(30, 41, 59, .6);--glass-bg-hover: rgba(51, 65, 85, .7);--glass-bg-heavy: rgba(15, 23, 42, .9);--glass-border: rgba(148, 163, 184, .12);--glass-border-hover: rgba(148, 163, 184, .2);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .12);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .12);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .12);--strength-critical: #ef4444;--strength-weak: #f97316;--strength-fair: #eab308;--strength-good: #22c55e;--strength-strong: #10b981;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Source Code Pro", "Fira Code", "Consolas", monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-glow-sm: 0 0 10px var(--gecko-primary-glow);--shadow-glow-md: 0 0 20px var(--gecko-primary-glow);--shadow-glow-lg: 0 0 30px var(--gecko-primary-glow);--shadow-card: 0 4px 24px rgba(0, 0, 0, .12), 0 0 0 1px rgba(255, 255, 255, .03);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .2), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-glass-elevated: 0 16px 48px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .08);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.22, 1, .36, 1);--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--transition-fast: var(--duration-fast) var(--ease-default);--transition-normal: var(--duration-normal) var(--ease-default);--transition-slow: var(--duration-slow) var(--ease-default);--transition-bounce: var(--duration-normal) var(--ease-bounce);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--bg-app: var(--gecko-bg-deep);--bg-surface: var(--gecko-bg-dark);--bg-elevated: var(--gecko-bg-card);--bg-interactive: var(--glass-bg);--bg-interactive-hover: var(--glass-bg-hover);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-inverse: #0f172a;--border-default: var(--glass-border);--border-hover: var(--glass-border-hover);--border-focus: var(--gecko-primary);font-family:var(--font-body);line-height:var(--leading-normal);font-weight:var(--font-regular);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"calt" 1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-app);background-image:radial-gradient(ellipse 100% 80% at 70% -20%,rgba(37,99,235,.12),transparent 50%),radial-gradient(ellipse 60% 50% at -10% 50%,rgba(6,182,212,.06),transparent 50%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(37,99,235,.05),transparent 50%);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:0}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm);font-weight:var(--font-medium)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}small{font-size:var(--text-sm)}strong,b{font-weight:var(--font-semibold)}a{color:var(--gecko-primary-light);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}a:hover{color:var(--gecko-accent-light)}a:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}input,textarea,select{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none}::selection{background-color:var(--gecko-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gecko-gray-600);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--gecko-gray-500);background-clip:content-box}*{scrollbar-width:thin;scrollbar-color:var(--gecko-gray-600) transparent}:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--gecko-primary);color:#fff;padding:var(--space-2) var(--space-4);z-index:var(--z-toast);transition:top var(--transition-fast)}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 12px var(--gecko-primary-glow)}50%{box-shadow:0 0 24px var(--gecko-primary-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-fade-in-scale{animation:fadeInScale var(--duration-normal) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}.animate-float{animation:float 3s var(--ease-in-out) infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}@media (prefers-color-scheme: light){:root{--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #f1f5f9;--bg-interactive: rgba(0, 0, 0, .02);--bg-interactive-hover: rgba(0, 0, 0, .05);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #f8fafc;--border-default: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--glass-bg: rgba(255, 255, 255, .8);--glass-bg-hover: rgba(255, 255, 255, .95);--glass-bg-heavy: rgba(255, 255, 255, .95);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .06);color-scheme:light}body{background-image:radial-gradient(ellipse 100% 80% at 70% -20%,rgba(37,99,235,.06),transparent 50%),radial-gradient(ellipse 60% 50% at -10% 50%,rgba(6,182,212,.03),transparent 50%)}body:before{opacity:.01}::-webkit-scrollbar-thumb{background:var(--gecko-gray-300)}::-webkit-scrollbar-thumb:hover{background:var(--gecko-gray-400)}}.registration-form{width:100%}.input-helper-text{font-size:var(--text-xs);color:var(--gecko-gray-600);margin:0 0 var(--space-2) 0;line-height:var(--leading-relaxed)}@media (prefers-color-scheme: dark){.input-helper-text{color:var(--gecko-gray-400)}}.strength-bar{height:4px;background:var(--gecko-gray-200);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-2)}@media (prefers-color-scheme: dark){.strength-bar{background:var(--gecko-gray-700)}}.strength-fill{height:100%;transition:all var(--transition-base);border-radius:var(--radius-sm)}.strength-fill.strength-very-weak{background:var(--gecko-error);width:20%}.strength-fill.strength-weak{background:var(--gecko-warning);width:40%}.strength-fill.strength-fair{background:var(--gecko-warning);width:60%}.strength-fill.strength-good{background:var(--gecko-primary-light);width:80%}.strength-fill.strength-strong{background:var(--gecko-primary);width:100%}.strength-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);margin-bottom:var(--space-2)}.strength-label{font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.025em}.strength-label.strength-weak,.strength-label.strength-fair{color:var(--gecko-warning)}.strength-label.strength-good{color:var(--gecko-primary-light)}.strength-score{color:var(--gecko-gray-500);font-weight:var(--font-medium)}@media (prefers-color-scheme: dark){.strength-score{color:var(--gecko-gray-400)}}.strength-feedback{list-style:none;padding:0;margin:0;font-size:var(--text-xs);color:var(--gecko-gray-600)}@media (prefers-color-scheme: dark){.strength-feedback{color:var(--gecko-gray-400)}}.strength-feedback li{margin-bottom:var(--space-1);padding-left:var(--space-4);position:relative}.strength-feedback li:before{content:"•";position:absolute;left:0;color:var(--gecko-gray-400)}.terms-section{margin-bottom:var(--space-5);padding:var(--space-4);background:#f9fafb;border:2px solid var(--gecko-gray-200);border-radius:var(--radius-md)}@media (prefers-color-scheme: dark){.terms-section{background:#3741514d;border-color:var(--gecko-gray-700)}}.terms-checkbox{display:flex;align-items:flex-start;font-size:var(--text-sm);color:var(--gecko-gray-700);cursor:pointer;gap:var(--space-3);line-height:var(--leading-relaxed)}@media (prefers-color-scheme: dark){.terms-checkbox{color:var(--gecko-gray-300)}}.terms-checkbox input[type=checkbox]{margin:2px 0 0;cursor:pointer;width:18px;height:18px;accent-color:var(--gecko-primary);flex-shrink:0}.terms-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.terms-checkbox strong{font-weight:var(--font-semibold);color:var(--gecko-primary)}@media (prefers-color-scheme: dark){.terms-checkbox strong{color:var(--gecko-primary-light)}}@media (max-width: 768px){.form-section{margin-bottom:var(--space-4)}.submit-btn{padding:var(--space-3) var(--space-4)}}.login-form{width:100%}.form-section{margin-bottom:var(--space-5)}.form-section label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--gecko-gray-900)}@media (prefers-color-scheme: dark){.form-section label{color:var(--gecko-gray-300)}}.password-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.forgot-password-link{background:none;border:none;color:var(--gecko-primary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-primary)}.forgot-password-link:hover{color:var(--gecko-primary-dark);background:var(--gecko-gray-100)}@media (prefers-color-scheme: dark){.forgot-password-link{color:var(--gecko-primary-light)}.forgot-password-link:hover{background:var(--gecko-gray-800)}}.forgot-password-link:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.forgot-password-link:disabled{opacity:.6;cursor:not-allowed}.password-input-group{position:relative}.form-input{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-12);border:2px solid var(--gecko-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-regular);transition:all var(--transition-fast);box-sizing:border-box;background:#fff;color:var(--gecko-gray-900);font-family:var(--font-mono)}input[type=email].form-input{font-family:var(--font-primary)}@media (prefers-color-scheme: dark){.form-input{background:var(--gecko-gray-900);border-color:var(--gecko-gray-700);color:#fff}}.form-input:focus{outline:none;border-color:var(--gecko-primary);box-shadow:0 0 0 3px #10b9811a}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--gecko-gray-100)}@media (prefers-color-scheme: dark){.form-input:disabled{background:var(--gecko-gray-800)}}.form-input::placeholder{color:var(--gecko-gray-400);font-family:var(--font-primary)}.password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:var(--gecko-gray-500);padding:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.password-toggle:hover{color:var(--gecko-primary);background:var(--gecko-gray-100)}@media (prefers-color-scheme: dark){.password-toggle{color:var(--gecko-gray-400)}.password-toggle:hover{background:var(--gecko-gray-800)}}.password-toggle:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.remember-me-section{margin-bottom:var(--space-5);padding:var(--space-3);background:#f9fafb;border:2px solid var(--gecko-gray-200);border-radius:var(--radius-md)}@media (prefers-color-scheme: dark){.remember-me-section{background:#3741514d;border-color:var(--gecko-gray-700)}}.remember-me-checkbox{display:flex;align-items:flex-start;font-size:var(--text-sm);color:var(--gecko-gray-700);cursor:pointer;gap:var(--space-2);line-height:var(--leading-relaxed);margin-bottom:var(--space-1)}@media (prefers-color-scheme: dark){.remember-me-checkbox{color:var(--gecko-gray-300)}}.remember-me-checkbox input[type=checkbox]{margin:2px 0 0;cursor:pointer;width:18px;height:18px;accent-color:var(--gecko-primary);flex-shrink:0}.remember-me-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.remember-me-helper{font-size:var(--text-xs);color:var(--gecko-gray-600);margin:0;padding-left:var(--space-6);line-height:var(--leading-relaxed)}@media (prefers-color-scheme: dark){.remember-me-helper{color:var(--gecko-gray-400)}}.form-error{color:var(--gecko-error);font-size:var(--text-sm);margin-top:var(--space-2);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-1)}.form-error-box{display:flex;align-items:flex-start;background:#fee2e2;border:2px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-5);color:#991b1b;font-size:var(--text-sm);gap:var(--space-2)}@media (prefers-color-scheme: dark){.form-error-box{background:#ef44441a;border-color:#ef44444d;color:#fca5a5}}.error-icon{flex-shrink:0;display:flex;color:var(--gecko-error)}.error-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.error-helper{margin:0;margin-top:var(--space-1);font-size:var(--text-xs);color:#7c2d12;opacity:.9}@media (prefers-color-scheme: dark){.error-helper{color:#fecaca}}.error-link{background:none;border:none;color:#991b1b;font-size:var(--text-xs);font-weight:var(--font-semibold);text-decoration:underline;cursor:pointer;padding:0;font-family:var(--font-primary);transition:opacity var(--transition-fast)}.error-link:hover{opacity:.8}@media (prefers-color-scheme: dark){.error-link{color:#fca5a5}}.error-link:focus-visible{outline:2px solid var(--gecko-error);outline-offset:2px;border-radius:var(--radius-xs)}.error-link:disabled{opacity:.5;cursor:not-allowed}.submit-btn{width:100%;padding:var(--space-4) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);min-height:44px}.submit-btn.enabled{background:var(--gecko-primary);color:#fff;box-shadow:0 1px 3px #10b9814d}.submit-btn.enabled:hover{background:var(--gecko-primary-dark);box-shadow:0 4px 6px -1px #10b9814d;transform:translateY(-1px)}.submit-btn.enabled:active{transform:translateY(0);box-shadow:0 1px 2px #10b9814d}.submit-btn.disabled{background:var(--gecko-gray-200);color:var(--gecko-gray-500);cursor:not-allowed}@media (prefers-color-scheme: dark){.submit-btn.disabled{background:var(--gecko-gray-800);color:var(--gecko-gray-600)}}.submit-btn:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.loading-spinner{animation:spin 1s linear infinite;display:flex}@media (max-width: 768px){.form-section{margin-bottom:var(--space-4)}.submit-btn{padding:var(--space-3) var(--space-4)}.password-label-row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.forgot-password-link{padding-left:0}}@media (max-width: 768px){.password-toggle{min-width:44px;min-height:44px}}@media (prefers-contrast: high){.form-input{border-width:3px}.form-input:focus{outline:3px solid var(--gecko-primary);outline-offset:2px}.submit-btn.enabled{border:2px solid var(--gecko-primary-dark)}}@media (prefers-contrast: more){.password-toggle{opacity:1!important}}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}@media (prefers-color-scheme: dark){.auth-page{background:linear-gradient(135deg,#0f172a,#1e293b)}}.auth-header{padding:24px 32px;flex-shrink:0}.auth-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s ease}.auth-logo:hover{opacity:.8}.auth-logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;box-shadow:0 2px 8px #3b82f64d}.auth-logo-text{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#1e293b}.auth-logo-accent{color:#3b82f6}@media (prefers-color-scheme: dark){.auth-logo-text{color:#f1f5f9}}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f}@media (prefers-color-scheme: dark){.auth-card{background:#1e293b;box-shadow:0 1px 3px #0003,0 4px 12px #0000004d}}.auth-title{font-size:26px;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.02em}@media (prefers-color-scheme: dark){.auth-title{color:#f8fafc}}.auth-subtitle{font-size:15px;color:#64748b;margin:0 0 32px;line-height:1.5}@media (prefers-color-scheme: dark){.auth-subtitle{color:#94a3b8}}.auth-form-wrap{margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;line-height:1.5}.auth-error svg{flex-shrink:0;margin-top:1px}@media (prefers-color-scheme: dark){.auth-error{background:#dc26261a;border-color:#dc26264d;color:#f87171}}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:14px;font-weight:500;color:#374151}@media (prefers-color-scheme: dark){.auth-field label{color:#e2e8f0}}.auth-field-header{display:flex;justify-content:space-between;align-items:center}.auth-field input{width:100%;padding:12px 14px;font-size:15px;border:1.5px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#1e293b;transition:all .15s ease;box-sizing:border-box}.auth-field input::placeholder{color:#94a3b8}.auth-field input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.auth-field input:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.auth-field input{background:#0f172a;border-color:#334155;color:#f1f5f9}.auth-field input::placeholder{color:#64748b}.auth-field input:focus{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:48px}.auth-password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#64748b;cursor:pointer;border-radius:8px;transition:all .15s ease}.auth-password-toggle:hover{color:#3b82f6;background:#3b82f61a}.auth-password-toggle:disabled{opacity:.4;cursor:not-allowed}.auth-link-btn{background:none;border:none;padding:0;font-size:13px;font-weight:500;color:#3b82f6;cursor:pointer;transition:color .15s ease}.auth-link-btn:hover{color:#2563eb}.auth-link-btn:disabled{opacity:.5;cursor:not-allowed}.auth-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;cursor:pointer}.auth-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}@media (prefers-color-scheme: dark){.auth-checkbox{color:#94a3b8}}.auth-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f64d;margin-top:4px}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}@media (prefers-color-scheme: dark){.auth-submit:disabled{background:#334155;color:#64748b}}.auth-spinner{animation:auth-spin 1s linear infinite}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-field-error,.auth-field-success{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:4px}.auth-field-error{color:#dc2626}.auth-field-success{color:#16a34a}@media (prefers-color-scheme: dark){.auth-field-error{color:#f87171}.auth-field-success{color:#4ade80}}.auth-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.auth-strength-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}@media (prefers-color-scheme: dark){.auth-strength-bar{background:#334155}}.auth-strength-fill{height:100%;border-radius:2px;transition:width .3s ease,background .3s ease}.auth-strength-fill.weak{background:#ef4444}.auth-strength-fill.medium{background:#f59e0b}.auth-strength-fill.strong{background:#22c55e}.auth-strength-label{font-size:12px;font-weight:600;min-width:44px}.auth-strength-label.weak{color:#ef4444}.auth-strength-label.medium{color:#f59e0b}.auth-strength-label.strong{color:#22c55e}.auth-switch{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#64748b}.auth-switch button{background:none;border:none;padding:0;font-size:14px;font-weight:600;color:#3b82f6;cursor:pointer;transition:color .15s ease}.auth-switch button:hover{color:#2563eb;text-decoration:underline}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;font-size:13px;color:#94a3b8}.auth-footer-dot{color:#cbd5e1}@media (prefers-color-scheme: dark){.auth-footer{color:#64748b}.auth-footer-dot{color:#475569}}@media (max-width: 480px){.auth-header{padding:20px 24px}.auth-card{padding:32px 24px;border-radius:0;box-shadow:none;max-width:none}.auth-title{font-size:24px}.auth-main{padding:0;align-items:flex-start}}.vault-sidebar{width:260px;background:linear-gradient(180deg,#f8fafcfa,#f1f5f9f5);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid rgba(226,232,240,.6);height:100%;overflow-y:auto;padding:var(--space-6) 0;display:flex;flex-direction:column;transition:all var(--duration-normal) var(--ease-out);position:relative;box-shadow:2px 0 20px #0000000a,inset -1px 0 #fffc}@media (prefers-color-scheme: dark){.vault-sidebar{background:linear-gradient(180deg,#0f172abf,#0f172a99);border-right-color:#94a3b80f;box-shadow:1px 0 #ffffff08 inset,4px 0 32px #0003}}.vault-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg,rgba(59,130,246,.04) 0%,transparent 100%);pointer-events:none}.vault-sidebar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) transparent}.vault-sidebar::-webkit-scrollbar{width:8px}.vault-sidebar::-webkit-scrollbar-track{background:transparent;margin:8px 0}.vault-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b866,#64748b4d);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.vault-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb);background-clip:padding-box}.sidebar-section{margin-bottom:var(--space-7);position:relative;animation:fadeInUp var(--duration-normal) var(--ease-out) forwards;opacity:0}.sidebar-section:nth-child(1){animation-delay:0ms}.sidebar-section:nth-child(2){animation-delay:60ms}.sidebar-section:nth-child(3){animation-delay:.12s}.sidebar-section:nth-child(4){animation-delay:.18s}.sidebar-section:last-child{margin-bottom:0}.sidebar-section:not(:first-child):before{content:"";position:absolute;top:calc(-1 * var(--space-4));left:var(--space-5);right:var(--space-5);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(148,163,184,.15) 20%,rgba(148,163,184,.15) 80%,transparent 100%)}.sidebar-title{font-family:var(--font-display);font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--space-3) var(--space-5);display:flex;align-items:center;gap:var(--space-2);position:relative}@media (prefers-color-scheme: dark){.sidebar-title{color:#64748b}}.sidebar-title:before{content:"";width:3px;height:14px;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:var(--radius-full);box-shadow:0 0 8px #3b82f64d}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin:0 var(--space-5) var(--space-3) var(--space-5)}.sidebar-header .sidebar-title{margin:0}.sidebar-add-btn{width:24px;height:24px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #3b82f640,0 1px 2px #3b82f626;position:relative;overflow:hidden}.sidebar-add-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .2s ease}.sidebar-add-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #3b82f659,0 2px 4px #3b82f633}.sidebar-add-btn:hover:before{opacity:1}.sidebar-add-btn:active{transform:scale(1.05) rotate(90deg)}.sidebar-add-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sidebar-list{display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;padding:12px 14px;border:none;background:transparent;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#475569;text-decoration:none;position:relative;margin:0 12px;border-radius:10px;font-weight:500}@media (prefers-color-scheme: dark){.sidebar-item{color:#94a3b8}}.sidebar-item:before{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(135deg,#3b82f614,#60a5fa0a);opacity:0;transition:opacity .2s ease}.sidebar-item:hover{color:#1e293b}@media (prefers-color-scheme: dark){.sidebar-item:hover{color:#f1f5f9}}.sidebar-item:hover:before{opacity:1}.sidebar-item.active{background:linear-gradient(135deg,#3b82f61f,#60a5fa0f);color:#2563eb;border-left:3px solid #3b82f6;margin-left:9px;box-shadow:0 2px 8px #3b82f61a,inset 0 1px #ffffff0d}@media (prefers-color-scheme: dark){.sidebar-item.active{color:#60a5fa;background:linear-gradient(135deg,#3b82f626,#60a5fa14)}}.sidebar-item.active:before{opacity:0}.sidebar-item.active .sidebar-count{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 6px #3b82f640}.sidebar-item:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:12px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,#f1f5f9cc,#e2e8f080);color:#64748b;transition:all .2s ease}@media (prefers-color-scheme: dark){.sidebar-icon{background:linear-gradient(135deg,#33415580,#1e293b4d);color:#94a3b8}}.sidebar-item:hover .sidebar-icon{background:linear-gradient(135deg,#3b82f626,#60a5fa1a);color:#3b82f6;transform:scale(1.05)}.sidebar-item.active .sidebar-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 3px 10px #3b82f64d}.sidebar-label{flex:1;font-family:var(--font-display);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1;letter-spacing:-.01em}.sidebar-count{background:#f1f5f9e6;color:#64748b;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;min-width:26px;text-align:center;transition:all .2s ease;position:relative;z-index:1}@media (prefers-color-scheme: dark){.sidebar-count{background:#33415599;color:#94a3b8}}.sidebar-folder-item{position:relative;display:flex;align-items:center}.sidebar-folder-item .sidebar-item{flex:1;padding-right:var(--space-10)}.sidebar-delete-btn{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;color:var(--gecko-gray-500);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-xs);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--duration-fast) var(--ease-out)}.sidebar-folder-item:hover .sidebar-delete-btn{opacity:1}.sidebar-delete-btn:hover{background:var(--gecko-error);color:#fff}.sidebar-delete-btn:focus-visible{opacity:1;outline:2px solid var(--gecko-error);outline-offset:2px}.sidebar-add-form{padding:var(--space-2) var(--space-5);animation:fadeIn var(--duration-fast) var(--ease-out)}.sidebar-input{width:100%;padding:var(--space-2) var(--space-3);background:var(--gecko-gray-800);border:1px solid var(--gecko-primary);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);color:var(--gecko-gray-100);outline:none;margin-bottom:var(--space-2);transition:all var(--duration-fast) var(--ease-out);box-shadow:0 0 0 3px var(--gecko-primary-glow)}.sidebar-input:focus{border-color:var(--gecko-primary);box-shadow:0 0 0 4px var(--gecko-primary-glow)}.sidebar-input::placeholder{color:var(--gecko-gray-500)}.sidebar-form-actions{display:flex;gap:var(--space-2)}.sidebar-save-btn,.sidebar-cancel-btn{width:28px;height:28px;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.sidebar-save-btn{background:var(--gecko-primary);color:var(--gecko-gray-900)}.sidebar-save-btn:hover{background:var(--gecko-primary-hover);transform:scale(1.05)}.sidebar-cancel-btn{background:var(--gecko-gray-700);color:var(--gecko-gray-300)}.sidebar-cancel-btn:hover{background:var(--gecko-gray-600);transform:scale(1.05)}.sidebar-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out)}.sidebar-modal{background:var(--gecko-gray-900);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:90%;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;animation:modalSlideUp var(--duration-normal) var(--ease-spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sidebar-modal h4{margin:0 0 var(--space-4) 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.sidebar-modal p{margin:0 0 var(--space-5) 0;color:var(--gecko-gray-400);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.sidebar-modal-actions{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-modal-btn{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out)}.sidebar-modal-btn.primary{background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-hover));color:var(--gecko-gray-900)}.sidebar-modal-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--gecko-primary-glow)}.sidebar-modal-btn.secondary{background:var(--gecko-gray-800);color:var(--gecko-gray-300);border:1px solid var(--gecko-gray-700)}.sidebar-modal-btn.secondary:hover{background:var(--gecko-gray-700);color:var(--gecko-gray-100)}.sidebar-modal-btn.danger{background:linear-gradient(135deg,var(--gecko-error),#dc2626);color:#fff}.sidebar-modal-btn.danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #ef444466}.sidebar-modal-select{width:100%;padding:var(--space-3) var(--space-3);background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);color:var(--gecko-gray-100);cursor:pointer;margin-bottom:var(--space-4);transition:all var(--duration-fast) var(--ease-out)}.sidebar-modal-select:focus{outline:none;border-color:var(--gecko-primary);box-shadow:0 0 0 3px var(--gecko-primary-glow)}@media (prefers-color-scheme: light){.vault-sidebar:before{background:linear-gradient(180deg,rgba(59,130,246,.06) 0%,transparent 100%)}.sidebar-input{background:#fff;border-color:#3b82f6;color:#0f172a}.sidebar-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d}.sidebar-modal h4{color:#0f172a}.sidebar-modal p{color:#475569}}@media (max-width: 1024px){.vault-sidebar{width:240px}}@media (max-width: 768px){.vault-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;transform:translate(-100%);box-shadow:var(--shadow-2xl)}.vault-sidebar.open{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.vault-sidebar,.sidebar-item,.sidebar-add-btn,.sidebar-modal,.sidebar-section{animation:none;transition:none}.sidebar-add-btn:hover{transform:none}}@media (prefers-contrast: high){.sidebar-item.active{border-left-width:4px;background:#3b82f640}.sidebar-count{border:1px solid currentColor}.sidebar-modal{border-width:2px}}.entry-list{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafcf2,#f1f5f9e6);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid rgba(226,232,240,.6);height:100%;min-width:420px;position:relative;box-shadow:inset -1px 0 #fffc,2px 0 20px #00000008}@media (prefers-color-scheme: dark){.entry-list{background:linear-gradient(180deg,#0f172a66,#0f172a40);border-right-color:#94a3b80f;box-shadow:inset 1px 0 #ffffff05,4px 0 24px #0000001a}}.entry-list.loading{align-items:center;justify-content:center}.entry-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(226,232,240,.6);background:linear-gradient(180deg,#fffffff2,#f8fafce6);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);position:sticky;top:0;z-index:10;box-shadow:0 1px #fffc inset,0 4px 20px #0000000a}@media (prefers-color-scheme: dark){.entry-list-header{background:linear-gradient(180deg,#0f172ab3,#0f172a80);border-bottom-color:#94a3b80f;box-shadow:0 1px #ffffff08 inset,0 4px 20px #0000001a}}.entry-list-header h2{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}@media (prefers-color-scheme: dark){.entry-list-header h2{color:#f1f5f9}}.entry-list-header h2:before{content:"";width:4px;height:22px;background:linear-gradient(180deg,#3b82f6,#60a5fa);border-radius:var(--radius-full);box-shadow:0 0 10px #3b82f64d}.add-entry-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #3b82f64d}.add-entry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.add-entry-btn:active{transform:translateY(0)}.add-entry-btn:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.add-icon{font-size:var(--text-lg);font-weight:var(--font-bold);transition:transform var(--duration-fast) var(--ease-out)}.add-entry-btn:hover .add-icon{transform:rotate(90deg)}.entry-list-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.entry-list-content::-webkit-scrollbar{width:10px}.entry-list-content::-webkit-scrollbar-track{background:linear-gradient(135deg,#f1f5f980,#e2e8f04d);border-radius:10px;margin:8px 0}@media (prefers-color-scheme: dark){.entry-list-content::-webkit-scrollbar-track{background:linear-gradient(135deg,#1e293b4d,#0f172a33)}}.entry-list-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:10px;border:2px solid transparent;background-clip:padding-box;min-height:40px}@media (prefers-color-scheme: dark){.entry-list-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b880,#64748b66);background-clip:padding-box}}.entry-list-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f6,#2563eb);background-clip:padding-box}.entry-list-content::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#2563eb,#1d4ed8);background-clip:padding-box}.loading-spinner{font-size:var(--text-3xl);color:var(--gecko-primary);animation:spin 1s linear infinite,glow 2s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-10);text-align:center;animation:fadeIn var(--duration-normal) var(--ease-out)}.empty-icon{font-size:64px;margin-bottom:var(--space-5);opacity:.4;filter:grayscale(.5)}.empty-state h3{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gecko-gray-200)}.empty-state p{margin:0 0 var(--space-6) 0;font-size:var(--text-sm);color:var(--gecko-gray-400);line-height:var(--leading-relaxed);max-width:300px}.empty-add-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 16px #3b82f64d}.empty-add-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #3b82f666}.entry-items{display:flex;flex-direction:column;gap:8px;padding:4px}.entry-item{display:flex;align-items:flex-start;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid rgba(226,232,240,.7);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;animation:fadeInUp var(--duration-fast) var(--ease-out);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005,inset 0 1px #ffffffe6}@media (prefers-color-scheme: dark){.entry-item{background:linear-gradient(135deg,#1e293b99,#1e293b66);border-color:#94a3b814;box-shadow:0 1px 3px #0000001a,0 4px 12px #0000000d,inset 0 1px #ffffff08}}.entry-item:before{content:"";position:absolute;inset:-1px;border-radius:15px;background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 50%,transparent 100%);opacity:0;z-index:-1;transition:opacity .25s ease}.entry-item:hover{background:linear-gradient(135deg,#fff,#f8fafcf2);border-color:#3b82f64d;transform:translateY(-3px) scale(1.005);box-shadow:0 12px 32px #3b82f61a,0 4px 12px #0000000f,inset 0 1px #fff}@media (prefers-color-scheme: dark){.entry-item:hover{background:linear-gradient(135deg,#334155b3,#33415580);border-color:#3b82f666;box-shadow:0 12px 32px #0003,0 4px 12px #00000026,inset 0 1px #ffffff0d}}.entry-item:hover:before{opacity:.15}.entry-item.selected{background:linear-gradient(135deg,#3b82f614,#60a5fa0a);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 8px 24px #3b82f61a}@media (prefers-color-scheme: dark){.entry-item.selected{background:linear-gradient(135deg,#3b82f626,#60a5fa14)}}.entry-item.selected:before{opacity:.3}.entry-item:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.entry-item-icon{width:48px;height:48px;margin-right:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0b3);border-radius:12px;overflow:hidden;transition:all .25s ease;border:1px solid rgba(226,232,240,.6);box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc}@media (prefers-color-scheme: dark){.entry-item-icon{background:linear-gradient(135deg,#334155b3,#33415580);border-color:#94a3b81a;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff0a}}.entry-item:hover .entry-item-icon{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);border-color:#3b82f633;box-shadow:0 4px 16px #3b82f61a,inset 0 1px #ffffffe6;transform:scale(1.05)}@media (prefers-color-scheme: dark){.entry-item:hover .entry-item-icon{background:linear-gradient(135deg,#3b82f633,#60a5fa1a);border-color:#3b82f64d;box-shadow:0 4px 16px #3b82f633,inset 0 1px #ffffff0f}}.entry-favicon{width:30px;height:30px;border-radius:8px;object-fit:cover}.entry-default-icon{font-size:20px;color:#64748b}@media (prefers-color-scheme: dark){.entry-default-icon{color:#94a3b8}}.entry-item-content{flex:1;min-width:0}.entry-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:12px}.entry-title{margin:0;font-family:var(--font-display);font-size:15px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}@media (prefers-color-scheme: dark){.entry-title{color:#f1f5f9}}.entry-favorite{font-size:14px;color:#f59e0b;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(245,158,11,.3))}.entry-meta{font-family:var(--font-mono);font-size:11px;color:#94a3b8;flex-shrink:0;background:#f1f5f9cc;padding:3px 8px;border-radius:6px}@media (prefers-color-scheme: dark){.entry-meta{background:#33415580;color:#64748b}}.entry-date{white-space:nowrap}.entry-item-details{margin-bottom:8px}.entry-detail{display:flex;align-items:center;margin-bottom:4px;font-size:13px}.entry-detail:last-child{margin-bottom:0}.entry-detail-label{color:#94a3b8;margin-right:8px;min-width:70px;flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.entry-detail-value{color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:13px}@media (prefers-color-scheme: dark){.entry-detail-value{color:#cbd5e1}}.entry-folder{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:#3b82f6;background:#3b82f614;padding:2px 8px;border-radius:4px;font-size:12px}@media (prefers-color-scheme: dark){.entry-folder{color:#60a5fa;background:#3b82f626}}.entry-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.entry-tag{background:var(--gecko-gray-800);color:var(--gecko-gray-300);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-medium);border:1px solid var(--gecko-gray-700);transition:all var(--duration-fast) var(--ease-out)}.entry-tag:hover{background:var(--gecko-gray-700);border-color:var(--gecko-primary);color:var(--gecko-primary)}.entry-item-actions{display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s ease;margin-left:12px}.entry-item:hover .entry-item-actions{opacity:1}.entry-action-btn{width:36px;height:36px;border:none;background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0b3);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#64748b;border:1px solid rgba(226,232,240,.6);box-shadow:0 1px 3px #0000000a,inset 0 1px #fffc}@media (prefers-color-scheme: dark){.entry-action-btn{background:linear-gradient(135deg,#334155b3,#33415580);border-color:#94a3b81a;color:#94a3b8;box-shadow:0 1px 3px #00000026,inset 0 1px #ffffff0a}}.entry-action-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 6px 16px #3b82f626,0 2px 6px #00000014}.entry-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.entry-action-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.copy-username:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border-color:#3b82f6}.copy-password:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 6px 20px #3b82f640,0 2px 6px #0000001a}.open-url:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:#fff;border-color:#1d4ed8}@media (prefers-color-scheme: light){.empty-state h3{color:#0f172a}.empty-state p{color:#64748b}.entry-tag{background:#f1f5f9e6;color:#475569;border-color:#e2e8f0cc}}@media (max-width: 1200px){.entry-list{min-width:340px}}@media (max-width: 768px){.entry-list{min-width:100%;border-right:none}.entry-list-header{padding:var(--space-4)}.entry-item{padding:var(--space-3)}.entry-item-actions{flex-direction:row;opacity:1}.entry-action-btn{width:36px;height:36px}.add-entry-btn span{display:none}.add-entry-btn{padding:var(--space-2);border-radius:var(--radius-md)}}@media (prefers-reduced-motion: reduce){.entry-item,.entry-action-btn,.add-entry-btn,.loading-spinner{animation:none;transition:none}.entry-item:hover,.add-entry-btn:hover{transform:none}}@media (prefers-contrast: high){.entry-item{border:2px solid var(--gecko-gray-600)}.entry-item.selected{border-color:var(--gecko-primary);border-width:3px}.entry-action-btn{border:1px solid currentColor}}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;width:100%;pointer-events:none}@media (max-width: 768px){.toast-container{top:var(--space-3);right:var(--space-3);left:var(--space-3);max-width:100%}}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--gecko-gray-900);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d inset;border:1px solid var(--glass-border);animation:toastSlideIn .4s var(--ease-spring);pointer-events:auto;min-width:320px;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gecko-gray-600)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.toast-exit{animation:toastSlideOut .3s var(--ease-in) forwards}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-success{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,var(--gecko-gray-900) 100%);border-color:#10b9814d}.toast-success:before{background:linear-gradient(180deg,var(--gecko-primary),var(--gecko-cyan))}.toast-success .toast-icon{color:var(--gecko-primary)}.toast-success .toast-content{color:var(--gecko-gray-100)}.toast-error{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,var(--gecko-gray-900) 100%);border-color:#ef44444d}.toast-error:before{background:linear-gradient(180deg,var(--gecko-error),#f87171)}.toast-error .toast-icon{color:var(--gecko-error)}.toast-error .toast-content{color:var(--gecko-gray-100)}.toast-warning{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,var(--gecko-gray-900) 100%);border-color:#f59e0b4d}.toast-warning:before{background:linear-gradient(180deg,var(--gecko-warning),#fbbf24)}.toast-warning .toast-icon{color:var(--gecko-warning)}.toast-warning .toast-content{color:var(--gecko-gray-100)}.toast-info{background:linear-gradient(135deg,rgba(59,130,246,.15) 0%,var(--gecko-gray-900) 100%);border-color:#3b82f64d}.toast-info:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.toast-info .toast-icon{color:#3b82f6}.toast-info .toast-content{color:var(--gecko-gray-100)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;font-size:var(--text-lg)}.toast-content{flex:1;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.toast-close{flex-shrink:0;border:none;background:transparent;cursor:pointer;color:var(--gecko-gray-500);padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);opacity:.6}.toast-close:hover{background:#ffffff1a;color:var(--gecko-gray-200);opacity:1}.toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}@media (prefers-color-scheme: light){.toast{background:#fff;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;border-color:var(--gecko-gray-200)}.toast-content{color:var(--gecko-gray-800)}.toast-close{color:var(--gecko-gray-500)}.toast-close:hover{background:var(--gecko-gray-100);color:var(--gecko-gray-700)}.toast-success{background:linear-gradient(135deg,#10b98114,#fff);border-color:#10b98133}.toast-error{background:linear-gradient(135deg,#ef444414,#fff);border-color:#ef444433}.toast-warning{background:linear-gradient(135deg,#f59e0b14,#fff);border-color:#f59e0b33}.toast-info{background:linear-gradient(135deg,#3b82f614,#fff);border-color:#3b82f633}}@media (max-width: 768px){.toast{min-width:unset;width:100%}.toast-content{font-size:var(--text-xs)}.toast-icon{margin-top:1px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast: high){.toast{border-width:2px}.toast:before{width:6px}.toast-close:focus-visible{outline-width:3px}}@media (prefers-reduced-motion: reduce){.toast{animation:none}.toast.toast-exit{animation:none;opacity:0}}.entry-details{width:420px;background:var(--gecko-gray-900);border-left:1px solid var(--glass-border);height:100%;display:flex;flex-direction:column;position:relative;animation:slideInRight var(--duration-normal) var(--ease-spring)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.entry-details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.entry-details-header h2{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gecko-gray-100);display:flex;align-items:center;gap:var(--space-3)}.entry-details-header h2:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--gecko-primary),var(--gecko-primary-light));border-radius:var(--radius-full)}.close-btn{width:36px;height:36px;border:none;background:var(--gecko-gray-800);cursor:pointer;border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--gecko-gray-400);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.close-btn:hover{background:var(--gecko-gray-700);color:var(--gecko-gray-100);transform:rotate(90deg)}.close-btn:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.entry-details-content{flex:1;overflow-y:auto;padding:var(--space-6)}.entry-details-content::-webkit-scrollbar{width:6px}.entry-details-content::-webkit-scrollbar-track{background:transparent}.entry-details-content::-webkit-scrollbar-thumb{background:var(--gecko-gray-700);border-radius:var(--radius-full)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--space-2);font-family:var(--font-display);font-weight:var(--font-medium);color:var(--gecko-gray-300);font-size:var(--text-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);color:var(--gecko-gray-100);transition:all var(--duration-fast) var(--ease-out);box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--gecko-primary);box-shadow:0 0 0 3px var(--gecko-primary-glow);background:var(--gecko-gray-800)}.form-input::placeholder,.form-textarea::placeholder{color:var(--gecko-gray-500)}.form-textarea{resize:vertical;min-height:100px;font-family:var(--font-display);line-height:var(--leading-relaxed)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action .form-input{flex:1;padding-right:var(--space-12)}.input-action-btn{position:absolute;right:var(--space-2);width:32px;height:32px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--gecko-gray-500);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out)}.input-action-btn:hover{background:var(--gecko-gray-700);color:var(--gecko-primary)}.input-action-btn:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.password-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.password-actions{position:absolute;right:var(--space-2);display:flex;gap:var(--space-1)}.password-generator-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.generate-btn,.generator-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--gecko-gray-700);background:var(--gecko-gray-800);cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-xs);color:var(--gecko-gray-300);transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;gap:var(--space-1)}.generate-btn:hover,.generator-btn:hover{background:var(--gecko-gray-700);border-color:var(--gecko-primary);color:var(--gecko-primary)}.strength-bar{height:4px;background:var(--gecko-gray-800);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.password-generator-options{background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-3);animation:fadeIn var(--duration-fast) var(--ease-out)}.password-generator-options h4{margin:0 0 var(--space-3) 0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gecko-gray-200)}.generator-suggestions{display:flex;flex-direction:column;gap:var(--space-2)}.password-suggestion{padding:var(--space-3) var(--space-4);border:1px solid var(--gecko-gray-700);background:var(--gecko-gray-900);cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gecko-gray-300);text-align:left;transition:all var(--duration-fast) var(--ease-out);word-break:break-all}.password-suggestion:hover{background:#3b82f61a;border-color:var(--gecko-primary);color:var(--gecko-primary)}.tags-input{border:1px solid var(--gecko-gray-700);background:var(--gecko-gray-800);border-radius:var(--radius-md);padding:var(--space-3);min-height:48px;transition:all var(--duration-fast) var(--ease-out)}.tags-input:focus-within{border-color:var(--gecko-primary);box-shadow:0 0 0 3px var(--gecko-primary-glow)}.current-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.tag{background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-1);animation:fadeIn var(--duration-fast) var(--ease-out)}.tag-remove{background:#0003;border:none;color:var(--gecko-gray-900);cursor:pointer;font-size:var(--text-sm);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out);line-height:1}.tag-remove:hover{background:#0006}.add-tag{display:flex;gap:var(--space-2);align-items:center}.tag-input{flex:1;border:none;outline:none;background:transparent;padding:var(--space-1) 0;font-family:var(--font-display);font-size:var(--text-sm);color:var(--gecko-gray-100)}.tag-input::placeholder{color:var(--gecko-gray-500)}.add-tag-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--gecko-primary);background:var(--gecko-primary);color:var(--gecko-gray-900);cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--duration-fast) var(--ease-out)}.add-tag-btn:hover:not(:disabled){background:var(--gecko-primary-hover)}.add-tag-btn:disabled{opacity:.4;cursor:not-allowed}.checkbox-group{margin-bottom:var(--space-6)}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:var(--text-sm);gap:var(--space-3)}.checkbox-label input[type=checkbox]{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--gecko-gray-600);background:var(--gecko-gray-800);cursor:pointer;appearance:none;transition:all var(--duration-fast) var(--ease-out);position:relative}.checkbox-label input[type=checkbox]:checked{background:var(--gecko-primary);border-color:var(--gecko-primary)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gecko-gray-900);font-size:14px;font-weight:700}.checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.checkbox-text{color:var(--gecko-gray-300)}.form-errors{background:#ef44441a;border:1px solid var(--gecko-error);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-error{color:var(--gecko-error);font-size:var(--text-sm);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2)}.form-error:last-child{margin-bottom:0}.form-error:before{content:"!";width:16px;height:16px;background:var(--gecko-error);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-actions{display:flex;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--glass-border);margin-top:var(--space-5)}.save-btn,.delete-btn,.cancel-btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-fast) var(--ease-out)}.save-btn{background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;flex:1;box-shadow:0 2px 8px #3b82f64d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.save-btn:disabled{background:var(--gecko-gray-700);color:var(--gecko-gray-500);cursor:not-allowed;box-shadow:none}.delete-btn{background:var(--gecko-error);color:#fff}.delete-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.cancel-btn{background:var(--gecko-gray-800);color:var(--gecko-gray-300);border:1px solid var(--gecko-gray-700)}.cancel-btn:hover{background:var(--gecko-gray-700);color:var(--gecko-gray-100)}@media (prefers-color-scheme: light){.entry-details{background:#fff;border-left-color:var(--gecko-gray-200)}.entry-details-header{background:#ffffffe6;border-bottom-color:var(--gecko-gray-200)}.entry-details-header h2{color:var(--gecko-gray-900)}.close-btn{background:var(--gecko-gray-100);color:var(--gecko-gray-600)}.close-btn:hover{background:var(--gecko-gray-200);color:var(--gecko-gray-900)}.form-group label{color:var(--gecko-gray-700)}.form-input,.form-select,.form-textarea{background:#fff;border-color:var(--gecko-gray-300);color:var(--gecko-gray-900)}.input-action-btn{color:var(--gecko-gray-500)}.input-action-btn:hover{background:var(--gecko-gray-100)}.generate-btn,.generator-btn{background:#fff;border-color:var(--gecko-gray-300);color:var(--gecko-gray-700)}.password-generator-options{background:var(--gecko-gray-50);border-color:var(--gecko-gray-200)}.password-suggestion{background:#fff;border-color:var(--gecko-gray-200);color:var(--gecko-gray-700)}.tags-input{background:#fff;border-color:var(--gecko-gray-300)}.tag-input{color:var(--gecko-gray-900)}.checkbox-label input[type=checkbox]{background:#fff;border-color:var(--gecko-gray-400)}.checkbox-text{color:var(--gecko-gray-700)}.cancel-btn{background:#fff;color:var(--gecko-gray-700);border-color:var(--gecko-gray-300)}}@media (max-width: 768px){.entry-details{width:100%;position:fixed;inset:0;z-index:1000;animation:slideInUp var(--duration-normal) var(--ease-spring)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.entry-details-content{padding:var(--space-4)}.form-actions,.password-generator-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){.entry-details,.form-errors{animation:none}.close-btn:hover,.save-btn:hover,.delete-btn:hover{transform:none}}@media (prefers-contrast: high){.form-input,.form-select,.form-textarea{border-width:2px}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 4px var(--gecko-primary)}.tag{border:2px solid currentColor}}.search-bar{position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:0 16px;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:300px;box-shadow:0 1px 3px #0000000a,inset 0 1px #ffffffe6}@media (prefers-color-scheme: dark){.search-bar{background:linear-gradient(135deg,#1e293bb3,#0f172a99);border-color:#94a3b81a;box-shadow:0 1px 3px #00000026,inset 0 1px #ffffff08}}.search-bar:before{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#60a5fa);opacity:0;z-index:-1;transition:opacity .25s ease}.search-bar.focused{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f626,0 4px 16px #3b82f61a}@media (prefers-color-scheme: dark){.search-bar.focused{background:linear-gradient(135deg,#1e293be6,#0f172ad9);box-shadow:0 0 0 3px #3b82f633,0 4px 16px #3b82f626}}.search-bar.focused:before{opacity:.1}.search-icon{color:#94a3b8;margin-right:12px;flex-shrink:0;transition:all .2s ease;font-size:16px}.search-bar.focused .search-icon{color:#3b82f6;transform:scale(1.05)}.search-input{flex:1;border:none;background:none;outline:none;padding:12px 0;font-family:var(--font-display);font-size:14px;color:#0f172a;min-width:0}@media (prefers-color-scheme: dark){.search-input{color:#f1f5f9}}.search-input::placeholder{color:#94a3b8;transition:color .2s ease}.search-bar.focused .search-input::placeholder{color:#64748b}.search-clear{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0b3);border:1px solid rgba(226,232,240,.6);color:#64748b;cursor:pointer;padding:4px 10px;border-radius:6px;font-family:var(--font-display);font-size:11px;font-weight:500;flex-shrink:0;margin-left:8px;transition:all .2s ease;display:flex;align-items:center;gap:4px}@media (prefers-color-scheme: dark){.search-clear{background:linear-gradient(135deg,#33415599,#1e293b80);border-color:#94a3b81a;color:#94a3b8}}.search-clear:hover{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);border-color:#3b82f64d;color:#3b82f6}@media (prefers-color-scheme: dark){.search-clear:hover{background:linear-gradient(135deg,#3b82f626,#60a5fa1a);color:#60a5fa}}.search-clear:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.search-bar:after{content:"/";position:absolute;right:12px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:#94a3b8;background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0b3);border:1px solid rgba(226,232,240,.6);padding:3px 8px;border-radius:6px;opacity:1;transition:opacity .2s ease}@media (prefers-color-scheme: dark){.search-bar:after{background:linear-gradient(135deg,#33415599,#1e293b80);border-color:#94a3b81a;color:#64748b}}.search-bar.focused:after,.search-bar:has(.search-input:not(:placeholder-shown)):after{opacity:0;pointer-events:none}.search-bar:has(.search-clear):after{display:none}@media (max-width: 768px){.search-bar{min-width:200px;flex:1}.search-bar:after{display:none}}@media (max-width: 480px){.search-bar{min-width:100%}}@media (prefers-reduced-motion: reduce){.search-bar,.search-icon,.search-clear{transition:none}}@media (prefers-contrast: high){.search-bar{border-width:2px}.search-bar.focused{box-shadow:0 0 0 4px var(--gecko-primary)}}.onboarding-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f1f5f9);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (prefers-color-scheme: dark){.onboarding-page{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}}.onboarding-header{padding:24px 40px;flex-shrink:0}.onboarding-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s ease}.onboarding-logo:hover{opacity:.8}.onboarding-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;box-shadow:0 4px 14px #3b82f659}.onboarding-logo-text{font-size:22px;font-weight:700;letter-spacing:-.03em;color:#0f172a}.onboarding-logo-accent{color:#3b82f6}@media (prefers-color-scheme: dark){.onboarding-logo-text{color:#f1f5f9}}.onboarding-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.onboarding-container{display:flex;gap:0;background:#fff;border-radius:24px;box-shadow:0 4px 6px #00000005,0 10px 30px #0000000f,0 0 0 1px #00000008;overflow:hidden;max-width:480px;width:100%;transition:max-width .4s cubic-bezier(.4,0,.2,1)}.onboarding-container.expanded{max-width:920px}@media (prefers-color-scheme: dark){.onboarding-container{background:#1e293b;box-shadow:0 4px 6px #0000001a,0 10px 30px #0003,0 0 0 1px #ffffff0d}}.onboarding-form-section{flex:1;padding:48px;min-width:0}.onboarding-title{font-size:28px;font-weight:700;color:#0f172a;margin:0 0 8px;letter-spacing:-.03em}@media (prefers-color-scheme: dark){.onboarding-title{color:#f8fafc}}.onboarding-subtitle{font-size:15px;color:#64748b;margin:0 0 28px;line-height:1.5}@media (prefers-color-scheme: dark){.onboarding-subtitle{color:#94a3b8}}.onboarding-tabs{display:flex;background:#f1f5f9;border-radius:12px;padding:4px;margin-bottom:28px;gap:4px}@media (prefers-color-scheme: dark){.onboarding-tabs{background:#0f172a}}.onboarding-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;color:#64748b;background:none;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.onboarding-tab svg{opacity:.7;transition:opacity .2s ease}.onboarding-tab:hover:not(.active){color:#475569;background:#ffffff80}.onboarding-tab:hover:not(.active) svg{opacity:.9}.onboarding-tab.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px #00000014}.onboarding-tab.active svg{opacity:1;color:#3b82f6}@media (prefers-color-scheme: dark){.onboarding-tab{color:#94a3b8}.onboarding-tab:hover:not(.active){color:#cbd5e1;background:#ffffff0d}.onboarding-tab.active{background:#334155;color:#f8fafc}}.onboarding-form{display:flex;flex-direction:column;gap:20px}.onboarding-error{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;line-height:1.5}.onboarding-error svg{flex-shrink:0;margin-top:1px}.onboarding-error span{flex:1}.onboarding-error-close{background:none;border:none;padding:4px;color:#dc2626;cursor:pointer;border-radius:6px;opacity:.6;transition:all .15s ease;flex-shrink:0}.onboarding-error-close:hover{opacity:1;background:#dc26261a}@media (prefers-color-scheme: dark){.onboarding-error{background:#dc26261a;border-color:#dc26264d;color:#f87171}.onboarding-error-close{color:#f87171}}.onboarding-field{display:flex;flex-direction:column;gap:8px}.onboarding-field label{font-size:14px;font-weight:600;color:#374151}@media (prefers-color-scheme: dark){.onboarding-field label{color:#e2e8f0}}.onboarding-field input{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#1e293b;transition:all .2s ease;box-sizing:border-box}.onboarding-field input::placeholder{color:#94a3b8}.onboarding-field input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.onboarding-field input:disabled{opacity:.6;cursor:not-allowed}@media (prefers-color-scheme: dark){.onboarding-field input{background:#0f172a;border-color:#334155;color:#f1f5f9}.onboarding-field input::placeholder{color:#64748b}.onboarding-field input:focus{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}}.onboarding-password-wrap{position:relative}.onboarding-password-wrap input{padding-right:52px}.onboarding-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#64748b;cursor:pointer;border-radius:10px;transition:all .15s ease}.onboarding-password-toggle:hover{color:#3b82f6;background:#3b82f61a}.onboarding-password-toggle:disabled{opacity:.4;cursor:not-allowed}.onboarding-strength{display:flex;align-items:center;gap:12px;margin-top:4px}.onboarding-strength-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}@media (prefers-color-scheme: dark){.onboarding-strength-bar{background:#334155}}.onboarding-strength-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.onboarding-strength-fill.weak{background:linear-gradient(90deg,#ef4444,#f87171)}.onboarding-strength-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.onboarding-strength-fill.strong{background:linear-gradient(90deg,#22c55e,#4ade80)}.onboarding-strength-label{font-size:12px;font-weight:700;min-width:60px;text-align:right;text-transform:uppercase;letter-spacing:.05em}.onboarding-strength-label.weak{color:#ef4444}.onboarding-strength-label.medium{color:#f59e0b}.onboarding-strength-label.strong{color:#22c55e}.onboarding-field-error,.onboarding-field-success{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.onboarding-field-error{color:#dc2626}.onboarding-field-success{color:#16a34a}@media (prefers-color-scheme: dark){.onboarding-field-error{color:#f87171}.onboarding-field-success{color:#4ade80}}.onboarding-checkbox{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#475569;cursor:pointer;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .15s ease}.onboarding-checkbox:hover{border-color:#3b82f6;background:#f1f5f9}.onboarding-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0;margin-top:1px}.onboarding-checkbox span{line-height:1.5}@media (prefers-color-scheme: dark){.onboarding-checkbox{color:#94a3b8;background:#0f172a;border-color:#334155}.onboarding-checkbox:hover{background:#1e293b;border-color:#3b82f6}}.onboarding-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #3b82f659;margin-top:8px}.onboarding-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.onboarding-submit:active:not(:disabled){transform:translateY(0)}.onboarding-submit:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}@media (prefers-color-scheme: dark){.onboarding-submit:disabled{background:#334155;color:#64748b}}.onboarding-spinner{animation:onboarding-spin 1s linear infinite}@keyframes onboarding-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.onboarding-info-section{width:340px;flex-shrink:0;padding:48px 40px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex-direction:column;animation:slideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.onboarding-info-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.onboarding-info-header svg{color:#3b82f6}.onboarding-info-header h2{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.02em}.onboarding-info-cards{display:flex;flex-direction:column;gap:16px;flex:1}.onboarding-info-card{display:flex;gap:14px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;transition:all .2s ease}.onboarding-info-card:hover{background:#ffffff14;border-color:#ffffff1f}.onboarding-info-card.warning{background:#f59e0b1a;border-color:#f59e0b33}.onboarding-info-card.warning:hover{background:#f59e0b26;border-color:#f59e0b40}.onboarding-info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.onboarding-info-icon.account{background:#3b82f633;color:#60a5fa}.onboarding-info-icon.master{background:#8b5cf633;color:#a78bfa}.onboarding-info-icon.encryption{background:#22c55e33;color:#4ade80}.onboarding-info-icon.warning{background:#f59e0b33;color:#fbbf24}.onboarding-info-content{flex:1;min-width:0}.onboarding-info-content h3{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff}.onboarding-info-content p{margin:0;font-size:13px;color:#94a3b8;line-height:1.5}.onboarding-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;font-size:13px;color:#94a3b8}.onboarding-footer-dot{color:#cbd5e1}@media (prefers-color-scheme: dark){.onboarding-footer{color:#64748b}.onboarding-footer-dot{color:#475569}}@media (max-width: 900px){.onboarding-container.expanded{flex-direction:column;max-width:480px}.onboarding-info-section{width:100%;padding:32px;animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.onboarding-info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 600px){.onboarding-header{padding:20px 24px}.onboarding-form-section{padding:32px 24px}.onboarding-info-section{padding:24px}.onboarding-info-cards{grid-template-columns:1fr}.onboarding-title{font-size:24px}.onboarding-tabs{margin-bottom:24px}.onboarding-tab{padding:10px 12px;font-size:13px}.onboarding-container{border-radius:20px}}@media (max-width: 480px){.onboarding-main{padding:16px}.onboarding-container{border-radius:16px}.onboarding-form-section{padding:28px 20px}.onboarding-tab span{display:none}.onboarding-tab{gap:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.onboarding-container{transition:none}}@media (prefers-contrast: high){.onboarding-field input{border-width:3px}.onboarding-field input:focus{outline:3px solid #0f172a;outline-offset:2px}.onboarding-submit{border:3px solid #1e40af}.onboarding-info-card{border-width:2px}}.security-dashboard-container{flex:1;display:flex;flex-direction:column;background:var(--gecko-gray-950);height:100%;overflow:hidden;position:relative}.security-dashboard-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(96,165,250,.03) 0%,transparent 50%);pointer-events:none}.security-dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-8);background:var(--glass-bg-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:relative;z-index:10}.security-dashboard-header h1{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gecko-gray-100);display:flex;align-items:center;gap:var(--space-3)}.security-dashboard-header h1:before{content:"";width:5px;height:28px;background:linear-gradient(180deg,var(--gecko-primary),var(--gecko-primary-light));border-radius:var(--radius-full)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.refresh-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-fast) var(--ease-out);box-shadow:0 2px 8px #3b82f64d}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gecko-gray-800);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xl);color:var(--gecko-gray-400);transition:all var(--duration-fast) var(--ease-out)}.security-dashboard-content{flex:1;overflow-y:auto;padding:var(--space-8);position:relative}.security-dashboard-content::-webkit-scrollbar{width:8px}.security-dashboard-content::-webkit-scrollbar-track{background:transparent}.security-dashboard-content::-webkit-scrollbar-thumb{background:var(--gecko-gray-700);border-radius:var(--radius-full)}.security-dashboard-loading,.security-dashboard-error,.security-dashboard-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center}.loading-spinner{font-size:56px;margin-bottom:var(--space-4);color:var(--gecko-primary);animation:spin 1s linear infinite,glow 2s ease-in-out infinite}.loading-subtext{color:var(--gecko-gray-400);font-size:var(--text-sm);margin-top:var(--space-2)}.error-icon,.empty-icon{font-size:72px;margin-bottom:var(--space-4);opacity:.5}.retry-button{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--duration-fast) var(--ease-out)}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.password-health-score{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-8);background:var(--glass-bg-heavy);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);margin-bottom:var(--space-8);position:relative;overflow:hidden}.password-health-score:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gecko-primary),var(--gecko-primary-light),var(--gecko-primary));background-size:200% 100%;animation:shimmer 3s linear infinite}.score-gauge-container{flex-shrink:0}.score-gauge{filter:drop-shadow(0 8px 24px var(--gecko-primary-glow))}.score-details{flex:1}.score-label{margin:0 0 var(--space-3) 0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-description{margin:0 0 var(--space-4) 0;font-size:var(--text-base);color:var(--gecko-gray-300);line-height:var(--leading-relaxed)}.total-entries{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gecko-gray-500)}.security-recommendations{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-8)}.security-recommendations h3{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.recommendations-subtitle{margin:0 0 var(--space-6) 0;font-size:var(--text-sm);color:var(--gecko-gray-400)}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-4)}.recommendation-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.recommendation-card:hover{border-color:var(--gecko-primary);background:#3b82f60d;transform:translate(4px)}.recommendation-card.severity-high{border-left:4px solid var(--gecko-warning);background:#f59e0b0d}.recommendation-card.severity-high:hover{border-color:var(--gecko-warning)}.recommendation-icon{font-size:36px;flex-shrink:0}.recommendation-content{flex:1}.recommendation-title{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.recommendation-description{margin:0;font-size:var(--text-sm);color:var(--gecko-gray-400);line-height:var(--leading-relaxed)}.recommendation-action{flex-shrink:0;padding:var(--space-2) var(--space-5);background:var(--gecko-gray-700);color:var(--gecko-gray-200);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.recommendation-action:hover{background:var(--gecko-primary);color:var(--gecko-gray-900);transform:translate(2px)}.recommendations-perfect{text-align:center;padding:var(--space-8)}.perfect-icon{font-size:72px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.recommendations-perfect h3{margin:0 0 var(--space-3) 0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recommendations-perfect>p{margin:0 0 var(--space-8) 0;font-size:var(--text-base);color:var(--gecko-gray-400)}.perfect-tips{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);padding:var(--space-6);text-align:left;max-width:600px;margin:0 auto}.perfect-tips h4{margin:0 0 var(--space-4) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gecko-primary)}.perfect-tips ul{margin:0;padding-left:var(--space-5)}.perfect-tips li{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--gecko-gray-300);line-height:var(--leading-relaxed)}.security-tips{margin-top:var(--space-8);padding:var(--space-6);background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:var(--radius-md)}.security-tips h4{margin:0 0 var(--space-4) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:#60a5fa}.security-tips ul{margin:0;padding-left:var(--space-5)}.security-tips li{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--gecko-gray-300);line-height:var(--leading-relaxed)}.security-sections{display:flex;flex-direction:column;gap:var(--space-8)}.password-section{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-8)}.section-header{margin-bottom:var(--space-6)}.section-title-group{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.section-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-3);background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold)}.section-description{margin:0;font-size:var(--text-sm);color:var(--gecko-gray-400);line-height:var(--leading-relaxed)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-8);text-align:center}.empty-state .empty-icon{font-size:56px;margin-bottom:var(--space-4);opacity:.4}.empty-state p{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gecko-gray-200)}.empty-subtext{margin-top:var(--space-2)!important;font-size:var(--text-sm)!important;font-weight:var(--font-normal)!important;color:var(--gecko-gray-500)!important}.password-list{display:flex;flex-direction:column;gap:var(--space-4)}.password-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out)}.password-item:hover{border-color:var(--gecko-primary);background:#3b82f60d}.weak-password-item{border-left:4px solid #f97316}.old-password-item.age-warning{border-left:4px solid var(--gecko-warning)}.old-password-item.age-danger{border-left:4px solid var(--gecko-error)}.item-icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gecko-gray-700);border-radius:var(--radius-md);overflow:hidden}.item-favicon{width:32px;height:32px;object-fit:contain}.item-default-icon{font-size:24px}.item-content{flex:1;min-width:0}.item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.item-title-section{flex:1;min-width:0}.item-title{margin:0 0 var(--space-1) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gecko-gray-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-username{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--gecko-gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-strength,.item-age{flex-shrink:0}.strength-badge,.age-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-2xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.age-badge.age-warning{background:#f59e0b33;color:var(--gecko-warning)}.age-badge.age-danger{background:#ef444433;color:var(--gecko-error)}.item-feedback{margin-top:var(--space-3);padding:var(--space-3);background:#f59e0b1a;border-left:3px solid var(--gecko-warning);border-radius:var(--radius-sm)}.feedback-label{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gecko-warning)}.feedback-list{margin:0;padding-left:var(--space-4)}.feedback-list li{margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--gecko-gray-300);line-height:var(--leading-relaxed)}.item-actions{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.action-button{padding:var(--space-2) var(--space-4);background:var(--gecko-gray-700);color:var(--gecko-gray-300);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.action-button:hover{background:var(--gecko-gray-600);color:var(--gecko-gray-100)}.action-button.primary{background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-dark));color:#fff}.action-button.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.password-group{border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-fast) var(--ease-out)}.password-group:hover{border-color:var(--gecko-primary)}.reused-group{border-left:4px solid #8b5cf6}.group-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);background:var(--gecko-gray-800);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.group-header:hover{background:var(--gecko-gray-750)}.group-info{flex:1;display:flex;align-items:center;gap:var(--space-4)}.group-count-badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:var(--radius-md);color:#fff}.count-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1}.count-label{font-size:10px;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.group-preview{flex:1}.group-preview h4{margin:0 0 var(--space-1) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.preview-text{margin:0;font-size:var(--text-sm);color:var(--gecko-gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-button{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--gecko-gray-500);transition:all var(--duration-fast) var(--ease-out)}.expand-button:hover{background:var(--gecko-gray-700);color:var(--gecko-gray-200)}.group-entries{border-top:1px solid var(--gecko-gray-700);background:var(--gecko-gray-850);padding:var(--space-4)}.entry-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-md);margin-bottom:var(--space-3);transition:all var(--duration-fast) var(--ease-out)}.entry-item:last-child{margin-bottom:0}.entry-item:hover{border-color:var(--gecko-primary)}.entry-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gecko-gray-700);border-radius:var(--radius-sm);overflow:hidden}.entry-favicon{width:24px;height:24px;object-fit:contain}.entry-default-icon{font-size:18px}.entry-info{flex:1;min-width:0}.entry-title{margin:0 0 var(--space-1) 0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gecko-gray-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-details{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--gecko-gray-500)}@media (max-width: 1024px){.password-health-score{flex-direction:column;align-items:center;text-align:center}.recommendation-card{flex-direction:column;text-align:center}.recommendation-icon{font-size:48px}.recommendation-action{width:100%}}@media (max-width: 768px){.security-dashboard-content,.security-dashboard-header{padding:var(--space-4)}.security-dashboard-header h1{font-size:var(--text-xl)}.password-health-score,.security-recommendations,.password-section{padding:var(--space-5);border-radius:var(--radius-lg)}.password-item{flex-direction:column}.item-actions{width:100%}.action-button{flex:1}}@media (prefers-reduced-motion: reduce){.loading-spinner,.perfect-icon{animation:none}.password-health-score:before{animation:none}}@media (prefers-contrast: high){.password-item,.password-group,.recommendation-card{border-width:2px}.strength-badge,.age-badge{border:2px solid currentColor}}@media (prefers-color-scheme: light){.security-dashboard-container{background:var(--gecko-gray-50)}.security-dashboard-header{background:#fff;border-bottom-color:var(--gecko-gray-200)}.security-dashboard-header h1{color:var(--gecko-gray-900)}.password-health-score,.security-recommendations,.password-section{background:#fff;border-color:var(--gecko-gray-200)}.score-description,.section-description{color:var(--gecko-gray-600)}.password-item,.recommendation-card{background:var(--gecko-gray-50);border-color:var(--gecko-gray-200)}.item-title,.recommendation-title,.section-header h3{color:var(--gecko-gray-900)}}.account-settings-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--space-5);animation:fadeIn var(--duration-fast) var(--ease-out)}.account-settings-modal{background:var(--gecko-gray-900);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp var(--duration-normal) var(--ease-spring);overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-heavy)}.settings-header h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gecko-gray-100);display:flex;align-items:center;gap:var(--space-3)}.settings-header h2:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--gecko-primary),var(--gecko-cyan));border-radius:var(--radius-full)}.close-button{background:var(--gecko-gray-800);border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);color:var(--gecko-gray-400);transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--gecko-gray-700);color:var(--gecko-gray-100)}.close-button:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.settings-nav{display:flex;gap:var(--space-1);padding:0 var(--space-8);border-bottom:1px solid var(--glass-border);background:var(--gecko-gray-850);overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.nav-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gecko-gray-400);transition:all var(--duration-fast) var(--ease-out);position:relative;white-space:nowrap}.nav-tab:hover{color:var(--gecko-gray-200);background:#10b9810d}.nav-tab.active{color:var(--gecko-primary);border-bottom-color:var(--gecko-primary);background:var(--gecko-gray-900)}.nav-tab:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:-2px}.settings-content{flex:1;overflow-y:auto;padding:var(--space-8)}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{background:var(--gecko-gray-700);border-radius:var(--radius-full)}.settings-section{animation:fadeIn var(--duration-normal) var(--ease-out)}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.section-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.section-icon{color:var(--gecko-primary)}.section-description{margin:0 0 var(--space-6) 0;font-size:var(--text-sm);color:var(--gecko-gray-400);line-height:var(--leading-relaxed)}.settings-divider{height:1px;background:var(--glass-border);margin:var(--space-8) 0}.info-group{margin-bottom:var(--space-5)}.info-group label{display:block;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gecko-gray-500);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.info-value{font-family:var(--font-mono);font-size:var(--text-base);color:var(--gecko-gray-100);padding:var(--space-2) 0}.password-change-form{background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group:last-of-type{margin-bottom:var(--space-6)}.form-group label{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gecko-gray-200);margin-bottom:var(--space-2)}.password-input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--space-3) var(--space-12) var(--space-3) var(--space-4);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);color:var(--gecko-gray-100);background:var(--gecko-gray-900);transition:all var(--duration-fast) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--gecko-primary);box-shadow:0 0 0 3px var(--gecko-primary-glow)}.form-input.error{border-color:var(--gecko-error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef444433}.form-input:disabled{background:var(--gecko-gray-800);cursor:not-allowed;opacity:.5}.form-input::placeholder{color:var(--gecko-gray-500)}.password-toggle{position:absolute;right:var(--space-3);background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--gecko-gray-500);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.password-toggle:hover{background:var(--gecko-gray-700);color:var(--gecko-gray-200)}.password-toggle:disabled{cursor:not-allowed;opacity:.3}.form-error{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);color:var(--gecko-error);font-size:var(--text-xs)}.password-strength{margin-top:var(--space-3)}.strength-bar{width:100%;height:4px;background:var(--gecko-gray-800);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.strength-fill{height:100%;transition:all var(--duration-normal) var(--ease-out);border-radius:var(--radius-full)}.strength-fill.strength-very-weak{background:linear-gradient(90deg,var(--gecko-error),#f87171);width:20%}.strength-fill.strength-weak{background:linear-gradient(90deg,#f97316,#fb923c);width:40%}.strength-fill.strength-fair{background:linear-gradient(90deg,var(--gecko-warning),#fbbf24);width:60%}.strength-fill.strength-good{background:linear-gradient(90deg,#22c55e,#4ade80);width:80%}.strength-fill.strength-strong{background:linear-gradient(90deg,var(--gecko-primary),var(--gecko-cyan));width:100%}.strength-info{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.strength-label{font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.strength-label.strength-very-weak{color:var(--gecko-error)}.strength-label.strength-weak{color:#f97316}.strength-label.strength-fair{color:var(--gecko-warning)}.strength-label.strength-good{color:#22c55e}.strength-label.strength-strong{color:var(--gecko-primary)}.strength-score{color:var(--gecko-gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:linear-gradient(135deg,var(--gecko-primary),var(--gecko-primary-hover));color:var(--gecko-gray-900);box-shadow:0 2px 8px var(--gecko-primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--gecko-primary-glow)}.btn-secondary{background:var(--gecko-gray-700);color:var(--gecko-gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gecko-gray-600);color:var(--gecko-gray-100)}.btn-danger{background:var(--gecko-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-warning{background:var(--gecko-warning);color:var(--gecko-gray-900)}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--gecko-gray-300);border:1px solid var(--gecko-gray-700)}.btn-outline:hover:not(:disabled){background:var(--gecko-gray-800);color:var(--gecko-gray-100);border-color:var(--gecko-gray-600)}.btn-danger-outline{background:transparent;color:var(--gecko-error);border:1px solid var(--gecko-error)}.btn-danger-outline:hover:not(:disabled){background:var(--gecko-error);color:#fff}.spinner{animation:spin 1s linear infinite}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--glass-border)}.session-info{background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.session-info h4{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.session-info p{margin:0;font-size:var(--text-sm);color:var(--gecko-gray-400)}.session-actions{display:flex;flex-direction:column;gap:var(--space-4)}.warning-box,.danger-box{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);animation:fadeIn var(--duration-fast) var(--ease-out)}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--gecko-warning)}.danger-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--gecko-error)}.warning-box strong,.danger-box strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold)}.warning-box p,.danger-box p{margin:0;font-size:var(--text-xs);line-height:var(--leading-relaxed);opacity:.9}.confirm-box{background:var(--gecko-gray-800);border:1px solid var(--gecko-gray-700);border-radius:var(--radius-lg);padding:var(--space-5);animation:fadeIn var(--duration-fast) var(--ease-out)}.confirm-message{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.confirm-message strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gecko-gray-100)}.confirm-message p{margin:0;font-size:var(--text-xs);color:var(--gecko-gray-400);line-height:var(--leading-relaxed)}.confirm-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media (prefers-color-scheme: light){.account-settings-modal{background:#fff;border-color:var(--gecko-gray-200);box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d}.settings-header{border-bottom-color:var(--gecko-gray-200);background:var(--gecko-gray-50)}.settings-header h2{color:var(--gecko-gray-900)}.close-button{background:var(--gecko-gray-100);color:var(--gecko-gray-600)}.close-button:hover{background:var(--gecko-gray-200);color:var(--gecko-gray-900)}.settings-nav{background:var(--gecko-gray-50);border-bottom-color:var(--gecko-gray-200)}.nav-tab{color:var(--gecko-gray-600)}.nav-tab:hover{color:var(--gecko-gray-900)}.nav-tab.active{background:#fff}.section-header h3{color:var(--gecko-gray-900)}.settings-divider{background:var(--gecko-gray-200)}.info-value{color:var(--gecko-gray-900)}.password-change-form{background:var(--gecko-gray-50);border-color:var(--gecko-gray-200)}.form-group label{color:var(--gecko-gray-700)}.form-input{background:#fff;border-color:var(--gecko-gray-300);color:var(--gecko-gray-900)}.password-toggle{color:var(--gecko-gray-500)}.password-toggle:hover{background:var(--gecko-gray-100);color:var(--gecko-gray-700)}.btn-outline{color:var(--gecko-gray-700);border-color:var(--gecko-gray-300)}.btn-outline:hover:not(:disabled){background:var(--gecko-gray-50);border-color:var(--gecko-gray-400)}.session-info{background:var(--gecko-gray-50);border-color:var(--gecko-gray-200)}.session-info h4{color:var(--gecko-gray-900)}.confirm-box{background:var(--gecko-gray-50);border-color:var(--gecko-gray-200)}.confirm-message strong{color:var(--gecko-gray-900)}}@media (max-width: 768px){.account-settings-overlay{padding:0}.account-settings-modal{max-width:100%;max-height:100vh;border-radius:0}.settings-header{padding:var(--space-5)}.settings-header h2{font-size:var(--text-xl)}.settings-nav{padding:0 var(--space-5)}.nav-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.settings-content,.password-change-form{padding:var(--space-5)}.form-actions{flex-direction:column}.form-actions .btn,.session-actions .btn{width:100%}.confirm-actions{flex-direction:column}.confirm-actions .btn{width:100%}}@media (max-width: 480px){.settings-header{padding:var(--space-4)}.settings-header h2{font-size:var(--text-lg)}.settings-nav{padding:0 var(--space-4)}.nav-tab{padding:var(--space-2) var(--space-3)}.nav-tab svg{width:16px;height:16px}.settings-content{padding:var(--space-4)}.section-header h3{font-size:var(--text-base)}.password-change-form{padding:var(--space-4)}}.account-settings-modal *:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.account-settings-overlay,.account-settings-modal,.settings-section,.warning-box,.danger-box,.confirm-box{animation:none}.btn,.nav-tab,.form-input,.password-toggle,.close-button{transition:none}.spinner{animation:none}}@media (prefers-contrast: high){.form-input{border-width:2px}.form-input:focus{box-shadow:0 0 0 4px var(--gecko-primary)}.warning-box,.danger-box{border-width:2px}.nav-tab.active{border-bottom-width:4px}}.email-verification-banner{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:2px solid #f39c12;border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 6px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;gap:1rem}.banner-icon{font-size:2rem;flex-shrink:0}.banner-text{flex:1}.banner-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.banner-message{margin:0;font-size:.95rem;color:#34495e;line-height:1.5}.banner-message strong{color:#2c3e50;font-weight:600}.banner-actions{flex-shrink:0}.banner-actions .btn{white-space:nowrap;padding:.75rem 1.5rem;font-weight:600;background:#2c3e50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.banner-actions .btn:hover:not(:disabled){background:#34495e;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.banner-actions .btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.banner-actions .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.banner-content{flex-direction:column;text-align:center}.banner-actions,.banner-actions .btn{width:100%}}.vault-app{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);overflow:hidden}.vault-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:linear-gradient(180deg,#fffffffa,#f8fafcf2);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(226,232,240,.7);box-shadow:0 1px #ffffffe6 inset,0 4px 20px #0000000a;z-index:var(--z-sticky);gap:24px;animation:fadeInDown var(--duration-slow) var(--ease-out);position:relative}@media (prefers-color-scheme: dark){.vault-header{background:linear-gradient(180deg,#0f172afa,#0f172aeb);border-bottom-color:#94a3b814;box-shadow:0 1px #ffffff08 inset,0 4px 24px #0003}}.vault-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#3b82f6 15%,#60a5fa 35%,#3b82f6 50%,#60a5fa 65%,#3b82f6 85%,transparent 100%);opacity:.6}@media (prefers-color-scheme: dark){.vault-header:before{opacity:.4}}.vault-header-left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.vault-branding{display:inline-flex;align-items:center;gap:12px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding-right:20px;position:relative}.vault-branding:hover{transform:translateY(-1px)}.vault-logo-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;color:#fff;box-shadow:0 4px 14px #3b82f64d,0 2px 6px #3b82f626,inset 0 1px #fff3;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.vault-logo-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .25s ease}.vault-branding:hover .vault-logo-icon{box-shadow:0 8px 24px #3b82f659,0 4px 10px #3b82f633,inset 0 1px #ffffff40;transform:scale(1.05)}.vault-branding:hover .vault-logo-icon:before{opacity:1}.vault-brand-name{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.03em;color:#0f172a;white-space:nowrap}@media (prefers-color-scheme: dark){.vault-brand-name{color:#f1f5f9}}.vault-brand-accent{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vault-header-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(148,163,184,.2) 20%,rgba(148,163,184,.25) 50%,rgba(148,163,184,.2) 80%,transparent 100%);flex-shrink:0;margin:0 var(--space-2)}.vault-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.vault-header-right .btn{border-radius:12px;padding:10px 16px;font-size:13px;font-weight:500;letter-spacing:-.01em;box-shadow:0 1px 3px #0000000f;transition:all .2s cubic-bezier(.4,0,.2,1)}.vault-header-right .btn-secondary{background:linear-gradient(135deg,#f1f5f9e6,#e2e8f0b3);border:1px solid rgba(226,232,240,.8);color:#475569}@media (prefers-color-scheme: dark){.vault-header-right .btn-secondary{background:linear-gradient(135deg,#33415599,#1e293b80);border-color:#94a3b81a;color:#94a3b8}}.vault-header-right .btn-secondary:hover{background:linear-gradient(135deg,#3b82f61a,#60a5fa0d);border-color:#3b82f64d;color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f61f}@media (prefers-color-scheme: dark){.vault-header-right .btn-secondary:hover{background:linear-gradient(135deg,#3b82f626,#60a5fa14);border-color:#3b82f666;color:#60a5fa;box-shadow:0 6px 16px #3b82f626}}.vault-header-right .btn-danger{background:linear-gradient(135deg,#fee2e2cc,#fecaca99);border:1px solid rgba(239,68,68,.2);color:#dc2626}@media (prefers-color-scheme: dark){.vault-header-right .btn-danger{background:#ef44441a;border-color:#ef444433;color:#f87171}}.vault-header-right .btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.sync-status{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:.01em;transition:all .2s ease;white-space:nowrap}.sync-status-synced{background:linear-gradient(135deg,#10b9811f,#05966914);color:#059669;border:1px solid rgba(16,185,129,.2);box-shadow:0 2px 8px #10b98114}@media (prefers-color-scheme: dark){.sync-status-synced{color:#10b981;background:linear-gradient(135deg,#10b98126,#0596691a)}}.sync-status-syncing{background:linear-gradient(135deg,#3b82f61f,#2563eb14);color:#2563eb;border:1px solid rgba(59,130,246,.2);animation:pulse 2s var(--ease-in-out) infinite;box-shadow:0 2px 8px #3b82f614}@media (prefers-color-scheme: dark){.sync-status-syncing{color:#3b82f6;background:linear-gradient(135deg,#3b82f626,#2563eb1a)}}.sync-status-offline{background:linear-gradient(135deg,#f59e0b1f,#d9770614);color:#d97706;border:1px solid rgba(245,158,11,.2);box-shadow:0 2px 8px #f59e0b14}@media (prefers-color-scheme: dark){.sync-status-offline{color:#f59e0b}}.sync-status-error{background:linear-gradient(135deg,#ef44441f,#dc262614);color:#dc2626;border:1px solid rgba(239,68,68,.2);box-shadow:0 2px 8px #ef444414}@media (prefers-color-scheme: dark){.sync-status-error{color:#ef4444}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--gecko-primary);outline-offset:2px}.btn-primary{background:var(--gecko-primary);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:var(--gecko-primary-dark);box-shadow:0 4px 16px #2563eb59;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#33415580;border:1px solid rgba(148,163,184,.1);color:var(--text-secondary)}.btn-secondary:hover{background:#47556999;border-color:#94a3b833;color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-2)}.btn-ghost:hover{background:#33415580;color:var(--text-primary)}.btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-icon{padding:var(--space-2);aspect-ratio:1}.vault-main{flex:1;display:flex;height:calc(100vh - 56px);height:calc(100dvh - 56px);overflow:hidden;position:relative}.error-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);box-shadow:0 10px 40px #ef44444d;display:flex;align-items:center;gap:var(--space-3);z-index:var(--z-toast);max-width:400px;animation:slideInRight var(--duration-slow) var(--ease-spring)}.error-toast span{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug)}.error-toast button{background:#fff3;border:none;color:#fff;cursor:pointer;font-size:var(--text-base);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background var(--transition-fast);flex-shrink:0}.error-toast button:hover{background:#ffffff4d}.success-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);box-shadow:0 10px 40px #10b9814d;display:flex;align-items:center;gap:var(--space-3);z-index:var(--z-toast);max-width:400px;animation:slideInRight var(--duration-slow) var(--ease-spring)}.loading-overlay{position:fixed;inset:0;background:#020617e6;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);z-index:var(--z-modal);animation:fadeIn var(--duration-fast) var(--ease-out)}.loading-spinner{width:48px;height:48px;border:3px solid rgba(148,163,184,.1);border-top-color:var(--gecko-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-overlay p{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.modal-overlay{position:fixed;inset:0;background:#020617d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out)}.modal-content{background:var(--gecko-bg-dark);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-2xl);box-shadow:0 24px 48px #0000004d,0 0 0 1px #ffffff08,inset 0 1px #ffffff08;max-width:560px;width:100%;max-height:90vh;overflow:auto;animation:fadeInScale var(--duration-normal) var(--ease-spring)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(148,163,184,.08)}.modal-header h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{width:32px;height:32px;border:none;background:#33415580;border-radius:var(--radius-md);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:#47556999;color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid rgba(148,163,184,.08)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;color:var(--text-secondary);animation:fadeIn var(--duration-slow) var(--ease-out)}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--space-6);color:var(--text-muted);opacity:.6}.empty-state h3{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state p{margin:0 0 var(--space-6) 0;font-size:var(--text-sm);max-width:300px}.skeleton{background:linear-gradient(90deg,#3341554d 25%,#47556966,#3341554d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:16px;width:100%;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.divider{height:1px;background:#94a3b814;margin:var(--space-4) 0}.badge{display:inline-flex;align-items:center;padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.badge-success{background:#10b9811f;color:#10b981}.badge-warning{background:#f59e0b1f;color:#f59e0b}.badge-error{background:#ef44441f;color:#ef4444}.badge-info{background:#3b82f61f;color:#3b82f6}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:var(--space-1-5) var(--space-2-5);background:var(--gecko-bg-dark);border:1px solid rgba(148,163,184,.1);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip);box-shadow:0 8px 32px #0003}.tooltip:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#94a3b81a;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.tooltip:hover:after,.tooltip:hover:before{opacity:1;visibility:visible}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--gecko-gray-600) transparent}.scroll-area::-webkit-scrollbar{width:6px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:var(--gecko-gray-600);border-radius:var(--radius-full)}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--gecko-gray-500)}@media (max-width: 1024px){.vault-header{padding:var(--space-3) var(--space-4)}.vault-header-right{gap:var(--space-1)}.btn{padding:var(--space-2);font-size:var(--text-xs)}.btn span:not(.sr-only){display:none}.btn svg{margin:0}}@media (max-width: 768px){.vault-header{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.vault-header-left{order:2;width:100%;margin-top:var(--space-2)}.vault-header-right{order:1;width:100%;justify-content:flex-end}.vault-main{flex-direction:column;height:auto}.sync-status{display:none}.error-toast,.success-toast{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}.modal-content{max-height:85vh;margin:var(--space-4)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}}@media (max-width: 480px){.vault-header{padding:var(--space-2)}.btn{padding:var(--space-1-5) var(--space-2)}.btn-icon{padding:var(--space-1-5)}}@media (prefers-color-scheme: light){.btn-ghost:hover{background:#0000000a}.loading-overlay{background:#f8fafcf2}.modal-overlay{background:#00000080}.modal-content{background:#fff;border-color:#0000000f}}@media (prefers-contrast: high){.btn,.modal-content,.sync-status{border-width:2px}}@media print{.vault-header,.btn-danger,.sync-status,.loading-overlay,.error-toast{display:none!important}.vault-app,.vault-main{height:auto;overflow:visible}}#root{width:100%;height:100vh;margin:0;padding:0}.app-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--gecko-gray-900)}@media (prefers-color-scheme: light){.app-loading{background:linear-gradient(135deg,#f9fafb,#e5e7eb)}}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--gecko-gray-700);border-top-color:var(--gecko-primary);border-radius:50%;animation:spin .8s linear infinite}@media (prefers-color-scheme: light){.loading-spinner{border-color:var(--gecko-gray-300);border-top-color:var(--gecko-primary)}}.loading-container p{margin:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--gecko-gray-400)}@media (prefers-color-scheme: light){.loading-container p{color:var(--gecko-gray-600)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}