:root{--bg-base: #0a0a0b;--bg-surface: #111113;--bg-elevated: #18181b;--bg-hover: #1f1f23;--bg-active: #27272b;--bg-overlay-subtle: rgba(255, 255, 255, .03);--bg-overlay-medium: rgba(255, 255, 255, .06);--bg-overlay-strong: rgba(255, 255, 255, .1);--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-primary-active: #4f46e5;--accent-primary-muted: rgba(99, 102, 241, .15);--accent-primary-subtle: rgba(99, 102, 241, .08);--accent-primary-glow: 0 0 20px rgba(99, 102, 241, .4);--accent-primary-glow-subtle: 0 0 10px rgba(99, 102, 241, .2);--accent-primary-glow-intense: 0 0 30px rgba(99, 102, 241, .5);--accent-secondary: #22d3ee;--accent-secondary-hover: #67e8f9;--accent-secondary-muted: rgba(34, 211, 238, .15);--accent-secondary-glow: 0 0 20px rgba(34, 211, 238, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-primary-hover: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, transparent 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(99, 102, 241, .15) 0%, transparent 70%);--gradient-border: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(168, 85, 247, .5));--gradient-mesh: radial-gradient(at 40% 20%, rgba(99, 102, 241, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(139, 92, 246, .1) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(34, 211, 238, .08) 0px, transparent 50%);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-disabled: #52525b;--text-accent: #818cf8;--text-on-accent: #ffffff;--text-inverse: #18181b;--status-success: #10b981;--status-success-hover: #34d399;--status-success-muted: rgba(16, 185, 129, .15);--status-success-glow: 0 0 12px rgba(16, 185, 129, .4);--status-warning: #f59e0b;--status-warning-hover: #fbbf24;--status-warning-muted: rgba(245, 158, 11, .15);--status-warning-glow: 0 0 12px rgba(245, 158, 11, .4);--status-error: #f43f5e;--status-error-hover: #fb7185;--status-error-muted: rgba(244, 63, 94, .15);--status-error-glow: 0 0 12px rgba(244, 63, 94, .4);--status-info: #0ea5e9;--status-info-hover: #38bdf8;--status-info-muted: rgba(14, 165, 233, .15);--status-info-glow: 0 0 12px rgba(14, 165, 233, .4);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .15);--border-focus: var(--accent-primary);--border-accent: rgba(99, 102, 241, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--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-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .4);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .6), 0 12px 24px rgba(0, 0, 0, .4);--shadow-glow-primary: 0 0 20px rgba(99, 102, 241, .3), 0 0 40px rgba(99, 102, 241, .15);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-error: 0 0 20px rgba(244, 63, 94, .3);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--duration-fastest: 50ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .25s;--duration-slower: .35s;--duration-slowest: .5s;--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(.175, .885, .32, 1.275);--transition-colors: color var(--duration-fast) var(--ease-default), background-color var(--duration-fast) var(--ease-default), border-color var(--duration-fast) var(--ease-default);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-default);--transition-shadow: box-shadow var(--duration-normal) var(--ease-default);--transition-all: all var(--duration-normal) var(--ease-default);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-bottom-sheet-backdrop: 400;--z-bottom-sheet: 500;--z-modal-backdrop: 600;--z-modal: 700;--z-popover: 800;--z-tooltip: 900;--z-toast: 1000;--z-max: 9999;--card-bg: var(--bg-surface);--card-border: var(--border-subtle);--card-radius: var(--radius-xl);--card-padding: var(--space-5);--card-shadow: var(--shadow-md);--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-padding-sm: var(--space-2) var(--space-3);--btn-padding-md: var(--space-2-5) var(--space-4);--btn-padding-lg: var(--space-3) var(--space-6);--btn-radius: var(--radius-lg);--input-height: 40px;--input-padding: var(--space-3) var(--space-4);--input-bg: var(--bg-base);--input-border: var(--border-default);--input-radius: var(--radius-lg);--modal-bg: var(--bg-elevated);--modal-border: var(--border-default);--modal-radius: var(--radius-2xl);--modal-shadow: var(--shadow-2xl);--modal-backdrop: rgba(0, 0, 0, .75);--nav-height: 60px;--nav-item-radius: var(--radius-lg)}[data-theme=light]{--bg-base: #ffffff;--bg-surface: #fafafa;--bg-elevated: #ffffff;--bg-hover: #f4f4f5;--bg-active: #e4e4e7;--bg-overlay-subtle: rgba(0, 0, 0, .02);--bg-overlay-medium: rgba(0, 0, 0, .04);--bg-overlay-strong: rgba(0, 0, 0, .08);--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #a1a1aa;--text-disabled: #d4d4d8;--text-inverse: #fafafa;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--accent-primary-glow: 0 0 15px rgba(99, 102, 241, .25);--shadow-glow-primary: 0 4px 20px rgba(99, 102, 241, .2);--gradient-surface: linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, transparent 100%);--modal-backdrop: rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-base);min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--btn-height-md);padding:var(--btn-padding-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--btn-radius);cursor:pointer;transition:var(--transition-all);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--sm,.small-btn{min-height:var(--btn-height-sm);padding:var(--btn-padding-sm);font-size:var(--text-xs)}.btn--lg{min-height:var(--btn-height-lg);padding:var(--btn-padding-lg);font-size:var(--text-base)}.btn.primary-btn,.primary-btn{background:var(--gradient-primary);color:var(--text-on-accent);border:none;box-shadow:0 2px 8px #6366f140}.btn.primary-btn:hover:not(:disabled),.primary-btn:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-glow-primary)}.btn.primary-btn:active:not(:disabled),.primary-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #6366f133}.btn.secondary-btn,.secondary-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn.secondary-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.btn.secondary-btn:active:not(:disabled),.secondary-btn:active:not(:disabled){background:var(--bg-active)}.btn.text-btn,.text-btn{background:transparent;color:var(--accent-primary);border:none;padding:var(--space-2) var(--space-3);min-height:auto}.btn.text-btn:hover:not(:disabled),.text-btn:hover:not(:disabled){background:var(--accent-primary-subtle);color:var(--accent-primary-hover)}.btn.text-btn:active:not(:disabled),.text-btn:active:not(:disabled){background:var(--accent-primary-muted)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:auto;padding:0;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);-webkit-tap-highlight-color:transparent}.icon-btn:hover:not(:disabled){background:var(--bg-overlay-medium);color:var(--text-primary)}.icon-btn:active:not(:disabled){background:var(--bg-overlay-strong)}.icon-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.icon-btn--sm{width:32px;height:32px}.icon-btn--lg{width:48px;height:48px}.btn.danger-btn,.danger-btn{background:var(--status-error);color:var(--text-on-accent);border:none}.btn.danger-btn:hover:not(:disabled),.danger-btn:hover:not(:disabled){background:var(--status-error-hover);box-shadow:var(--shadow-glow-error)}.btn.danger-btn.secondary-btn,.danger-btn.secondary-btn{background:transparent;color:var(--status-error);border:1px solid var(--status-error)}.btn.danger-btn.secondary-btn:hover:not(:disabled),.danger-btn.secondary-btn:hover:not(:disabled){background:var(--status-error-muted);border-color:var(--status-error-hover);color:var(--status-error-hover);box-shadow:none}.btn.success-btn,.success-btn{background:var(--status-success);color:var(--text-on-accent);border:none}.btn.success-btn:hover:not(:disabled),.success-btn:hover:not(:disabled){background:var(--status-success-hover);box-shadow:var(--shadow-glow-success)}.close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;color:var(--text-tertiary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);font-size:var(--text-xl);line-height:1}.close-btn:hover{background:var(--bg-overlay-medium);color:var(--text-primary)}.close-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.floating-action-btn{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,24px));right:20px;width:56px;height:56px;padding:0;background:var(--gradient-primary);color:var(--text-on-accent);border:none;border-radius:var(--radius-full);box-shadow:0 4px 12px #6366f166,0 0 20px #6366f133;cursor:pointer;z-index:var(--z-fixed);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);-webkit-tap-highlight-color:transparent}.floating-action-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #6366f180,0 0 30px #6366f14d}.floating-action-btn:active{transform:scale(.95);box-shadow:0 2px 8px #6366f14d,0 0 12px #6366f126}.floating-action-btn svg{width:24px;height:24px}.btn-group{display:inline-flex;gap:var(--space-2)}.btn-group--vertical{flex-direction:column}.btn-group--full-width{width:100%}.btn-group--full-width .btn{flex:1}.btn-link{background:transparent;color:var(--accent-primary);border:none;padding:0;min-height:auto;font-weight:var(--font-normal);text-decoration:none;cursor:pointer}.btn-link:hover{color:var(--accent-primary-hover);text-decoration:underline}[data-theme=light] .btn.secondary-btn,[data-theme=light] .secondary-btn{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}[data-theme=light] .btn.secondary-btn:hover:not(:disabled),[data-theme=light] .secondary-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}[data-theme=light] .icon-btn{color:var(--text-secondary)}[data-theme=light] .icon-btn:hover:not(:disabled){background:var(--bg-overlay-medium);color:var(--text-primary)}[data-theme=light] .close-btn{color:var(--text-tertiary)}[data-theme=light] .close-btn:hover{background:var(--bg-overlay-medium);color:var(--text-primary)}@media(prefers-reduced-motion:reduce){.btn,.icon-btn,.close-btn,.floating-action-btn{transition:none}.btn.primary-btn:hover:not(:disabled),.primary-btn:hover:not(:disabled),.floating-action-btn:hover,.floating-action-btn:active{transform:none}}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{width:100%;min-height:var(--input-height);padding:var(--input-padding);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-radius);transition:var(--transition-all);outline:none}.input:hover,input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=url]:hover,textarea:hover,select:hover{border-color:var(--border-hover)}.input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle)}.input:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-overlay-subtle)}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary)}textarea{min-height:100px;resize:vertical}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-group .help-text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.form-group .form-error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--status-error)}.input--error,.form-group--error input,.form-group--error select,.form-group--error textarea{border-color:var(--status-error)}.input--error:focus,.form-group--error input:focus,.form-group--error select:focus,.form-group--error textarea:focus{border-color:var(--status-error);box-shadow:0 0 0 3px var(--status-error-muted)}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:auto;padding:0;margin:0;accent-color:var(--accent-primary);cursor:pointer}.checkbox-label,.radio-label{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input,.radio-label input{flex-shrink:0;margin-top:2px}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.form-actions--full-width .btn{flex:1}@media(max-width:480px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}[data-theme=light] .input,[data-theme=light] input[type=text],[data-theme=light] input[type=email],[data-theme=light] input[type=password],[data-theme=light] input[type=number],[data-theme=light] input[type=search],[data-theme=light] input[type=tel],[data-theme=light] input[type=url],[data-theme=light] textarea,[data-theme=light] select{background-color:var(--bg-base);border-color:var(--border-default);color:var(--text-primary)}[data-theme=light] .input::placeholder,[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-tertiary)}[data-theme=light] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:var(--card-shadow);transition:var(--transition-all)}.card:hover{border-color:var(--border-hover)}.card--interactive:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg),0 0 30px #6366f11a;cursor:pointer}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 0}.card__content{color:var(--text-secondary)}.card__footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge--primary{background:var(--accent-primary-muted);color:var(--accent-primary)}.badge--success{background:var(--status-success-muted);color:var(--status-success)}.badge--warning{background:var(--status-warning-muted);color:var(--status-warning)}.badge--error{background:var(--status-error-muted);color:var(--status-error)}.badge--info{background:var(--status-info-muted);color:var(--status-info)}.badge--neutral{background:var(--bg-overlay-medium);color:var(--text-secondary)}.badge--pro,.pro-badge{background:var(--gradient-primary);color:var(--text-on-accent);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.bg-base{background-color:var(--bg-base)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px var(--accent-primary)}.hover-glow:hover{box-shadow:var(--shadow-glow-primary)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-all{transition:var(--transition-all)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:var(--accent-primary-glow-subtle)}50%{box-shadow:var(--accent-primary-glow)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-spring)}.animate-slide-down{animation:slideDown var(--duration-slow) var(--ease-spring)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-base)}::selection{background-color:var(--accent-primary-muted);color:var(--text-primary)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: rgba(99, 102, 241, .08);--color-primary-100: rgba(99, 102, 241, .15);--color-primary-200: rgba(99, 102, 241, .25);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-primary-hover: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%);--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #18181b;--bg-hover: #1f1f23;--bg-active: #27272b;--bg-elevated: #18181b;--bg-overlay: rgba(255, 255, 255, .03);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverted: #18181b;--text-accent: #818cf8;--border-color: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .15);--border-focus: #6366f1;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .15);--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-warning-dark: #d97706;--color-error: #f43f5e;--color-error-light: rgba(244, 63, 94, .15);--color-error-dark: #dc2626;--color-info: #0ea5e9;--color-info-light: rgba(14, 165, 233, .15);--color-info-dark: #0284c7;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4), 0 4px 8px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 32px rgba(0, 0, 0, .5), 0 8px 16px rgba(0, 0, 0, .4);--shadow-2xl: 0 24px 48px rgba(0, 0, 0, .6), 0 12px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-subtle: 0 0 10px rgba(99, 102, 241, .2);--shadow-glow-intense: 0 0 30px rgba(99, 102, 241, .4);--focus-color: #6366f1;--focus-ring: 0 0 0 3px rgba(99, 102, 241, .4);--focus-ring-error: 0 0 0 3px rgba(244, 63, 94, .4);--progress-track-bg: rgba(255, 255, 255, .1);--progress-fill-bg: var(--gradient-primary);--card-bg: #111113;--card-bg-hover: #18181b;--card-border: rgba(255, 255, 255, .06);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg), 0 0 30px rgba(99, 102, 241, .1);--modal-bg: #18181b;--modal-overlay: rgba(0, 0, 0, .75);--modal-shadow: var(--shadow-2xl);--input-bg: #0a0a0b;--input-bg-hover: #111113;--input-border: rgba(255, 255, 255, .1);--input-border-hover: rgba(255, 255, 255, .15);--input-placeholder: #71717a;--input-focus-ring: 0 0 0 3px rgba(99, 102, 241, .15);--btn-primary-bg: var(--gradient-primary);--btn-primary-hover: var(--gradient-primary-hover);--btn-secondary-bg: rgba(255, 255, 255, .03);--btn-secondary-border: rgba(255, 255, 255, .1);--btn-secondary-hover-bg: rgba(255, 255, 255, .06);--toggle-bg: rgba(255, 255, 255, .1);--toggle-bg-active: var(--color-primary);--toggle-knob: #ffffff;--disabled-bg: rgba(255, 255, 255, .05);--disabled-text: #52525b;--disabled-opacity: .5;--nav-bg: #0a0a0b;--nav-border: rgba(255, 255, 255, .06);--nav-item-hover: rgba(255, 255, 255, .05);--nav-item-active-bg: rgba(99, 102, 241, .15);--nav-item-active-text: var(--color-primary-light);--badge-bg: rgba(99, 102, 241, .15);--badge-text: var(--color-primary-light);--badge-success-bg: rgba(16, 185, 129, .15);--badge-success-text: #34d399;--badge-warning-bg: rgba(245, 158, 11, .15);--badge-warning-text: #fbbf24;--badge-error-bg: rgba(244, 63, 94, .15);--badge-error-text: #fb7185;--tooltip-bg: #27272b;--tooltip-text: #fafafa;--tooltip-border: rgba(255, 255, 255, .1);--skeleton-bg: rgba(255, 255, 255, .05);--skeleton-highlight: rgba(255, 255, 255, .1);--divider-color: rgba(255, 255, 255, .06);--selection-bg: rgba(99, 102, 241, .3);--selection-text: #ffffff}[data-theme=light]{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f4f4f5;--bg-hover: #f4f4f5;--bg-active: #e4e4e7;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .02);--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--text-inverted: #fafafa;--text-accent: #6366f1;--border-color: rgba(0, 0, 0, .1);--border-subtle: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .15);--border-focus: #6366f1;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-glow: 0 4px 20px rgba(99, 102, 241, .2);--shadow-glow-subtle: 0 2px 10px rgba(99, 102, 241, .15);--shadow-glow-intense: 0 8px 30px rgba(99, 102, 241, .25);--focus-color: #6366f1;--focus-ring: 0 0 0 3px rgba(99, 102, 241, .3);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .3);--progress-track-bg: #e5e7eb;--card-bg: #ffffff;--card-bg-hover: #fafafa;--card-border: rgba(0, 0, 0, .06);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--modal-shadow: var(--shadow-2xl);--input-bg: #ffffff;--input-bg-hover: #fafafa;--input-border: rgba(0, 0, 0, .1);--input-border-hover: rgba(0, 0, 0, .15);--input-placeholder: #a1a1aa;--input-focus-ring: 0 0 0 3px rgba(99, 102, 241, .1);--btn-secondary-bg: #ffffff;--btn-secondary-border: rgba(0, 0, 0, .1);--btn-secondary-hover-bg: #fafafa;--toggle-bg: #d1d5db;--toggle-bg-active: var(--color-primary);--toggle-knob: #ffffff;--disabled-bg: #f3f4f6;--disabled-text: #9ca3af;--disabled-opacity: .6;--nav-bg: #ffffff;--nav-border: rgba(0, 0, 0, .06);--nav-item-hover: rgba(0, 0, 0, .04);--nav-item-active-bg: #eef2ff;--nav-item-active-text: var(--color-primary);--badge-bg: #eef2ff;--badge-text: var(--color-primary);--badge-success-bg: #d1fae5;--badge-success-text: #059669;--badge-warning-bg: #fef3c7;--badge-warning-text: #d97706;--badge-error-bg: #fee2e2;--badge-error-text: #dc2626;--tooltip-bg: #18181b;--tooltip-text: #fafafa;--tooltip-border: transparent;--skeleton-bg: #f3f4f6;--skeleton-highlight: #e5e7eb;--divider-color: rgba(0, 0, 0, .06);--selection-bg: rgba(99, 102, 241, .2);--selection-text: #18181b}@media(prefers-color-scheme:light){:root:not([data-theme]){--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f4f4f5;--bg-hover: #f4f4f5;--bg-active: #e4e4e7;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .02);--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--text-inverted: #fafafa;--text-accent: #6366f1;--border-color: rgba(0, 0, 0, .1);--border-subtle: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .06);--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--input-bg: #ffffff;--input-border: rgba(0, 0, 0, .1);--nav-bg: #ffffff}}@media(prefers-contrast:high){:root,:root[data-theme=dark]{--color-primary: #a5b4fc;--text-primary: #ffffff;--text-secondary: #e5e7eb;--border-color: #e5e7eb;--focus-ring: 0 0 0 4px rgba(165, 180, 252, .6)}[data-theme=light]{--color-primary: #4338ca;--text-primary: #000000;--text-secondary: #1f2937;--border-color: #1f2937;--focus-ring: 0 0 0 4px rgba(67, 56, 202, .5)}}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}::selection{background-color:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-primary)}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--primary-color:#5d4af7;--primary-light:#7c6af8;--primary-dark:#4938c9;--text-color:#2d3748;--text-secondary:#718096;--background-color:#fff;--secondary-background:#f8f9fa;--background-secondary:#f7fafc;--border-color:#e0e0e0;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--info-color:#17a2b8;--disabled-color:#f2f2f2;--disabled-text:#aaa;--card-background:#fff;--card-bg:#fff;--card-shadow:0 2px 5px #0000001a;--header-background:#fff;--progress-bar-background:#e9ecef;--toggle-bg:#ccc;--input-bg:#fff;--modal-overlay:#00000080;--notification-shadow:0 4px 12px #0000001a}[data-theme=dark]{--primary-color:#6e5bff;--primary-light:#8677ff;--primary-dark:#4e3de6;--text-color:#e0e0e0;--text-secondary:#a0a0a0;--background-color:#1f2028;--secondary-background:#2a2b36;--background-secondary:#1e1e1e;--border-color:#2a2a2a;--success-color:#3dd772;--warning-color:#fc3;--danger-color:#ff4d4d;--info-color:#4dc6e6;--disabled-color:#2a2b36;--disabled-text:#666;--card-background:#2a2b36;--card-bg:#1e1e1e;--card-shadow:0 2px 5px #0000004d;--header-background:#2a2b36;--progress-bar-background:#3a3c4a;--toggle-bg:#444;--input-bg:#2a2a2a;--modal-overlay:#000000b3;--notification-shadow:0 4px 12px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s ease,color .3s ease}a{color:#5d4af7;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.securimail-app{display:flex;flex-direction:column;min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.app-section{display:flex;flex-direction:column}.section{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--card-shadow);margin-bottom:20px;padding:20px}header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:20px;min-height:env(safe-area-inset-top);padding:15px 0}.logo,header{align-items:center;display:flex}.logo h1{color:#333;color:var(--text-color);font-size:20px;font-weight:600}.user-info span{color:#666;color:var(--text-secondary);font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-block;padding:10px 16px}.primary-btn{background-color:#5d4af7}.primary-btn:hover{background-color:#7c6af8}.secondary-btn{background-color:#f8f8f8;border:1px solid #e0e0e0;color:#333}.secondary-btn:hover{background-color:#f8f9fa}.small-btn{font-size:12px}.icon-btn{color:#666;padding:5px;transition:color .2s ease}.icon-btn:hover{color:#5d4af7;color:var(--primary-color)}.close-btn{color:#666;font-size:20px}.btn:disabled,.btn[disabled]{background-color:#f2f2f2;background-color:var(--disabled-color);color:#aaa;color:var(--disabled-text);cursor:not-allowed}.btn:hover{opacity:.9}.btn:active{transform:translateY(1px)}.danger-btn{background-color:var(--danger-color)}.danger-btn:hover{background-color:#c82333}.tabs{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;margin-bottom:16px;width:100%}.tab-btn{background-color:#f8f8f8;background-color:var(--background-secondary);border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:#666;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;margin:0 2px;padding:12px 8px;text-align:center;transition:all .2s ease}.tab-btn:hover{background-color:#5d4af714;color:#5d4af7;color:var(--primary-color)}.tab-btn.active{background-color:#5d4af7;background-color:var(--primary-color);border-bottom-color:#5d4af7;border-bottom-color:var(--primary-color);color:#fff;font-weight:600}.tab-content{padding:8px 0}.tab-header{margin-bottom:16px}.form-group label{color:#333}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #e0e0e0;color:#333;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#5d4af7}.help-text{color:#666}.checkbox-label input[type=checkbox]{accent-color:#5d4af7}.form-error{color:#dc3545}.modal{background-color:#00000080}.modal-content{margin-bottom:env(safe-area-inset-bottom)}.modal-header{border-bottom:1px solid #e0e0e0}.modal-header h3{color:#333}.loading-spinner{border-top:3px solid var(--primary-color);display:inline-block;height:30px;margin:0 auto;width:30px}.loading-overlay{align-items:center;background-color:#00000080;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loader-container{padding:20px}.loading-container{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.error-message{color:#dc3545;margin-top:10px}.error-state{color:#dc3545;color:var(--error-color);padding:20px;text-align:center}.notification{align-items:center;animation:slideIn .3s ease-out forwards;background-color:#fff;background-color:var(--card-bg);border-left:4px solid #5d4af7;border-left:4px solid var(--primary-color);border-radius:4px;bottom:20px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--notification-shadow);display:flex;justify-content:space-between;max-width:400px;min-width:300px;padding:12px 16px;position:fixed;right:20px;z-index:900}.notification.success{border-left-color:#28a745;border-left-color:var(--success-color)}.notification.error{border-left-color:#dc3545;border-left-color:var(--error-color)}.notification.warning{border-left-color:#ffc107;border-left-color:var(--warning-color)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-text{color:#333;color:var(--text-color);flex-grow:1;padding-right:10px}.empty-state{color:var(--text-secondary)}.empty-state p{margin-bottom:16px}.theme-switch-wrapper{align-items:center;background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;margin-bottom:16px;padding:16px}.theme-switch-wrapper span{color:#333;color:var(--text-color);font-size:14px;margin:0 8px}.theme-switch-wrapper .icon-dark,.theme-switch-wrapper .icon-light{color:#666;color:var(--text-secondary)}.theme-switch{display:inline-block;height:30px;margin:0 10px;position:relative;width:56px}.theme-switch input{height:0;opacity:0;width:0}.theme-slider{background-color:#ccc;background-color:var(--toggle-bg);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.theme-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}input:checked+.theme-slider{background-color:#5d4af7;background-color:var(--primary-color)}input:checked+.theme-slider:before{transform:translate(11px)}.progress-bar{background-color:#5d4af7;background-color:var(--primary-color);border-radius:4px;height:100%;transition:width .5s ease}.hidden{display:none!important}.auth-layout{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:env(safe-area-inset-top) 20px 20px}.auth-container{background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:var(--card-shadow);max-width:400px;padding:30px;width:100%}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.auth-logo img{height:48px;margin-right:10px;width:48px}.auth-logo h1{color:#5d4af7;color:var(--primary-color);font-size:24px;font-weight:700}.auth-content{margin-bottom:30px;margin-top:5vh}.auth-footer{color:#666;color:var(--text-secondary);font-size:12px;margin-top:20px;text-align:center}.masks-container{gap:12px}.mask-card{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:box-shadow .2s,transform .1s}.mask-card:hover{box-shadow:0 4px 12px #5d4af71a;transform:translateY(-1px)}.mask-description{color:#333}.mask-email{margin-bottom:10px}.mask-address{color:#5d4af7;color:var(--primary-color);flex-grow:1}.copy-btn{color:#666}.copy-btn:hover{color:#5d4af7;color:var(--primary-color)}.mask-details{font-size:13px;margin-bottom:12px}.mask-detail{margin-bottom:4px}.detail-label{color:#666;flex-shrink:0;width:80px}.detail-value{color:#333}.mask-stats{border-top:1px solid #e0e0e0;justify-content:space-between;padding-top:10px}.mask-toggle{height:22px;width:44px}.toggle-slider{background-color:#ccc;border-radius:34px}.toggle-slider:before{height:18px;width:18px}input:checked+.toggle-slider{background-color:#5d4af7}input:checked+.toggle-slider:before{transform:translate(22px)}.rule-card{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:box-shadow .2s,transform .1s}.rule-card:hover{box-shadow:0 4px 12px #5d4af71a;transform:translateY(-1px)}.rule-card.disabled{opacity:.7}.rule-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.rule-info{flex:1 1}.rule-name{color:#333;color:var(--text-color);font-size:16px;font-weight:600;margin:0 0 4px}.rule-type-badge{background-color:#5d4af71a;border-radius:12px;color:#5d4af7;color:var(--primary-color);display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.rule-details{margin-top:10px}.rule-detail{font-size:13px;margin-bottom:8px}.edit-rule-btn,.rule-detail{color:#666;color:var(--text-secondary)}.edit-rule-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:4px}.edit-rule-btn:hover{color:#5d4af7;color:var(--primary-color)}.mask-selector-container{margin:16px 0}.mask-selector{background-color:#fff;background-color:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-color);font-size:14px;padding:10px;width:100%}.templates-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.template-card{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;padding:12px;transition:box-shadow .2s,transform .1s;width:calc(50% - 6px)}.template-card:hover{box-shadow:0 4px 12px #5d4af71a;transform:translateY(-1px)}.template-icon svg{color:#5d4af7;color:var(--primary-color)}.template-details{flex:1 1;margin-bottom:12px}.template-name{color:#333;color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 4px}.template-description{color:#666;color:var(--text-secondary);font-size:12px;margin:0}.action-item,.condition-item{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;margin-bottom:12px;padding:12px}.action-header,.condition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.action-title,.condition-title{color:#333;color:var(--text-color);font-weight:500}.remove-action-btn,.remove-condition-btn{background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;padding:4px}.remove-action-btn:hover,.remove-condition-btn:hover{color:var(--danger-color)}.ai-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:16px}.ai-card-header h3{font-size:16px;font-weight:600;margin:0}.categories-chart{margin-top:16px}.categories-bars{display:flex;flex-direction:column;gap:12px;margin-top:12px}.category-item{margin-bottom:10px}.category-color{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.category-bar-container{align-items:center;display:flex;width:100%}.category-bar{background-color:#5d4af7;background-color:var(--primary-color);border-radius:4px;flex-grow:1;height:8px;margin-right:8px;transition:width .3s ease}.category-count{color:#666;color:var(--text-secondary);min-width:30px;text-align:right}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px;text-align:center}.stat-card h3{color:#666;color:var(--text-secondary);font-size:14px;font-weight:600;margin-bottom:8px}.stat-value{color:var(--primary-color);font-size:20px;margin-bottom:10px}.stat-progress{background-color:#5d4af71a;border-radius:3px;height:6px;margin:8px 0}.stat-limit{color:#666;color:var(--text-secondary);font-size:12px}.stats-detail{background-color:#f8f8f8;background-color:var(--background-secondary);border-radius:8px;margin-top:20px;padding:16px}.stats-cell{flex:1 1;text-align:center}.stats-cell h4{color:#666;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px}.detail-value{color:#5d4af7;color:var(--primary-color);font-size:20px;font-weight:600}#suggestions-section{margin-bottom:30px;margin-top:20px}.suggestion-card{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:14px;transition:transform .2s,box-shadow .2s,background-color .3s}.suggestion-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.suggestion-text{flex:1 1}.suggestion-text h4{color:#333;color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 4px}.suggestion-text p{color:#666;color:var(--text-secondary);font-size:13px;margin:0}.suggestion-actions{display:flex;gap:8px;justify-content:flex-end}.empty-suggestions{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px dashed #e0e0e0;border:1px dashed var(--border-color);border-radius:8px;color:#666;color:var(--text-secondary);font-size:14px;padding:20px;text-align:center}.security-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:12px;padding:16px}.security-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.security-header h4{font-size:16px;font-weight:600;margin:0}.status-indicator{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.status-indicator.active .status-dot{background-color:#28a745;background-color:var(--success-color)}.status-indicator.inactive .status-dot{background-color:#666;background-color:var(--text-secondary)}.status-dot{border-radius:50%;height:8px;margin-right:6px;width:8px}.plan-info{background-color:#fff;background-color:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:16px}.current-plan{margin-bottom:16px}.plan-badge{background-color:#5d4af7;background-color:var(--primary-color);border-radius:4px;box-shadow:0 2px 4px #5d4af733;font-size:12px;padding:4px 8px;text-transform:capitalize}.plan-details{margin-bottom:24px}.plan-feature{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.feature-label{color:var(--text-secondary)}.feature-value{color:var(--text-color);font-size:14px;font-weight:500}.securiscore-section{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);margin-top:24px}.score-container{align-items:center}.circular-chart{margin:0 auto;max-width:100%}.circle,.circle-bg{stroke-width:3}.circle{stroke:var(--primary-color);animation:progress 1s ease-out forwards}.score-text{fill:#5d4af7;fill:var(--primary-color);dominant-baseline:middle;font-size:12px;font-weight:600}@keyframes progress{0%{stroke-dasharray:0,100}}.score-details p{color:#666;color:var(--text-secondary);font-size:14px;margin-bottom:12px}.score-improvements h4{font-size:14px;font-weight:500}.score-improvements li{color:#666;color:var(--text-secondary);font-size:13px;margin-bottom:6px;padding-left:20px;position:relative}.score-improvements li:before{color:#5d4af7;color:var(--primary-color);content:"→";left:0;position:absolute}.account-details{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid var(--border-color)}.info-label{color:var(--text-secondary)}.info-value{color:var(--text-color)}.twofa-setup{background-color:#f8f8f8;background-color:var(--background-secondary);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:16px}.manual-key{background-color:#fff;background-color:var(--background-color);border-radius:4px;margin-bottom:20px;padding:10px;text-align:center}.manual-key code{color:#333;color:var(--text-color);font-family:monospace;word-break:break-all}.twofa-actions{display:flex;justify-content:space-between;margin-top:20px}.mask-options-dropdown{background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 10px #0000001a;right:10px;top:40px}.mask-options-dropdown button{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#333;display:block;padding:8px 12px}.mask-options-dropdown button:last-child{border-bottom:none}.mask-options-dropdown button:hover{background-color:#f8f8f8}@media(max-width:400px){.ai-insights-grid,.stats-grid{grid-template-columns:1fr}.stats-row{flex-direction:column;gap:16px}.tab-btn{font-size:13px;padding:10px 4px}.template-card{width:100%}.form-row{flex-direction:column;gap:12px}.score-container{align-items:center;flex-direction:column}}[data-theme=dark] .refresh-btn{background-color:#333;border-color:#444;color:#e0e0e0}[data-theme=dark] .refresh-btn:hover{background-color:#444;border-color:#555}[data-theme=dark] .refresh-btn:active{background-color:#2a2a2a}.mask-selector label{font-size:14px;font-weight:500}.mask-selector select{background-color:#1e1e1e;border:1px solid #333;color:#e0e0e0}[data-theme=light] .mask-selector select{background-color:#fff;border-color:#ddd;color:#333}.error-message{background-color:#dc35451a;color:var(--error-color);margin-bottom:16px;padding:8px 12px}.form-actions{justify-content:space-between}.danger-btn{background-color:var(--error-color);color:#fff}.danger-btn:hover{background-color:#bd2130}@media(max-width:480px){.form-actions{flex-direction:column}.form-actions button{width:100%}.form-actions{display:flex;flex-direction:column-reverse}}.mask-card{background-color:var(--card-bg);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px;position:relative;transition:all .2s ease;width:100%}.mask-card.disabled{opacity:.7}.mask-description{color:var(--text-color);font-size:16px;font-weight:600;margin:0;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mask-actions{gap:8px;position:relative}.icon-btn,.mask-actions{align-items:center;display:flex}.icon-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:4px}.icon-btn:hover{background-color:var(--background-secondary)}.mask-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--disabled-color);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(16px)}.mask-email{align-items:center;background-color:var(--background-secondary);border-radius:6px;cursor:pointer;display:flex;margin-bottom:12px;overflow:hidden;padding:8px 12px;position:relative}.mask-address{color:var(--text-color);flex:1 1;font-family:monospace;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px}.mask-details{font-size:14px;gap:6px;margin-bottom:16px}.mask-detail,.mask-details{display:flex;flex-direction:column}@media(min-width:768px){.mask-detail{align-items:center;flex-direction:row}}.detail-label{color:var(--text-secondary);font-weight:500;margin-right:8px;min-width:100px}.detail-value{color:var(--text-color);word-break:break-word}.mask-stats{border-top:1px solid var(--border-color);display:flex;padding-top:12px}.stat{flex:1 1;text-align:center}.stat-value{color:var(--text-color);font-size:18px;font-weight:600}.stat-label{color:var(--text-secondary);font-size:12px;margin-top:2px}.mask-options-dropdown{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.mask-options-dropdown button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;width:100%}.mask-options-dropdown button:hover{background-color:var(--background-secondary)}.mask-options-dropdown button:last-child{color:var(--error-color)}@media(max-width:767px){.mask-card{padding:12px}.mask-description{font-size:15px;max-width:calc(100% - 70px)}.mask-email{padding:6px 10px}.mask-address,.mask-details{font-size:13px}.mask-details{margin-bottom:12px}.detail-label{margin-bottom:2px;min-width:auto}.stat-value{font-size:16px}.stat-label{font-size:11px}}.masks-container{display:flex;flex-direction:column;gap:16px;padding:0 12px;width:100%}.empty-state{background-color:var(--card-bg);border-radius:12px;margin:20px 0;padding:40px 20px}.empty-state p{color:var(--text-secondary);margin:10px 0}.empty-state p:first-child{color:var(--text-color);font-size:16px;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px;margin-top:20px}.pagination-btn{background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:14px;padding:6px 12px}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:14px}.modal{align-items:center;background-color:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--card-bg);border-radius:12px;max-width:500px;overflow-y:auto;width:95%}@media(max-width:380px){.modal-content{border-radius:0;height:100%;max-height:100vh;width:100%}}.modal-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:16px}.modal-header h3{color:var(--text-color)}.close-btn{color:var(--text-secondary);height:36px;line-height:1;padding:0;width:36px}.modal-body{padding:16px}.form-group label{color:var(--text-color);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:16px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.help-text{color:var(--text-secondary)}.checkbox-group{display:flex;flex-direction:column}.checkbox-label{align-items:flex-start;padding:2px 0}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color);margin-right:10px;margin-top:2px;min-height:16px;min-width:16px;width:auto}.form-error{background-color:#dc35451a;border-radius:4px;color:var(--error-color);font-size:14px;margin-top:10px;padding:8px 12px}.form-actions{background-color:var(--card-bg);border-top:1px solid var(--border-color);bottom:0;justify-content:flex-end;padding-bottom:5px;padding-top:10px;position:sticky}.btn{border:none;min-width:120px;padding:12px 16px;text-align:center;transition:background-color .2s ease,opacity .2s ease,transform .1s}.secondary-btn{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-color)}.secondary-btn:hover{background-color:var(--secondary-background)}.btn:disabled{cursor:not-allowed;opacity:.6}.pro-badge{background-color:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-size:10px;font-weight:600;margin-left:8px;padding:2px 6px;vertical-align:middle}.template-selected-status{margin-bottom:16px;margin-top:16px}@media(max-width:480px){.form-actions{flex-direction:column}.form-actions button{width:100%}}.tab-content{display:flex;flex-direction:column;padding:16px 0;width:100%}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 16px}@media(max-width:480px){.tab-header{align-items:flex-start;flex-direction:column;gap:12px}.tab-header h2{margin:0}.tab-header button{width:100%}}.tab-header h2{color:var(--text-color);font-size:20px;font-weight:600;margin:0}.primary-btn{background-color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.masks-list{padding-bottom:20px;width:100%}.search-box{margin-bottom:12px;position:relative}.search-box input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;padding:8px 12px 8px 36px;width:100%}.search-icon{color:var(--text-secondary);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.filter-options{-webkit-overflow-scrolling:touch;display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.filter-chip{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-color);cursor:pointer;font-size:12px;padding:4px 12px;white-space:nowrap}.filter-chip.active{border-color:var(--primary-color)}.filter-chip.active,.floating-action-btn{background-color:var(--primary-color);color:#fff}.floating-action-btn{align-items:center;border:none;border-radius:28px;bottom:20px;box-shadow:0 4px 10px #0003;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s ease;width:56px;z-index:100}.floating-action-btn:active{transform:scale(.95)}.floating-action-btn svg{height:24px;width:24px}@media(min-width:768px){.floating-action-btn{display:none}}.suggestions-header{justify-content:space-between;margin-bottom:16px}.insights-filter,.suggestions-header{align-items:center;display:flex}.filter-selector{background-color:#f5f5f5;border-radius:6px;display:flex;padding:2px}[data-theme=dark] .filter-selector{background-color:#2a2a2a}.filter-option{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}[data-theme=dark] .filter-option{color:#aaa}.filter-option.active{background-color:#fff;box-shadow:0 1px 3px #0000001a;color:#5d4af7;font-weight:500}[data-theme=dark] .filter-option.active{background-color:#333;color:#6e5bff}.filter-option:hover:not(.active){background-color:#ffffff80;color:#555}[data-theme=dark] .filter-option:hover:not(.active){background-color:#3a3a3a;color:#ddd}.suggestion-status{border-radius:10px;display:inline-block;font-size:12px;font-weight:500;margin-top:4px;padding:2px 8px}.suggestion-status.applied{background-color:#e0f2f1;color:#00897b}@media(max-width:600px){.suggestions-header{align-items:flex-start;flex-direction:column;gap:12px}.insights-filter{width:100%}.filter-selector{justify-content:space-between;width:100%}.filter-option{flex:1 1;font-size:13px;padding:6px 8px;text-align:center}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%;z-index:9001}[data-theme=dark] .modal-content{background-color:#1e293b;color:#e2e8f0}.modal-header{align-items:center;background-color:inherit;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:10}[data-theme=dark] .modal-header{border-bottom:1px solid #334155}.modal-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}[data-theme=dark] .modal-header h3{color:#e2e8f0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;width:32px;z-index:11}.close-btn:hover{background-color:#f1f5f9;color:#0f172a}[data-theme=dark] .close-btn:hover{background-color:#334155;color:#f1f5f9}.modal-body{flex-grow:1;overflow-y:auto;padding:20px}#rule-form{display:flex;flex-direction:column;gap:16px;position:relative}.form-group{margin-bottom:16px;position:relative;z-index:1}.form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:6px}[data-theme=dark] .form-group label{color:#cbd5e1}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#0f172a;font-size:14px;padding:10px 12px;position:relative;transition:border-color .2s,box-shadow .2s;width:100%;z-index:2}[data-theme=dark] .form-group input[type=email],[data-theme=dark] .form-group input[type=number],[data-theme=dark] .form-group input[type=text],[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background-color:#1e293b;border-color:#475569;color:#e2e8f0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none;z-index:3}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:8px;position:relative;z-index:2}.rule-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px;position:relative;z-index:1}[data-theme=dark] .rule-section{background-color:#0f172a;border-color:#334155}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;position:relative;z-index:2}.section-header h4{color:#334155;font-size:16px;font-weight:600;margin:0}[data-theme=dark] .section-header h4{color:#cbd5e1}.btn{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;position:relative;transition:background-color .2s,color .2s,border-color .2s;z-index:10}.small-btn{font-size:13px;padding:6px 12px}.primary-btn{background-color:#3b82f6;border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;font-weight:600;min-width:120px;padding:10px 24px;position:relative;text-align:center}.primary-btn:hover{background-color:#2563eb;box-shadow:0 2px 4px #0003}.primary-btn:disabled{background-color:#93c5fd;box-shadow:none;cursor:not-allowed}.secondary-btn{background-color:#fff;border:1px solid #cbd5e1;color:#334155;min-width:120px;padding:10px 24px;text-align:center}.secondary-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}[data-theme=dark] .secondary-btn{background-color:#1e293b;border-color:#475569;color:#cbd5e1}[data-theme=dark] .secondary-btn:hover{background-color:#334155;border-color:#64748b}.secondary-btn:disabled{cursor:not-allowed;opacity:.6}.btn.primary-btn[type=submit]{box-shadow:0 1px 3px #0000001a;padding:10px 20px}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:16px 0;position:relative}[data-theme=dark] .form-actions{border-top-color:#334155}.no-actions-message,.no-conditions-message{border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;font-style:italic;padding:20px;text-align:center}[data-theme=dark] .no-actions-message,[data-theme=dark] .no-conditions-message{border-color:#475569;color:#94a3b8}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;font-size:14px;margin-top:16px;padding:10px 12px;z-index:5}[data-theme=dark] .error-message{background-color:#ef444433;border-color:#ef444466}.loader-container{align-items:center;display:flex;justify-content:center;padding:40px 0}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.sync-status-banner{align-items:center;background-color:#f0f9ff;border-bottom:1px solid #e0f2fe;display:flex;flex-shrink:0;font-size:14px;padding:10px 16px;position:relative;z-index:5}.sync-message{color:#0f172a;flex:1 1}[data-theme=dark] .sync-message{color:#e2e8f0}.sync-now-btn{background-color:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px;z-index:10}.sync-now-btn:hover,[data-theme=dark] .sync-now-btn{background-color:#0284c7}[data-theme=dark] .sync-now-btn:hover{background-color:#0369a1}.action-item,.action-item-override{background-color:#f8fafc;background-color:var(--background-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;isolation:isolate;margin-bottom:16px;overflow:visible!important;padding:16px;position:relative;z-index:20}[data-theme=dark] .action-item,[data-theme=dark] .action-item-override{background-color:#0f172a;border-color:#334155}.action-header,.action-header-override{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:16px;position:relative;z-index:2}.action-title{color:#334155;color:var(--text-color,#334155);font-size:16px;font-weight:600}[data-theme=dark] .action-title{color:#e2e8f0}.button-override,.remove-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:4px;position:relative;width:24px;z-index:100}.button-override:hover,.remove-action-btn:hover{background-color:#0000000d;background-color:var(--hover-color,#0000000d);color:#dc3545;color:var(--danger-color,#dc3545)}[data-theme=dark] .button-override:hover,[data-theme=dark] .remove-action-btn:hover{background-color:#ffffff0d;color:#ef4444}.action-content,.action-content-override{display:flex;flex-direction:column;gap:16px;position:relative;z-index:30}.action-params-container,.action-params-override{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;flex-direction:column;gap:12px;isolation:isolate;margin-top:16px;padding-top:16px;position:relative;z-index:50}[data-theme=dark] .action-params-container,[data-theme=dark] .action-params-override{border-top-color:#334155}.action-checkbox,.action-input,.action-select,.action-textarea,.action-type-select,.checkbox-override,.input-override,.select-override,.textarea-override{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:4px;color:#334155;color:var(--text-color,#334155);cursor:pointer!important;display:inline-block!important;font-size:14px;margin-bottom:8px;opacity:1!important;padding:8px 12px;pointer-events:auto!important;position:relative!important;transition:border-color .2s,box-shadow .2s;visibility:visible!important;width:100%;z-index:999!important}[data-theme=dark] .action-checkbox,[data-theme=dark] .action-input,[data-theme=dark] .action-select,[data-theme=dark] .action-textarea,[data-theme=dark] .action-type-select,[data-theme=dark] .checkbox-override,[data-theme=dark] .input-override,[data-theme=dark] .select-override,[data-theme=dark] .textarea-override{background-color:#1e293b;border-color:#475569;color:#e2e8f0}.action-checkbox:focus,.action-input:focus,.action-select:focus,.action-textarea:focus,.action-type-select:focus,.checkbox-override:focus,.input-override:focus,.select-override:focus,.textarea-override:focus{border-color:#3b82f6!important;border-color:var(--focus-color,#3b82f6)!important;box-shadow:0 0 0 3px #3b82f633!important;box-shadow:0 0 0 3px var(--focus-shadow,#3b82f633)!important;outline:2px solid #3b82f6!important;outline:2px solid var(--focus-color,#3b82f6)!important;outline-offset:2px!important;z-index:200!important}.action-textarea,.textarea-override{min-height:100px!important;resize:vertical!important}.select-override{appearance:auto!important;-webkit-appearance:menulist!important;-moz-appearance:menulist!important;display:block!important;height:auto!important;min-height:38px!important;padding:8px 12px!important}.checkbox-label input[type=checkbox],input[type=checkbox].checkbox-override{cursor:pointer;display:inline-block!important;height:auto!important;margin-right:8px;min-height:auto!important;position:relative;width:auto!important;z-index:101!important}[data-theme=dark] input[type=checkbox]{accent-color:#3b82f6}.condition-item{background-color:#f8fafc;background-color:var(--background-tertiary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;isolation:isolate;margin-bottom:12px;padding:16px;position:relative;z-index:1}[data-theme=dark] .condition-item{background-color:#0f172a;border-color:#334155}.condition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;position:relative;z-index:2}.condition-title{color:#334155;color:var(--text-color,#334155);font-size:16px;font-weight:600}[data-theme=dark] .condition-title{color:#e2e8f0}.remove-condition-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;justify-content:center;padding:4px;position:relative;z-index:5}.remove-condition-btn:hover{background-color:#0000000d;background-color:var(--hover-color,#0000000d);color:#dc3545;color:var(--danger-color,#dc3545)}[data-theme=dark] .remove-condition-btn:hover{background-color:#ffffff0d;color:#ef4444}.condition-content{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.condition-field,.condition-operator,.condition-value,.time-input input{background-color:#fff;background-color:var(--input-bg,#fff);border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:4px;color:#334155;color:var(--text-color,#334155);font-size:14px;padding:8px 12px;position:relative;transition:border-color .2s,box-shadow .2s;width:100%;z-index:10}[data-theme=dark] .condition-field,[data-theme=dark] .condition-operator,[data-theme=dark] .condition-value,[data-theme=dark] .time-input input{background-color:#1e293b;border-color:#475569;color:#e2e8f0}.condition-field:focus,.condition-operator:focus,.condition-value:focus,.time-input input:focus{border-color:#3b82f6;border-color:var(--focus-color,#3b82f6);box-shadow:0 0 0 3px #3b82f633;box-shadow:0 0 0 3px var(--focus-shadow,#3b82f633);outline:none;z-index:200}.time-input{flex:1 1}.time-input label{color:#334155;color:var(--text-color,#334155);display:block;font-size:14px;margin-bottom:6px}[data-theme=dark] .time-input label{color:#cbd5e1}.help-text{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;margin-top:4px}[data-theme=dark] .help-text{color:#94a3b8}.condition-value-container{position:relative;z-index:2}.condition-operator:disabled,.condition-value:disabled,.time-input input:disabled{background-color:#0000000d;background-color:var(--hover-color,#0000000d);cursor:not-allowed;opacity:.7}[data-theme=dark] .condition-operator:disabled,[data-theme=dark] .condition-value:disabled,[data-theme=dark] .time-input input:disabled{background-color:#ffffff0d}.action-content *,.action-content-override *,.action-item *,.action-item-override *,.action-params-container *,.action-params-override *,.condition-item *,.form-group *,button,input,select,textarea{opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;z-index:5!important}.action-item-override,.action-item-override *,.form-group,.form-group *{visibility:visible!important}.action-item button,.action-item input,.action-item select,.action-item textarea,.action-item-override button,.action-item-override input,.action-item-override select,.action-item-override textarea,.condition-item button,.condition-item input,.condition-item select{pointer-events:auto!important;position:relative!important;z-index:100!important}.action-item-override *{animation:none!important;transition:none!important}.action-item-override:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@supports (-webkit-overflow-scrolling:touch){input,select,textarea{-webkit-appearance:none!important;border-radius:4px!important}select.action-select,select.condition-field,select.condition-operator,select.select-override{-webkit-appearance:menulist!important}}.actions-container,.conditions-container{position:relative;z-index:1}@media(max-width:640px){.modal-content{border-radius:6px;max-height:95vh;width:95%}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.section-header button{width:100%}.form-actions{flex-direction:column}.form-actions button{flex:0 0 auto}}.form-actions.scrolled{border-top-color:#e2e8f0;bottom:auto;box-shadow:none;position:relative}[data-theme=dark] .form-actions.scrolled{border-top-color:#334155}.insight-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:24px}[data-theme=dark] .insight-card{background-color:#1e1e1e;box-shadow:0 2px 6px #00000029}.card-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:16px}[data-theme=dark] .card-header{border-bottom:1px solid #ffffff1a}.card-header h3{color:#333;font-size:18px;font-weight:600;margin:0}[data-theme=dark] .card-header h3{color:#e0e0e0}.card-content{padding:16px}.empty-state{color:#666;padding:32px 16px;text-align:center}[data-theme=dark] .empty-state{color:#a0a0a0}.stat-item{text-align:center}.stat-value{color:#5d4af7;display:block;font-size:28px;font-weight:700;margin-bottom:4px}[data-theme=dark] .stat-value{color:#6e5bff}.stat-label{color:#666;font-size:14px}[data-theme=dark] .stat-label{color:#a0a0a0}.card-content h4{color:#333;font-weight:600;margin:24px 0 12px}[data-theme=dark] .card-content h4{color:#e0e0e0}.card-content h5{color:#444;font-size:14px;font-weight:600;margin:12px 0 8px}[data-theme=dark] .card-content h5{color:silver}.action-bar-container,.category-bar-container,.comparison-bar-container,.rule-bar-container,.rule-type-bar-container,.tag-bar-container{background-color:#f0f0f0;border-radius:4px;flex-grow:1;height:8px;margin:4px 8px 4px 0;overflow:hidden}[data-theme=dark] .action-bar-container,[data-theme=dark] .category-bar-container,[data-theme=dark] .comparison-bar-container,[data-theme=dark] .rule-bar-container,[data-theme=dark] .rule-type-bar-container,[data-theme=dark] .tag-bar-container{background-color:#383838}.action-bar,.category-bar,.comparison-bar,.rule-bar,.rule-type-bar,.tag-bar{border-radius:4px;height:100%;transition:width .5s ease}.action-color,.category-color,.rule-type-color,.tag-color,.threat-indicator{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.rule-types{margin-bottom:20px}.active-rule-item,.rule-type-item{margin-bottom:12px}.rule-info,.rule-type-label{align-items:center;display:flex;margin-bottom:4px}.rule-name,.rule-type-name{color:#333;font-size:14px;text-transform:capitalize}[data-theme=dark] .rule-name,[data-theme=dark] .rule-type-name{color:#e0e0e0}.rule-count,.rule-type-count{color:#333;font-size:14px;font-weight:500;margin-left:auto}[data-theme=dark] .rule-count,[data-theme=dark] .rule-type-count{color:#e0e0e0}.active-rule-item{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:12px}[data-theme=dark] .mask-tag-item{background-color:#2a2a2a}.mask-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mask-tag-badge{align-items:center;display:flex}.mask-tag-badge .badge{border-radius:12px;color:#fff;font-size:12px;font-weight:500;margin-right:4px;padding:2px 6px}.mask-tag-badge .tag-count{color:#666;font-size:12px}[data-theme=dark] .mask-tag-badge .tag-count{color:#a0a0a0}.tag-badge{color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.action-item{margin-bottom:12px}.action-name{color:#333;font-size:14px}[data-theme=dark] .action-name{color:#e0e0e0}.actions-by-mask{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:20px}.mask-actions-item{background-color:#f8f9fa;border-radius:6px;padding:12px}[data-theme=dark] .mask-actions-item{background-color:#2a2a2a}.mask-header{display:flex;justify-content:space-between;margin-bottom:8px}.mask-action-count{color:#666;font-size:12px}[data-theme=dark] .mask-action-count{color:#a0a0a0}.mask-action-types{display:flex;flex-wrap:wrap;gap:8px}.mask-action-type{align-items:center;display:flex;margin-bottom:4px}.action-type-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:500;margin-right:4px;padding:2px 6px}.action-type-count{color:#666;font-size:12px}[data-theme=dark] .action-type-count{color:#a0a0a0}.action-badge{color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.mask-comparison-table{margin-bottom:20px;overflow-x:auto}.comparison-row{border-bottom:1px solid #e0e0e0;display:flex}[data-theme=dark] .comparison-row{border-bottom:1px solid #3a3a3a}.comparison-row.header-row{background-color:#f5f5f5;font-weight:600}[data-theme=dark] .comparison-row.header-row{background-color:#2a2a2a}.comparison-cell{font-size:14px;min-width:90px;padding:12px 8px}.mask-name-cell{max-width:200px;min-width:160px}.mask-created{color:#666;font-size:12px;margin-top:2px}[data-theme=dark] .mask-created{color:#a0a0a0}.last-activity{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-insights{display:flex;flex-wrap:wrap;gap:16px}.insight-badge{background-color:#5d4af7;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px}[data-theme=dark] .insight-badge{background-color:#6e5bff}.active-rule-item{margin-bottom:8px}[data-theme=dark] .active-rule-item{background-color:#2a2a2a}.rule-meta{color:#666;display:flex;font-size:12px;margin-top:2px}[data-theme=dark] .rule-meta{color:#a0a0a0}.rule-type{background-color:#e0e0e0;border-radius:12px;color:#333;margin-right:8px;padding:2px 6px;text-transform:capitalize}[data-theme=dark] .rule-type{background-color:#444;color:#e0e0e0}.rule-mask{color:#666}[data-theme=dark] .rule-mask{color:#a0a0a0}.rule-stats{align-items:flex-end;display:flex;flex-direction:column;min-width:80px}.last-rule-applied{color:#666;font-size:14px;margin-top:16px}[data-theme=dark] .last-rule-applied{color:#a0a0a0}.last-rule-applied .label{font-weight:500;margin-right:8px}.categories-chart{margin-bottom:20px}.category-label{align-items:center;display:flex;margin-bottom:4px}.category-name{color:#333;font-size:14px}[data-theme=dark] .category-name{color:#e0e0e0}.category-count{color:#333;font-size:14px;margin-left:8px}[data-theme=dark] .category-count{color:#e0e0e0}.categories-by-mask{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.mask-category-item{background-color:#f8f9fa}[data-theme=dark] .mask-category-item{background-color:#2a2a2a}.mask-name{color:#333;font-size:14px;font-weight:500;margin-bottom:10px}[data-theme=dark] .mask-name{color:#e0e0e0}.mask-categories{font-size:13px}.mask-category{display:flex;justify-content:space-between;margin-bottom:4px}.category-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.category-insights{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}.insight-item{background-color:#f8f9fa;border-radius:6px;flex:1 1;min-width:200px;padding:12px}[data-theme=dark] .insight-item{background-color:#2a2a2a}.insight-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.insight-value{color:#333;font-size:14px;font-weight:500}[data-theme=dark] .insight-value{color:#e0e0e0}.security-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media(max-width:600px){.security-grid{grid-template-columns:1fr}}.security-column{background-color:#f8f9fa;border-radius:6px;padding:12px}[data-theme=dark] .security-column{background-color:#2a2a2a}.block-reason-item,.threat-level-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.threat-label{align-items:center;display:flex}.threat-name{color:#333;font-size:14px;text-transform:capitalize}[data-theme=dark] .threat-name{color:#e0e0e0}.reason-count,.threat-count{color:#333;font-size:14px;font-weight:500}[data-theme=dark] .reason-count,[data-theme=dark] .threat-count{color:#e0e0e0}.reason-text{color:#333;font-size:14px;margin-right:8px}[data-theme=dark] .reason-text{color:#e0e0e0}.security-event{background-color:#f8f9fa;border-radius:6px;margin-bottom:10px;padding:12px}[data-theme=dark] .security-event{background-color:#2a2a2a}.event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.event-threat-level{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px;text-transform:capitalize}.event-date{color:#666;font-size:12px}[data-theme=dark] .event-date{color:#a0a0a0}.event-reason{color:#333;font-size:14px;margin-bottom:4px}[data-theme=dark] .event-reason{color:#e0e0e0}.event-mask{color:#666;font-size:12px}[data-theme=dark] .event-mask{color:#a0a0a0}.tag-item{margin-bottom:12px}.tag-by-mask{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:20px}.mask-tag-item{background-color:#f8f9fa;border-radius:6px;padding:12px}.refresh-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px}.refresh-btn:hover{background-color:#eaeaea;border-color:#d0d0d0}.refresh-btn:active{background-color:#e0e0e0;transform:translateY(1px)}.refresh-btn svg{height:16px;width:16px}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.insight-card{border-radius:10px;margin-bottom:28px;overflow:hidden}.card-header{padding:16px 20px}.action-bar-container,.category-bar-container,.comparison-bar-container,.rule-bar-container,.rule-type-bar-container,.tag-bar-container{border-radius:5px;height:10px;margin:6px 0}.action-bar,.category-bar,.comparison-bar,.rule-bar,.rule-type-bar,.tag-bar{border-radius:5px;transition:width .7s ease-out}.mask-comparison-table{border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;table-layout:fixed;width:100%}.comparison-row{transition:background-color .2s ease}.comparison-cell{overflow:hidden;padding:12px 16px;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:14.28571%}.comparison-cell:first-child{text-align:left}.mask-name-cell{font-weight:500;text-align:left!important}.stats-summary{margin:0 0 28px}.card-content h4{font-size:16px;margin:28px 0 16px;padding-bottom:8px;position:relative}.card-content h4:after{background-color:currentColor;border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.insights-header{justify-content:space-between;margin-bottom:24px}.insights-header,.refresh-btn{align-items:center;display:flex}.refresh-btn{border-radius:6px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.categories-by-mask{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.mask-category-item{background-color:initial;border:1px solid #ffffff1a;border-radius:6px;display:flex;flex-direction:column;height:100%;padding:12px}.category-item{margin-bottom:12px}.category-bar-container,.category-item{position:relative}.category-count{color:#fff;font-size:12px;font-weight:500;margin:0;position:absolute;right:10px;text-shadow:0 0 2px #000000b3;top:50%;transform:translateY(-50%);z-index:2}.category-bar,.category-bar-container{height:20px;line-height:20px}.average-tags-container,.most-used-tag-container{background-color:#ffffff0d;border-radius:6px;margin-bottom:20px;margin-top:20px;padding:12px}.tag-badge{border-radius:12px;display:inline-block;margin-right:8px;padding:4px 10px}.actions-by-mask{margin-bottom:24px}.last-action-applied,.most-common-action{background-color:#ffffff0d;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;margin-top:20px;padding:12px}.action-badge{border-radius:12px;display:inline-block;margin-right:8px;padding:4px 10px}.action-insights,.tag-insights{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:24px}.insights-controls{display:flex;justify-content:flex-end;margin-bottom:20px}.mask-selector{align-items:center;display:flex;gap:10px}.mask-selector select{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);min-width:200px;padding:8px 12px}@media(max-width:768px){.insight-card{border-radius:8px;margin-bottom:16px}.card-header{padding:12px 16px}.card-content{padding:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.stats-summary{align-items:flex-start;flex-direction:column;gap:16px}.insight-item{min-width:0;min-width:auto;width:100%}.action-insights,.category-insights,.tag-insights{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.mask-comparison-table{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:8px}.actions-by-mask,.categories-by-mask,.tag-by-mask{grid-template-columns:1fr}}@media(max-width:600px){.action-bar-container,.category-bar-container,.comparison-bar-container,.tag-bar-container{height:24px}.comparison-row{padding:4px 0}.comparison-cell{font-size:13px;padding:8px}.security-event{margin-bottom:8px;padding:10px}.mask-selector select,.refresh-btn,button{min-height:44px;padding:10px 16px}.stat-value{font-size:24px}.card-content h4{font-size:15px;margin:20px 0 12px}.card-content h5{font-size:13px}.category-name,.mask-name,.rule-name,.tag-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-badge,.category-badge,.insight-badge,.tag-badge{font-size:11px;padding:2px 6px}}@media(max-width:380px){.card-content{font-size:13px}.category-name,.mask-name,.rule-name,.tag-name{max-width:140px}.card-content,.card-header{padding:12px}.action-bar-container,.category-bar-container,.comparison-bar-container,.tag-bar-container{height:20px}.card-header h3{font-size:16px}}@media(prefers-color-scheme:dark){.comparison-cell{border-color:#ffffff1a}}@media(max-width:768px){.stat-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;margin-bottom:12px;padding:12px}.stat-value{color:#5d4af7;font-size:24px;font-weight:600;margin-right:12px}[data-theme=dark] .stat-value{color:#6e5bff}.stat-label{color:#666;font-size:14px}.active-rules{gap:12px}.active-rule-item,.active-rules{display:flex;flex-direction:column}.active-rule-item{background-color:#f8f9fa;border-radius:10px;margin-bottom:0;padding:16px;position:relative}[data-theme=dark] .active-rule-item{background-color:#2a2a2a}.rule-info{display:flex;flex-direction:column;margin-bottom:12px;margin-right:40px}.rule-name{color:#333;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:10px}[data-theme=dark] .rule-name{color:#e0e0e0}.rule-meta{display:flex;flex-direction:column;gap:8px}.rule-type{align-self:flex-start;background-color:#5d4af726;border-radius:16px;color:#5d4af7;display:inline-block;font-size:13px;font-weight:500;padding:6px 10px}[data-theme=dark] .rule-type{background-color:#6e5bff33;color:#8f7aff}.rule-mask{color:#666;display:block;font-size:13px;line-height:1.4;margin-top:4px;word-break:break-all}[data-theme=dark] .rule-mask{color:#aaa}.rule-stats{position:absolute;right:16px;top:16px}.rule-count{color:#5d4af7;font-size:20px;font-weight:600}[data-theme=dark] .rule-count{color:#8f7aff}.rule-bar-container{background-color:#00000014;border-radius:4px;height:8px;margin-top:4px;overflow:hidden}[data-theme=dark] .rule-bar-container{background-color:#ffffff1a}.last-rule-applied{background-color:#f8f9fa;border-radius:8px;font-size:14px;margin-top:20px;padding:12px}[data-theme=dark] .last-rule-applied{background-color:#2a2a2a}.stat-item{align-items:center;background-color:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;padding:16px;text-align:center;width:100%}[data-theme=dark] .stat-item{background-color:#2a2a2a}.stat-value{color:#5d4af7;font-size:28px;font-weight:600;margin-bottom:6px;margin-right:0}[data-theme=dark] .stat-value{color:#8f7aff}.stat-label{color:#666;font-size:14px;text-align:center}[data-theme=dark] .stat-label{color:#a0a0a0}}.plan-info{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.current-plan{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.current-plan h3{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600;margin:0}.plan-badge{border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;padding:5px 10px;text-align:center}.plan-badge.free{background-color:#6c757d}.plan-badge.basic{background-color:#28a745}.plan-badge.pro{background-color:#007bff}.plan-badge.pro_premium{background-color:#5d4af7}.plan-badge.business{background-color:#6610f2}.plan-details{margin-bottom:20px}.plan-feature{margin-bottom:15px;position:relative}.feature-label{color:#666;color:var(--text-secondary,#666);font-size:14px}.feature-label,.feature-value{display:block;margin-bottom:5px}.feature-value{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600}.usage-bar{background-color:#e9ecef;background-color:var(--border-color,#e9ecef);border-radius:3px;height:6px;margin-bottom:5px}.usage-progress{background-color:#5d4af7;background-color:var(--primary-color,#5d4af7);border-radius:3px;height:100%;transition:width .3s ease-in-out}.usage-text{color:#666;color:var(--text-secondary,#666);font-size:12px}.plan-actions{display:flex;flex-wrap:wrap;gap:10px}.plan-actions button{flex:1 1;min-width:120px}.plan-actions #manage-plan-btn{border:1px solid #5d4af7;border:1px solid var(--primary-color,#5d4af7);color:#5d4af7;color:var(--primary-color,#5d4af7);transition:all .2s ease}.plan-actions #manage-plan-btn:hover{background-color:#5d4af70d}@media(max-width:480px){.current-plan{align-items:flex-start;flex-direction:column;gap:10px}.plan-badge{align-self:flex-start}.plan-actions{flex-direction:column;width:100%}.plan-actions button{margin-bottom:8px;width:100%}.feature-value{font-size:16px}}.plan-info.loading{opacity:.7}.loading-placeholder{animation:loading-pulse 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:5px}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.securiscore-section{background-color:#fff;background-color:var(--background-color,#fff);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:16px}.score-container{align-items:flex-start;display:flex;gap:20px}.score-circle{flex-shrink:0;width:120px}.circular-chart{display:block;width:100%}.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke:#5d4af7;stroke:var(--primary-color,#5d4af7);stroke-width:3.8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.score-text{fill:#333;fill:var(--text-color,#333);text-anchor:middle;font-size:.8em;font-weight:700}.score-details{flex:1 1}.score-improvements h4{font-size:16px;margin-bottom:8px}.score-improvements ul{margin:0;padding-left:20px}.score-improvements li{font-size:14px;margin-bottom:4px}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top:3px solid var(--primary-color,#5d4af7);height:40px;margin:20px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:600px){.score-container{align-items:center;flex-direction:column;text-align:center}.score-circle{margin-bottom:16px;width:150px}.score-text{font-size:1em}.score-details{width:100%}.score-improvements ul{text-align:left}}.account-details{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-top:24px;padding:16px}.account-details h3{color:#333;color:var(--text-color,#333);font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.account-info-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:12px}.info-label{color:#666;color:var(--text-secondary,#666);font-weight:500}.info-value{color:#333;color:var(--text-color,#333);max-width:70%;text-align:right;word-break:break-word}#logout-account-btn{margin-top:16px;padding:8px 16px;width:auto}@media(max-width:480px){.account-info-row{flex-direction:column;margin-bottom:16px}.info-label{margin-bottom:4px}.info-value{max-width:100%;text-align:left}#logout-account-btn{margin-top:20px;width:100%}}#account-tab{padding:16px 0}#account-tab h2{color:#333;color:var(--text-color,#333);font-size:24px;font-weight:600;margin-bottom:24px;margin-top:0}.tab-content{margin:0 auto;max-width:800px}@media(max-width:768px){#account-tab{padding:12px}#account-tab h2{font-size:20px;margin-bottom:16px;text-align:center}}@media(max-width:480px){#account-tab h2{font-size:18px}.tab-content>div:not(:last-child){margin-bottom:24px}}.app-section{display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.content-area{flex:1 1;padding:20px 0}.main-layout{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;min-height:env(safe-area-inset-top);padding:15px 0}.logo{align-items:center;display:flex}.logo img{height:32px;margin-right:10px}.logo h1{color:var(--text-color);font-size:20px;font-weight:600}.user-info{align-items:center;display:flex;gap:10px}.user-info span{color:var(--text-secondary);font-size:14px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group{margin-bottom:16px}.checkbox-group{margin-bottom:8px}.checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.help-text{color:var(--text-secondary);font-size:12px;margin-top:4px}.disabled-input{background-color:var(--disabled-color);cursor:not-allowed;opacity:.7}.custom-prefix-container{background-color:#5d4af70d;border-left:4px solid var(--primary-color);border-radius:4px;margin-left:2px;padding:12px 12px 12px 16px;position:relative}.mask-header{align-items:center;margin-bottom:12px}.mask-address{color:var(--primary-color);flex-grow:1}.mask-stats{border-top:1px solid var(--border-color);justify-content:space-between;padding-top:10px}.mask-toggle{display:inline-block;height:20px;position:relative;width:36px}.mask-email{align-items:center;background-color:var(--background-secondary);border-radius:6px;display:flex;margin-bottom:12px;padding:8px 12px}.rules-container{margin-bottom:24px}.conditions-container,.actions-container{position:relative}.condition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.condition-title{color:var(--text-color);font-weight:500}.condition-field,.condition-operator,.condition-value{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:14px;padding:8px 12px;width:100%}.condition-value-container{position:relative}.time-range-inputs{display:flex;gap:12px}.time-input{flex:1}.time-input label{color:var(--text-color);display:block;font-size:14px;margin-bottom:6px}.action-content-override{display:flex;flex-direction:column;gap:16px}.action-params-override{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px}.template-icon{align-items:center;background-color:#5d4af71a;border-radius:50%;display:flex;height:36px;justify-content:center;margin-bottom:8px;width:36px}.template-details{flex:1;margin-bottom:12px}.tag-pill{align-items:center;background-color:var(--primary-color);border-radius:20px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;padding:5px 10px}.remove-template-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1;margin-left:8px;padding:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.no-conditions-message,.no-actions-message{border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);font-style:italic;padding:20px;text-align:center}.insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.insights-controls{display:flex;gap:16px}.chart-container{margin-bottom:24px}.chart-header{margin-bottom:16px}.chart-title{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.chart-legend{display:flex;gap:16px;margin-top:12px}.legend-item{align-items:center;display:flex}.legend-color{border-radius:50%;height:12px;margin-right:6px;width:12px}.tag-distribution{margin-bottom:20px}.tag-label{align-items:center;display:flex;margin-bottom:4px}.tag-color{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.action-distribution{margin-bottom:20px}.action-label{align-items:center;display:flex;margin-bottom:4px}.mask-comparison-table{overflow-x:auto;width:100%}.comparison-row{border-bottom:1px solid var(--border-color);display:flex}.header-row{background-color:var(--background-secondary);font-weight:600}.inactive-mask{opacity:.6}.filter-selector{background-color:var(--background-secondary);border-radius:6px;display:flex;padding:2px}.filter-option{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.filter-option.active{background-color:var(--card-bg);color:var(--primary-color);font-weight:500}.suggestion-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-right:12px;width:20px}.applied{background-color:#28a7451a;color:var(--success-color)}.security-section{margin-bottom:24px}.security-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.security-column{background-color:var(--background-secondary);border-radius:6px;padding:12px}.score-improvements{margin-top:16px}.score-improvements h4{font-size:14px;font-weight:500;margin-bottom:8px}.score-improvements ul{list-style-type:none;padding-left:0}.score-improvements li{color:var(--text-secondary);font-size:13px;margin-bottom:6px;padding-left:20px;position:relative}.score-improvements li:before{color:var(--primary-color);content:"→";left:0;position:absolute}.twofa-setup{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:16px;padding:16px}.qr-container{margin:20px 0;text-align:center}.qr-container img{height:auto;max-width:100%}.manual-key{background-color:var(--background-color);border-radius:4px;margin-bottom:20px;padding:10px;text-align:center}.manual-key code{color:var(--text-color);font-family:monospace;word-break:break-all}.empty-state{color:var(--text-secondary);padding:32px 16px;text-align:center}.skeleton{animation:skeleton-loading 1.2s infinite ease-in-out;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--disabled-color) 50%,var(--background-secondary) 75%);background-size:200% 100%}.pulse{animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.websocket-status-indicator{align-items:center;display:flex;margin-left:16px}.connected .status-dot{background-color:var(--success-color)}.disconnected .status-dot{background-color:var(--error-color)}.action-insights{margin-top:24px}.action-item-insights{background-color:var(--background-secondary);border-radius:8px;padding:16px}.ai-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.average-tags-container,.most-used-tag-container{background-color:#ffffff0d;border-radius:6px;margin:20px 0;padding:12px}.top-category-badge,.recent-category-badge{background-color:var(--primary-color);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.sync-status-banner{background-color:#f0f9ff;border-bottom:1px solid #e0f2fe;display:flex;flex-shrink:0;font-size:14px;padding:10px 16px}[data-theme=dark] .sync-status-banner{background-color:#082f49;border-bottom:1px solid #0c4a6e}.sync-icon{color:#0ea5e9;margin-right:10px}.sync-icon.error{color:#f59e0b}.sync-message{color:var(--text-color);flex:1}.sync-now-btn{background-color:#0ea5e9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.sync-now-btn:hover{background-color:#0284c7}.list-sync-banner{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:16px;padding:12px}.dashboard-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stats-row{display:flex;justify-content:space-between}.stats-cell{flex:1;text-align:center}.suggestion-section-modal{margin-top:24px}.template-selected-status{margin:16px 0}.insights-filter{align-items:center;display:flex;gap:8px}.filter-status-tag{background-color:#0003;border-radius:16px;color:var(--text-light);display:inline-block;font-size:12px;padding:4px 12px}.filter-count{background-color:var(--primary-color);border-radius:50%;color:#fff;display:inline-block;font-size:10px;height:18px;line-height:18px;margin-left:6px;min-width:18px;text-align:center}.icon-dark,.icon-light{color:var(--text-secondary)}[data-theme=dark] .icon-light{color:var(--text-light)}.pro_premium{background-color:var(--primary-color)}.highlighted-value{background-color:#5d4af71a;padding:2px 6px;border-radius:4px}.highest-block-rate{color:var(--error-color);font-weight:600}.loading{opacity:.6;pointer-events:none}.loading-placeholder{background:linear-gradient(90deg,var(--background-secondary) 0%,var(--disabled-color) 50%,var(--background-secondary) 100%);background-size:200% 100%;animation:loading-placeholder 1.5s infinite;border-radius:4px;height:20px;margin:8px 0}@keyframes loading-placeholder{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.security-grid{grid-template-columns:1fr}.time-range-inputs{flex-direction:column}.condition-field,.condition-operator,.condition-value{font-size:16px}.dashboard-grid{grid-template-columns:1fr}.chart-legend{flex-wrap:wrap}.stats-row{flex-direction:column;gap:16px}}@media(max-width:480px){.header{padding:10px 0}.user-info span{max-width:120px}.template-icon{height:30px;width:30px}.chart-title{font-size:16px}.filter-option{padding:4px 8px;font-size:13px}}.insights-tab{padding:var(--space-md) 0;width:100%}.insights-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding:0 var(--space-md)}.insights-header h2{color:var(--text-color);font-size:20px;font-weight:600;margin:0}.insight-card{background-color:var(--card-background);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);margin-bottom:24px;overflow:hidden;transition:box-shadow var(--transition-normal)}.insight-card:hover{box-shadow:0 4px 12px #5d4af71a}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--card-background)}.card-header h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0}.card-content{padding:20px}.stats-summary{display:flex;justify-content:space-around;margin-bottom:24px}.stat-item{text-align:center;transition:transform var(--transition-fast)}.stat-item:hover{transform:translateY(-2px)}.stat-value{display:block;font-size:28px;font-weight:700;margin-bottom:4px;color:var(--primary-color)}.stat-label{font-size:14px;color:var(--text-secondary)}.distribution-list{margin-bottom:20px}.distribution-item{margin-bottom:12px;transition:transform var(--transition-fast)}.distribution-item:hover{transform:translate(2px)}.distribution-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.distribution-color{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px}.distribution-name{color:var(--text-color);font-size:14px}.distribution-count{color:var(--text-color);font-size:14px;font-weight:500}.distribution-bar-container{background-color:var(--background-secondary);border-radius:4px;height:10px;overflow:hidden;margin:4px 0}.distribution-bar{height:100%;border-radius:4px;transition:width .5s ease-out}.distribution-percentage{font-size:12px;color:var(--text-secondary);text-align:right}.distribution-by-mask{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:20px}.mask-distribution-item{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:transform var(--transition-fast),box-shadow var(--transition-normal)}.mask-distribution-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.mask-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mask-name{font-size:14px;font-weight:500;color:var(--text-color)}.mask-count{font-size:12px;color:var(--text-secondary)}.mask-distribution-types{display:flex;flex-direction:column;gap:8px}.mask-distribution-type{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.distribution-type-name{display:flex;align-items:center;font-size:13px;color:var(--text-color)}.distribution-type-percentage,.distribution-type-count{font-size:12px;color:var(--text-secondary)}.distribution-badge{display:inline-block;padding:3px 8px;border-radius:99px;font-size:12px;font-weight:500;color:#fff}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.insight-item{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:transform var(--transition-fast),box-shadow var(--transition-normal)}.insight-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.insight-item h5{font-size:14px;font-weight:600;margin:0 0 8px;color:var(--text-color)}.insight-content{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.insight-value{font-size:14px;font-weight:500;color:var(--text-color)}.empty-state{background-color:var(--background-secondary);border:1px dashed var(--border-color);border-radius:8px;padding:32px 16px;text-align:center;color:var(--text-secondary)}.empty-state p{margin:0}.mask-comparison-table{margin-bottom:20px;overflow-x:auto;width:100%;border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.comparison-row{display:flex;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.comparison-row:hover:not(.header-row){background-color:#5d4af708}.comparison-row.header-row{background-color:var(--background-secondary);font-weight:600}.comparison-row.inactive-mask{opacity:.6}.comparison-cell{padding:12px 16px;font-size:14px;min-width:100px}.mask-name-cell{min-width:160px;max-width:200px}.mask-info{display:flex;flex-direction:column}.mask-created{font-size:12px;margin-top:2px;color:var(--text-secondary)}.comparison-value{font-weight:500;margin-bottom:4px}.active-rules-list{display:flex;flex-direction:column;gap:12px}.active-rule-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:transform var(--transition-fast),box-shadow var(--transition-normal)}.active-rule-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.rule-info{flex:1}.rule-name{font-size:14px;font-weight:500;color:var(--text-color)}.rule-meta{display:flex;font-size:12px;margin-top:2px;color:var(--text-secondary)}.rule-type{display:inline-block;padding:2px 8px;border-radius:12px;background-color:#5d4af71a;color:var(--primary-color);text-transform:capitalize;margin-right:8px}.rule-mask{color:var(--text-secondary)}.rule-stats{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.rule-count{font-size:16px;font-weight:600;color:var(--primary-color)}.last-applied-info{margin-top:16px;font-size:14px;color:var(--text-secondary)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.security-column{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.security-timeline{margin-top:16px}.security-event{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;padding:16px;transition:transform var(--transition-fast)}.security-event:hover{transform:translate(2px)}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.event-threat-level{display:inline-block;padding:2px 8px;border-radius:12px;color:#fff;font-size:12px;font-weight:500;text-transform:capitalize}.insights-filter{display:flex;align-items:center}.filter-selector{display:flex;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:2px}.filter-option{border:none;background:none;padding:6px 12px;border-radius:4px;font-size:14px;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.filter-option:hover:not(.active){background-color:#ffffff0d;color:var(--text-color)}.filter-option.active{background-color:var(--card-background);color:var(--primary-color);font-weight:500;box-shadow:0 1px 3px #0000001a}.suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.suggestions-list{margin-top:16px}.suggestion-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-bottom:12px;transition:transform var(--transition-fast),box-shadow var(--transition-normal)}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.suggestion-content{display:flex;margin-bottom:10px}.suggestion-icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;margin-right:12px;flex-shrink:0;color:var(--primary-color)}.suggestion-text{flex:1}.suggestion-text h4{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-color)}.suggestion-text p{font-size:13px;margin:0;color:var(--text-secondary)}.suggestion-status{display:inline-block;font-size:12px;font-weight:500;padding:2px 8px;border-radius:10px;margin-top:4px}.suggestion-status.applied{background-color:#00897b1a;color:var(--success-color)}.suggestion-actions{display:flex;justify-content:flex-end;gap:8px}.empty-suggestions{background-color:var(--background-secondary);border:1px dashed var(--border-color);border-radius:8px;padding:20px;text-align:center;color:var(--text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.stat-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);padding:16px;text-align:center;transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px)}.stat-card h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-secondary)}.stat-progress{height:6px;background-color:#5d4af71a;border-radius:3px;margin:8px 0;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:3px;transition:width var(--transition-normal)}.stat-limit{font-size:12px;color:var(--text-secondary)}.Finance{background-color:#4ade80}.Newsletter{background-color:#60a5fa}.Promotional{background-color:#f472b6}.Updates{background-color:#fbbf24}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover{background-color:#5d4af70d;border-color:var(--primary-color)}.refresh-btn:active{transform:translateY(1px)}.refresh-btn svg{width:16px;height:16px;color:var(--text-secondary)}.refresh-btn:hover svg{color:var(--primary-color)}.loader-container{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.loader{animation:spin 1s linear infinite;border:3px solid var(--background-secondary);border-radius:50%;border-top-color:var(--primary-color);height:30px;width:30px}.skeleton{animation:skeleton-loading 1.2s infinite ease-in-out;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--card-background) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:4px}[data-theme=dark] .filter-option.active{background-color:#333;color:var(--primary-light)}[data-theme=dark] .suggestion-status.applied{background-color:#00897b33;color:#4db6ac}[data-theme=dark] .rule-type{background-color:#6e5bff26;color:var(--primary-light)}@media(max-width:768px){.stats-grid,.insights-grid,.security-grid,.distribution-by-mask{grid-template-columns:1fr}.suggestions-header{flex-direction:column;align-items:flex-start;gap:12px}.insights-filter{width:100%}.filter-selector{width:100%;justify-content:space-between}.filter-option{flex:1;text-align:center;font-size:13px;padding:6px 4px}.stat-item{align-items:center;display:flex;flex-direction:column;padding:16px;text-align:center;background-color:var(--background-secondary);border-radius:10px;margin-bottom:12px}.stat-value{font-size:24px;margin-bottom:6px}.active-rule-item{flex-direction:column;align-items:flex-start}.rule-stats{width:100%;margin-top:12px;align-items:flex-start}}@media(max-width:480px){.card-header{padding:12px 16px}.card-header h3{font-size:16px}.card-content{padding:16px}.distribution-name,.distribution-count,.mask-name,.rule-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-card{padding:12px}.suggestion-text h4{font-size:13px}.suggestion-text p{font-size:12px}}.distribution-name{color:var(--text-color);font-size:14px;text-transform:capitalize}.time-range-controls{display:flex;flex-direction:column;gap:12px;width:100%}.time-range-inputs{display:flex;flex-direction:row;gap:16px;width:100%}.time-input{flex:1;display:flex;flex-direction:column;gap:4px}.time-input label{font-size:12px;color:#555}.time-input input{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.time-zone-selector{display:flex;flex-direction:column;gap:4px;width:100%}.time-zone-selector label{font-size:12px;color:#555}.time-zone-selector select{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%;background-color:#fff}.help-text{font-size:11px;color:#666;margin-top:4px}.websocket-status-indicator{display:flex;align-items:center;margin-left:15px;font-size:.8rem}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.connected{background:#4caf50}.status-dot.disconnected{background:#f44336}.websocket-status-indicator .reconnect-button,.websocket-status-indicator .diagnose-button{margin-left:8px;padding:2px 8px;font-size:.7rem;background:#e0e0e0;border:1px solid #ccc;border-radius:3px;cursor:pointer}.websocket-status-indicator .diagnose-button{background:#e7f3ff}.diagnostic-results{font-size:.7rem;color:#666;margin-top:4px;display:block}.websocket-actions{display:flex;margin-left:8px}#upgrade-plan-btn,#generate-qr-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 10px;transition:background-color var(--transition-fast, .15s ease)}[data-theme=dark] #upgrade-plan-btn,[data-theme=dark] #generate-qr-btn{background-color:var(--primary-color)}#upgrade-plan-btn:hover,#generate-qr-btn:hover,#upgrade-plan-btn:active,#generate-qr-btn:active{background-color:var(--primary-dark)}.resend-btn,#login-btn,#use-different-email-btn,#generate-keys-btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 8px;font-size:16px;transition:background-color var(--transition-fast, .15s ease)}.resend-btn{margin-top:12px}#use-different-email-btn{margin-left:12px}.resend-btn:hover,#login-btn:hover,#use-different-email-btn:hover,#generate-keys-btn:hover,.resend-btn:active,#login-btn:active,#use-different-email-btn:active,#generate-keys-btn:active{background-color:var(--primary-dark)}[data-theme=dark] .resend-btn,#login-btn,#use-different-email-btn{background-color:var(--primary-color)}.upgrade-message{text-align:center}.password-option{display:flex;align-items:center;gap:8px;margin-top:12px}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none}.tour-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;pointer-events:auto}.tour-overlay__backdrop--has-spotlight{background:transparent;pointer-events:none}.tour-overlay__spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.tour-overlay__spotlight:before{content:"";position:absolute;border-radius:var(--radius-lg, 8px);border:3px solid var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f14d,0 0 20px 4px #6366f166,inset 0 0 0 1px #6366f133;transition:all .3s ease;top:var(--spotlight-top, 0);left:var(--spotlight-left, 0);width:var(--spotlight-width, 0);height:var(--spotlight-height, 0)}.tour-overlay__spotlight:after{content:"";position:absolute;border-radius:var(--radius-lg, 8px);box-shadow:0 0 0 9999px #000000bf;transition:all .3s ease;top:var(--spotlight-top, 0);left:var(--spotlight-left, 0);width:var(--spotlight-width, 0);height:var(--spotlight-height, 0)}.tour-overlay__spotlight--bounding:before{border:none;box-shadow:none}.tour-overlay__spotlight--bounding:after{box-shadow:0 0 0 9999px #000000bf}.tour-overlay__spotlight--highlight-only:before{border:3px solid var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f14d,0 0 20px 4px #6366f166,inset 0 0 0 1px #6366f133;z-index:2}.tour-overlay__spotlight--highlight-only:after{box-shadow:none}.tour-overlay__tooltip{position:fixed;width:320px;max-width:calc(100vw - 32px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-xl, 12px);z-index:10;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d;overflow:hidden;pointer-events:auto;transition:top .3s ease,left .3s ease;animation:tour-tooltip-appear .3s ease}@keyframes tour-tooltip-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-overlay__tooltip--centered{max-width:400px}.tour-overlay--minimized{pointer-events:none}.tour-overlay__tooltip--minimized{position:fixed;bottom:100px;left:50%;transform:translate(-50%);top:auto!important;width:auto;max-width:calc(100vw - 32px);pointer-events:auto;box-shadow:0 -4px 20px #0000004d,0 0 0 1px #ffffff1a}.tour-overlay__tooltip--minimized .tour-overlay__content{padding:var(--space-3, 12px) var(--space-4, 16px)}.tour-overlay__tooltip--minimized .tour-overlay__title{font-size:var(--text-base, .875rem);margin-bottom:var(--space-1, 4px)}.tour-overlay__tooltip--minimized .tour-overlay__description{font-size:var(--text-xs, .75rem)}.tour-overlay__tooltip--minimized .tour-overlay__actions{padding:var(--space-2, 8px) var(--space-4, 16px) var(--space-3, 12px)}.tour-overlay__tooltip--minimized .tour-overlay__step-indicator{display:none}.tour-overlay__progress{height:3px;background:var(--bg-overlay-medium, rgba(255, 255, 255, .06))}.tour-overlay__progress-bar{height:100%;background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));transition:width .3s ease}.tour-overlay__content{padding:var(--space-5, 20px)}.tour-overlay__step-indicator{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--accent-primary, #6366f1);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2, 8px)}.tour-overlay__title{font-size:var(--text-lg, 1rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0 0 var(--space-2, 8px) 0;line-height:1.4}.tour-overlay__description{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);margin:0;line-height:1.6}.tour-overlay__arrow{position:absolute;width:16px;height:16px;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));transform:rotate(45deg)}.tour-overlay__arrow--top{bottom:-8px;left:50%;margin-left:-8px;border-top:none;border-left:none}.tour-overlay__arrow--bottom{top:-8px;left:50%;margin-left:-8px;border-bottom:none;border-right:none}.tour-overlay__arrow--left{right:-8px;top:50%;margin-top:-8px;border-bottom:none;border-left:none}.tour-overlay__arrow--right{left:-8px;top:50%;margin-top:-8px;border-top:none;border-right:none}.tour-overlay__actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, 12px) var(--space-5, 20px) var(--space-5, 20px);gap:var(--space-3, 12px)}.tour-overlay__nav{display:flex;gap:var(--space-2, 8px)}.tour-overlay__btn{padding:var(--space-2, 8px) var(--space-4, 16px);font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);font-family:inherit;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.tour-overlay__btn--skip{background:transparent;border:none;color:var(--text-tertiary, #71717a);padding-left:0}.tour-overlay__btn--skip:hover{color:var(--text-secondary, #a1a1aa)}.tour-overlay__btn--prev{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary, #a1a1aa)}.tour-overlay__btn--prev:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fafafa)}.tour-overlay__btn--next{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));border:none;color:#fff;min-width:80px}.tour-overlay__btn--next:hover{box-shadow:0 0 16px #6366f166;transform:translateY(-1px)}.tour-overlay__btn--next:active{transform:translateY(0)}.tour-overlay__btn--next:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.tour-overlay__btn--celebrate{min-width:100px;background:linear-gradient(135deg,#10b981,#059669)}.tour-overlay__btn--celebrate:hover{box-shadow:0 0 16px #10b98166}.tour-overlay__tooltip--celebratory{border-color:#10b9814d}.tour-overlay__tooltip--celebratory .tour-overlay__progress-bar{background:linear-gradient(135deg,#10b981,#059669)}.tour-overlay__celebration{text-align:center;margin-bottom:var(--space-3, 12px)}.tour-overlay__celebration-icon{font-size:2.5rem;display:inline-block;animation:tour-celebrate-bounce .6s ease infinite}@keyframes tour-celebrate-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}[data-theme=light] .tour-overlay__backdrop{background:#0009}[data-theme=light] .tour-overlay__backdrop--has-spotlight{background:transparent;pointer-events:none}[data-theme=light] .tour-overlay__spotlight:after{box-shadow:0 0 0 9999px #0009}[data-theme=light] .tour-overlay__tooltip{background:var(--bg-surface, #ffffff);border-color:var(--border-subtle, rgba(0, 0, 0, .06));box-shadow:0 20px 40px #00000026,0 0 0 1px #0000000d}[data-theme=light] .tour-overlay__arrow{background:var(--bg-surface, #ffffff);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .tour-overlay__title{color:var(--text-primary, #18181b)}[data-theme=light] .tour-overlay__description{color:var(--text-secondary, #52525b)}[data-theme=light] .tour-overlay__btn--prev{border-color:var(--border-subtle, rgba(0, 0, 0, .1));color:var(--text-secondary, #52525b)}[data-theme=light] .tour-overlay__btn--prev:hover{background:#00000008;color:var(--text-primary, #18181b)}@media(max-width:480px){.tour-overlay__tooltip{width:calc(100vw - 32px);max-width:none}.tour-overlay__content{padding:var(--space-4, 16px)}.tour-overlay__actions{flex-direction:column;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px) var(--space-4, 16px)}.tour-overlay__nav{width:100%;justify-content:flex-end}.tour-overlay__btn--skip{align-self:flex-start;padding-left:0}.tour-overlay__btn--next{flex:1}}@media(prefers-reduced-motion:reduce){.tour-overlay__tooltip{animation:none;transition:none}.tour-overlay__spotlight,.tour-overlay__progress-bar{transition:none}.tour-overlay__btn--next:hover{transform:none}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans, inherit);font-weight:var(--font-medium, 500);line-height:1.25;text-decoration:none;border:none;border-radius:var(--radius-lg, 8px);cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;outline:none;overflow:hidden}.ui-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .15s ease}.ui-btn:hover:before{opacity:1}.ui-btn:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.ui-btn:disabled{cursor:not-allowed;opacity:var(--disabled-opacity, .5);pointer-events:none}.ui-btn--small{padding:.375rem .875rem;font-size:var(--text-sm, .8125rem);border-radius:var(--radius-md, 6px);min-height:32px}.ui-btn--medium{padding:.5rem 1.125rem;font-size:var(--text-base, .875rem);min-height:40px}.ui-btn--large{padding:.75rem 1.5rem;font-size:var(--text-lg, 1rem);border-radius:var(--radius-xl, 12px);min-height:48px}.ui-btn--primary{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));color:#fff;box-shadow:0 2px 4px #0003,0 0 #6366f100;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ui-btn--primary:before{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:1;height:50%}.ui-btn--primary:hover:not(:disabled){background:var(--gradient-primary-hover, linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c084fc 100%));box-shadow:0 4px 12px #0000004d,var(--shadow-glow, 0 0 20px rgba(99, 102, 241, .3));transform:translateY(-1px)}.ui-btn--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0003,0 0 #6366f100}.ui-btn--secondary{background:var(--btn-secondary-bg, rgba(255, 255, 255, .03));color:var(--text-primary, #fafafa);border:1px solid var(--btn-secondary-border, rgba(255, 255, 255, .1));box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .2))}.ui-btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg, rgba(255, 255, 255, .06));border-color:var(--border-hover, rgba(255, 255, 255, .15));box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .3))}.ui-btn--secondary:active:not(:disabled){background:var(--bg-active, rgba(255, 255, 255, .08));box-shadow:none}.ui-btn--danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 2px 4px #0003,0 0 #f43f5e00;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ui-btn--danger:before{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:1;height:50%}.ui-btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#fb7185,#f43f5e);box-shadow:0 4px 12px #0000004d,0 0 20px #f43f5e4d;transform:translateY(-1px)}.ui-btn--danger:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0003,0 0 #f43f5e00}.ui-btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #0003,0 0 #10b98100;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ui-btn--success:before{background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);opacity:1;height:50%}.ui-btn--success:hover:not(:disabled){background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #0000004d,0 0 20px #10b9814d;transform:translateY(-1px)}.ui-btn--success:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0003,0 0 #10b98100}.ui-btn--ghost{background:transparent;color:var(--text-secondary, #a1a1aa);border:none}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fafafa)}.ui-btn--ghost:active:not(:disabled){background:var(--bg-active, rgba(255, 255, 255, .08))}.ui-btn--link{background:transparent;color:var(--text-accent, #818cf8);padding-left:0;padding-right:0;border:none}.ui-btn--link:hover:not(:disabled){color:var(--color-primary-light, #a5b4fc);text-decoration:underline;text-underline-offset:2px}.ui-btn--link:focus-visible{outline-offset:4px}.ui-btn--outline{background:transparent;color:var(--color-primary, #6366f1);border:1px solid var(--color-primary, #6366f1)}.ui-btn--outline:hover:not(:disabled){background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border-color:var(--color-primary-light, #818cf8);color:var(--color-primary-light, #818cf8)}.ui-btn--outline:active:not(:disabled){background:var(--accent-primary-muted, rgba(99, 102, 241, .2))}.ui-btn--full-width{width:100%}.ui-btn--icon-only{padding:.625rem;min-width:auto}.ui-btn--icon-only.ui-btn--small{padding:.5rem}.ui-btn--icon-only.ui-btn--large{padding:.875rem}.ui-btn--rounded{border-radius:var(--radius-full, 9999px)}.ui-btn--loading{pointer-events:none}.ui-btn--loading .ui-btn__text,.ui-btn--loading .ui-btn__icon{opacity:0}.ui-btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.ui-btn__spinner svg{width:1.25em;height:1.25em;animation:ui-btn-spin .75s linear infinite}@keyframes ui-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ui-btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui-btn__icon svg{width:1.125em;height:1.125em}.ui-btn--small .ui-btn__icon svg{width:1em;height:1em}.ui-btn--large .ui-btn__icon svg{width:1.25em;height:1.25em}.ui-btn__text{display:inline-flex;align-items:center}[data-theme=light] .ui-btn--primary{box-shadow:0 2px 4px #6366f133,0 0 #6366f100}[data-theme=light] .ui-btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f140,0 0 20px #6366f126}[data-theme=light] .ui-btn--secondary{background:var(--btn-secondary-bg, #ffffff);color:var(--text-primary, #18181b);border-color:var(--btn-secondary-border, rgba(0, 0, 0, .1))}[data-theme=light] .ui-btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg, #fafafa);border-color:var(--border-hover, rgba(0, 0, 0, .15))}[data-theme=light] .ui-btn--ghost{color:var(--text-secondary, #52525b)}[data-theme=light] .ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover, rgba(0, 0, 0, .04));color:var(--text-primary, #18181b)}[data-theme=light] .ui-btn--link{color:var(--color-primary, #6366f1)}[data-theme=light] .ui-btn--link:hover:not(:disabled){color:var(--color-primary-dark, #4f46e5)}@media(prefers-contrast:high){.ui-btn--primary,.ui-btn--danger,.ui-btn--success{background:var(--text-primary);color:var(--bg-primary);box-shadow:none}.ui-btn--primary:before,.ui-btn--danger:before,.ui-btn--success:before{display:none}.ui-btn--secondary,.ui-btn--outline{border-width:2px}.ui-btn:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){.ui-btn{transition:none}.ui-btn:hover:not(:disabled){transform:none}.ui-btn__spinner svg{animation-duration:1.5s}}.progress-indicator{position:relative;width:100%;padding:1rem 0}.progress-indicator__track{position:absolute;top:50%;left:0;right:0;height:4px;background-color:var(--progress-track-bg, #e5e7eb);border-radius:2px;transform:translateY(-50%);z-index:0}.progress-indicator__fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-primary, #6366f1),var(--color-primary-light, #818cf8));border-radius:2px;transition:width .3s ease}.progress-indicator__steps{display:flex;justify-content:space-between;align-items:flex-start;list-style:none;margin:0;padding:0;position:relative;z-index:1}.progress-indicator__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-indicator__dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--bg-primary, #fff);border:2px solid var(--progress-track-bg, #e5e7eb);font-size:.875rem;font-weight:600;color:var(--text-secondary, #6b7280);transition:all .2s ease}.progress-indicator__dot--clickable{cursor:pointer}.progress-indicator__dot--clickable:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 4px #6366f11a}.progress-indicator__dot--clickable:focus-visible{outline:2px solid var(--color-primary, #6366f1);outline-offset:2px}.progress-indicator__step--completed .progress-indicator__dot{background-color:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.progress-indicator__step--current .progress-indicator__dot{border-color:var(--color-primary, #6366f1);background-color:var(--bg-primary, #fff);color:var(--color-primary, #6366f1);box-shadow:0 0 0 4px #6366f126}.progress-indicator__step--upcoming .progress-indicator__dot{background-color:var(--bg-secondary, #f3f4f6);border-color:var(--progress-track-bg, #e5e7eb);color:var(--text-muted, #9ca3af)}.progress-indicator__check{width:16px;height:16px}.progress-indicator__number{font-variant-numeric:tabular-nums}.progress-indicator__label{margin-top:.75rem;text-align:center;max-width:120px}.progress-indicator__label-text{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary, #6b7280);line-height:1.3}.progress-indicator__step--current .progress-indicator__label-text{color:var(--color-primary, #6366f1);font-weight:600}.progress-indicator__step--completed .progress-indicator__label-text{color:var(--text-primary, #1f2937)}.progress-indicator__label-description{display:block;font-size:.75rem;color:var(--text-muted, #9ca3af);margin-top:.25rem}.progress-indicator--small .progress-indicator__track{height:2px}.progress-indicator--small .progress-indicator__dot{width:24px;height:24px;font-size:.75rem}.progress-indicator--small .progress-indicator__check{width:12px;height:12px}.progress-indicator--small .progress-indicator__label{margin-top:.5rem}.progress-indicator--small .progress-indicator__label-text{font-size:.75rem}.progress-indicator--large .progress-indicator__track{height:6px}.progress-indicator--large .progress-indicator__dot{width:44px;height:44px;font-size:1rem}.progress-indicator--large .progress-indicator__check{width:20px;height:20px}.progress-indicator--large .progress-indicator__label-text{font-size:.875rem}.progress-indicator--large .progress-indicator__label-description{font-size:.8125rem}.progress-indicator--compact .progress-indicator__track{top:16px}.progress-indicator--compact .progress-indicator__step{flex-direction:row;align-items:center}.progress-indicator--compact .progress-indicator__label{margin-top:0;margin-left:.5rem;text-align:left;max-width:none}.progress-indicator--compact .progress-indicator__label-description,.progress-indicator--minimal .progress-indicator__track{display:none}.progress-indicator--minimal .progress-indicator__dot{width:12px;height:12px;border-width:0}.progress-indicator--minimal .progress-indicator__step--completed .progress-indicator__dot{background-color:var(--color-primary, #6366f1)}.progress-indicator--minimal .progress-indicator__step--current .progress-indicator__dot{background-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f14d}.progress-indicator--minimal .progress-indicator__step--upcoming .progress-indicator__dot{background-color:var(--progress-track-bg, #e5e7eb)}.progress-indicator--minimal .progress-indicator__number,.progress-indicator--minimal .progress-indicator__check,.progress-indicator--minimal .progress-indicator__label{display:none}[data-theme=dark] .progress-indicator__track{background-color:var(--progress-track-bg-dark, #374151)}[data-theme=dark] .progress-indicator__dot{background-color:var(--bg-primary-dark, #1f2937);border-color:var(--progress-track-bg-dark, #374151);color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .progress-indicator__step--completed .progress-indicator__dot{background-color:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}[data-theme=dark] .progress-indicator__step--current .progress-indicator__dot{border-color:var(--color-primary, #818cf8);background-color:var(--bg-primary-dark, #1f2937);color:var(--color-primary, #818cf8)}[data-theme=dark] .progress-indicator__step--upcoming .progress-indicator__dot{background-color:var(--bg-secondary-dark, #374151);border-color:var(--progress-track-bg-dark, #4b5563);color:var(--text-muted-dark, #6b7280)}[data-theme=dark] .progress-indicator__label-text{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .progress-indicator__step--current .progress-indicator__label-text{color:var(--color-primary, #818cf8)}[data-theme=dark] .progress-indicator__step--completed .progress-indicator__label-text{color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .progress-indicator__label-description{color:var(--text-muted-dark, #6b7280)}[data-theme=dark] .progress-indicator--minimal .progress-indicator__step--upcoming .progress-indicator__dot{background-color:var(--progress-track-bg-dark, #374151)}@media(max-width:640px){.progress-indicator__label{max-width:80px}.progress-indicator__label-text{font-size:.75rem}.progress-indicator__label-description{display:none}.progress-indicator__dot{width:28px;height:28px;font-size:.75rem}.progress-indicator--large .progress-indicator__dot{width:36px;height:36px}}@media(max-width:480px){.progress-indicator:not(.progress-indicator--compact):not(.progress-indicator--minimal) .progress-indicator__label{display:none}.progress-indicator:not(.progress-indicator--compact):not(.progress-indicator--minimal) .progress-indicator__dot{width:24px;height:24px;font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.progress-indicator__fill,.progress-indicator__dot{transition:none}}@media(prefers-contrast:high){.progress-indicator__dot{border-width:3px}.progress-indicator__step--current .progress-indicator__dot{box-shadow:0 0 0 4px currentColor}}.confirm-dialog__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:confirmDialogOverlayFadeIn .15s ease-out}@keyframes confirmDialogOverlayFadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{background-color:var(--bg-primary, #fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;overflow:hidden;animation:confirmDialogSlideIn .2s ease-out}@keyframes confirmDialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog__content{padding:1.5rem;text-align:center}.confirm-dialog__icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.confirm-dialog__icon svg{width:28px;height:28px}.confirm-dialog__icon--danger{background-color:#fef2f2;color:#dc2626}.confirm-dialog__icon--warning{background-color:#fffbeb;color:#d97706}.confirm-dialog__icon--info{background-color:#eff6ff;color:#2563eb}.confirm-dialog__title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem;line-height:1.4}.confirm-dialog__message{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0;line-height:1.5}.confirm-dialog__actions{display:flex;padding:1rem 1.5rem;gap:.75rem;background-color:var(--bg-secondary, #f9fafb);border-top:1px solid var(--border-color, #e5e7eb)}.confirm-dialog__cancel,.confirm-dialog__confirm{flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.confirm-dialog__cancel{background-color:var(--bg-primary, #fff);border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #374151)}.confirm-dialog__cancel:hover:not(:disabled){background-color:var(--bg-secondary, #f3f4f6);border-color:var(--border-hover, #d1d5db)}.confirm-dialog__cancel:focus-visible{outline:2px solid var(--color-primary, #6366f1);outline-offset:2px}.confirm-dialog__confirm--danger{background-color:#dc2626;border:none;color:#fff}.confirm-dialog__confirm--danger:hover:not(:disabled){background-color:#b91c1c}.confirm-dialog__confirm--warning{background-color:#d97706;border:none;color:#fff}.confirm-dialog__confirm--warning:hover:not(:disabled){background-color:#b45309}.confirm-dialog__confirm--info{background-color:#2563eb;border:none;color:#fff}.confirm-dialog__confirm--info:hover:not(:disabled){background-color:#1d4ed8}.confirm-dialog__confirm:focus-visible{outline:2px solid currentColor;outline-offset:2px}.confirm-dialog__cancel:disabled,.confirm-dialog__confirm:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:confirmDialogSpin .6s linear infinite}@keyframes confirmDialogSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .confirm-dialog__overlay{background-color:#000000b3}[data-theme=dark] .confirm-dialog{background-color:var(--bg-primary-dark, #1f2937);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}[data-theme=dark] .confirm-dialog__icon--danger{background-color:#dc262626;color:#f87171}[data-theme=dark] .confirm-dialog__icon--warning{background-color:#d9770626;color:#fbbf24}[data-theme=dark] .confirm-dialog__icon--info{background-color:#2563eb26;color:#60a5fa}[data-theme=dark] .confirm-dialog__title{color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .confirm-dialog__message{color:var(--text-secondary-dark, #9ca3af)}[data-theme=dark] .confirm-dialog__actions{background-color:var(--bg-secondary-dark, #111827);border-top-color:var(--border-color-dark, #374151)}[data-theme=dark] .confirm-dialog__cancel{background-color:var(--bg-tertiary-dark, #374151);border-color:var(--border-color-dark, #4b5563);color:var(--text-primary-dark, #f9fafb)}[data-theme=dark] .confirm-dialog__cancel:hover:not(:disabled){background-color:var(--bg-hover-dark, #4b5563);border-color:var(--border-hover-dark, #6b7280)}[data-theme=dark] .confirm-dialog__confirm--danger{background-color:#dc2626}[data-theme=dark] .confirm-dialog__confirm--danger:hover:not(:disabled){background-color:#ef4444}@media(max-width:480px){.confirm-dialog__overlay{padding:.5rem;align-items:flex-end}.confirm-dialog{border-radius:16px 16px 0 0;max-width:none;animation:confirmDialogSlideUp .25s ease-out}@keyframes confirmDialogSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.confirm-dialog__content{padding:1.5rem 1rem}.confirm-dialog__actions{flex-direction:column-reverse;padding:1rem;gap:.5rem}.confirm-dialog__cancel,.confirm-dialog__confirm{padding:.875rem 1rem}}@media(prefers-reduced-motion:reduce){.confirm-dialog__overlay,.confirm-dialog{animation:none}.confirm-dialog__spinner{animation-duration:1.2s}.confirm-dialog__cancel,.confirm-dialog__confirm{transition:none}}@media(prefers-contrast:high){.confirm-dialog{border:2px solid currentColor}.confirm-dialog__cancel,.confirm-dialog__confirm{border-width:2px}.confirm-dialog__confirm--danger,.confirm-dialog__confirm--warning,.confirm-dialog__confirm--info{border:2px solid currentColor}}.toggle-switch{display:inline-flex;align-items:center;gap:var(--space-2, 8px);flex-shrink:0}.toggle-switch__label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #a1a1aa);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch--disabled .toggle-switch__label{opacity:.5;cursor:not-allowed}.toggle-switch__track{position:relative;display:inline-flex;align-items:center;width:44px;min-width:44px;max-width:44px;height:24px;min-height:24px;max-height:24px;padding:2px;background:var(--bg-overlay-medium, rgba(255, 255, 255, .06));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0;flex-grow:0}.toggle-switch__track:hover:not(:disabled){background:var(--bg-overlay-medium, rgba(255, 255, 255, .1));border-color:var(--border-hover, rgba(255, 255, 255, .15))}.toggle-switch__track:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.toggle-switch__track:disabled{opacity:.5;cursor:not-allowed}.toggle-switch--checked .toggle-switch__track{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);box-shadow:0 0 12px #6366f166}.toggle-switch--checked .toggle-switch__track:hover:not(:disabled){background:var(--accent-primary-hover, #818cf8);border-color:var(--accent-primary-hover, #818cf8);box-shadow:0 0 16px #6366f180}.toggle-switch__thumb{width:18px;height:18px;background:var(--text-tertiary, #71717a);border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch--checked .toggle-switch__thumb{transform:translate(20px);background:#fff}.toggle-switch--small .toggle-switch__track{width:36px;min-width:36px;max-width:36px;height:20px;min-height:20px;max-height:20px}.toggle-switch--small .toggle-switch__thumb{width:14px;height:14px}.toggle-switch--small.toggle-switch--checked .toggle-switch__thumb{transform:translate(16px)}.toggle-switch--large .toggle-switch__track{width:52px;min-width:52px;max-width:52px;height:28px;min-height:28px;max-height:28px}.toggle-switch--large .toggle-switch__thumb{width:22px;height:22px}.toggle-switch--large.toggle-switch--checked .toggle-switch__thumb{transform:translate(24px)}[data-theme=light] .toggle-switch__track{background:#00000014;border-color:#0000001a}[data-theme=light] .toggle-switch__track:hover:not(:disabled){background:#0000001f;border-color:#00000026}[data-theme=light] .toggle-switch__thumb{background:#71717a}[data-theme=light] .toggle-switch--checked .toggle-switch__track{background:var(--accent-primary, #6366f1);box-shadow:0 0 8px #6366f14d}@media(prefers-reduced-motion:reduce){.toggle-switch__track,.toggle-switch__thumb{transition:none}}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1, 4px);padding:2px 8px;font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);border-radius:var(--radius-full, 9999px);white-space:nowrap;line-height:1.4}.status-badge__icon{display:flex;align-items:center;justify-content:center;width:12px;height:12px}.status-badge__icon svg{width:100%;height:100%}.status-badge--small{padding:1px 6px;font-size:10px}.status-badge--small .status-badge__icon{width:10px;height:10px}.status-badge--default{background:var(--bg-overlay-medium, rgba(255, 255, 255, .06));color:var(--text-secondary, #a1a1aa)}.status-badge--success{background:#10b98126;color:var(--status-success, #10b981)}.status-badge--inactive{background:#71717a26;color:var(--text-tertiary, #71717a)}.status-badge--warning{background:#f59e0b26;color:var(--status-warning, #f59e0b)}.status-badge--error{background:#f43f5e26;color:var(--status-error, #f43f5e)}.status-badge--info{background:#0ea5e926;color:var(--status-info, #0ea5e9)}[data-theme=light] .status-badge--default{background:#0000000f;color:var(--text-secondary, #52525b)}[data-theme=light] .status-badge--inactive{background:#0000000f;color:var(--text-tertiary, #71717a)}.tier-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;font-size:var(--text-xs, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full, 9999px);white-space:nowrap;line-height:1.4}.tier-badge--small{padding:1px 6px;font-size:10px}.tier-badge--large{padding:4px 14px;font-size:var(--text-sm, .8125rem)}.tier-badge--free{background:var(--bg-overlay-medium, rgba(255, 255, 255, .06));color:var(--text-secondary, #a1a1aa)}.tier-badge--basic{background:#10b98126;color:var(--status-success, #10b981)}.tier-badge--pro{background:linear-gradient(135deg,#6366f133,#3b82f633);color:#818cf8;box-shadow:0 0 8px #6366f133}.tier-badge--pro-premium,.tier-badge--premium{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));color:#fff;box-shadow:0 0 12px #6366f14d}.tier-badge--business{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 0 12px #7c3aed4d}.tier-badge--enterprise{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 12px #f59e0b4d}[data-theme=light] .tier-badge--free{background:#0000000f;color:var(--text-secondary, #52525b)}[data-theme=light] .tier-badge--basic{background:#10b9811a;color:#059669}[data-theme=light] .tier-badge--pro{background:linear-gradient(135deg,#6366f126,#3b82f626);color:#4f46e5}header[role=banner]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 1rem);padding-top:max(var(--space-4, 1rem),env(safe-area-inset-top));background:var(--bg-elevated, #18181b)}.skip-link{position:absolute;left:-9999px;z-index:999;padding:1em;background-color:var(--bg-elevated);color:var(--text-primary);text-decoration:none}.skip-link:focus{left:50%;transform:translate(-50%);top:0}.header-brand{display:flex;align-items:center;gap:var(--space-3, .75rem)}.header-logo{height:32px;width:32px}.header-title{font-size:var(--text-lg, 1.125rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0}.header-settings{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg, 8px);cursor:pointer;color:var(--text-secondary, #a1a1aa);transition:all .15s ease;-webkit-tap-highlight-color:transparent}.header-settings:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));color:var(--text-primary, #fafafa)}.header-settings:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.header-settings svg{width:22px;height:22px}[data-theme=light] header[role=banner]{background:var(--bg-secondary, #f4f4f5)}[data-theme=light] .header-title{color:var(--text-primary, #18181b)}[data-theme=light] .header-settings{color:var(--text-secondary, #52525b)}[data-theme=light] .header-settings:hover{background:#0000000d;color:var(--text-primary, #18181b)}@media(max-width:480px){header[role=banner]{padding:var(--space-3, .75rem);padding-top:max(var(--space-3, .75rem),env(safe-area-inset-top))}.header-title{font-size:var(--text-base, 1rem)}}.password-strength{margin-top:.5rem}.strength-meter{width:100%;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.strength-meter-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.strength-info{display:flex;flex-direction:column;gap:.25rem}.strength-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.strength-feedback{list-style:none;padding:0;margin:.25rem 0 0}.strength-feedback li{font-size:.75rem;color:#6b7280;line-height:1.4;padding-left:1rem;position:relative}.strength-feedback li:before{content:"•";position:absolute;left:0;color:#9ca3af}.password-mismatch{color:#ef4444;font-size:.75rem;margin-top:.25rem;display:block}.btn:disabled{opacity:.5;cursor:not-allowed}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--background-color)}.error-content{text-align:center;max-width:500px;padding:2rem;background:var(--card-background);border-radius:8px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.error-icon{color:var(--error-color);margin-bottom:1.5rem;display:inline-block}.error-content h1{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.error-message{color:var(--text-secondary);margin:1rem 0 2rem;line-height:1.6}.error-warning{background:#ffc1071a;color:var(--warning-color);padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid var(--warning-color)}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.error-actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.error-actions button:hover{background-color:var(--primary-light)}.error-actions button:active{transform:translateY(1px)}.error-details{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.details-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:0 auto;padding:.5rem 1rem;font-size:.875rem;transition:color .2s}.details-toggle:hover{color:var(--text-color)}.error-stack{text-align:left;margin-top:1rem;background:var(--background-secondary);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border-color)}.error-stack h3{font-size:.875rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.error-stack pre{font-size:.75rem;margin:.5rem 0;white-space:pre-wrap;word-break:break-all;color:var(--text-secondary);font-family:monospace}.feature-error-boundary{padding:2rem;animation:fadeIn .3s ease-in}.error-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:2rem;text-align:center;box-shadow:var(--card-shadow)}.error-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.error-icon-small{color:var(--error-color);flex-shrink:0}.error-card h3{font-size:1.125rem;font-weight:600;color:var(--text-color);margin:0}.error-card p{color:var(--text-secondary);margin:1rem 0;line-height:1.5}.error-card .btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}.error-card .btn:hover{background-color:var(--primary-light)}.error-card .btn:active{transform:translateY(1px)}.async-error{padding:2rem;text-align:center;background:var(--card-background);border-radius:8px;border:1px solid var(--border-color);margin:2rem;box-shadow:var(--card-shadow)}.async-error p{margin-bottom:1.5rem;color:var(--text-secondary)}.network-error-boundary{padding:2rem}.network-error-boundary .error-card{max-width:400px;margin:0 auto}.form-error-message{position:fixed;top:1rem;right:1rem;background:#dc35451a;color:var(--error-color);padding:1rem 2rem 1rem 1.5rem;border-radius:8px;box-shadow:var(--notification-shadow);animation:slideIn .3s ease-out;display:flex;align-items:center;gap:1rem;max-width:400px;z-index:9999;border:1px solid var(--error-color)}.form-error-message p{margin:0;flex:1}.dismiss-btn{background:none;border:none;color:var(--error-color);font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.dismiss-btn:hover{opacity:1}.error-recovery{position:fixed;top:1rem;right:1rem;z-index:9999}.error-toast{display:flex;align-items:center;gap:.75rem;background:#dc35451a;color:var(--error-color);padding:1rem 1.5rem;border-radius:8px;box-shadow:var(--notification-shadow);animation:slideIn .3s ease-out;border:1px solid var(--error-color)}.error-toast span{flex:1}.error-toast button{background:none;border:none;color:var(--error-color);text-decoration:underline;cursor:pointer;margin-left:1rem;font-size:.875rem;opacity:.8;transition:opacity .2s}.error-toast button:hover{opacity:1}.error-actions .secondary-btn{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-color)}.error-actions .secondary-btn:hover{background-color:var(--secondary-background)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.error-boundary-container{padding:1rem}.error-content{padding:1.5rem}.error-actions{flex-direction:column;width:100%}.error-actions button{width:100%;justify-content:center}.form-error-message,.error-recovery{left:1rem;right:1rem;top:auto;bottom:1rem}.error-toast{flex-wrap:wrap}.error-toast button{margin-left:0;margin-top:.5rem}}.btn.small{padding:.5rem 1rem;font-size:.875rem}.btn:disabled,.btn[disabled]{background-color:var(--disabled-color);color:var(--disabled-text);cursor:not-allowed;opacity:.6}.btn:disabled:hover,.btn[disabled]:hover{background-color:var(--disabled-color);transform:none}.oauth-buttons-container{margin-top:24px}.oauth-divider{display:flex;align-items:center;text-align:center;margin-bottom:20px}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.oauth-divider span{padding:0 12px;font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.05em}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;font-size:.9375rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-button svg{flex-shrink:0}.oauth-button span{flex-shrink:0}.oauth-button.google{background-color:var(--bg-elevated, #18181b);border-color:var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fafafa)}.oauth-button.google:hover:not(:disabled){background-color:var(--bg-hover, #1f1f23);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.oauth-button.google:focus{outline:none;box-shadow:0 0 0 3px #4285f433}.oauth-button.microsoft{background-color:var(--bg-elevated, #18181b);border-color:var(--border-default, rgba(255, 255, 255, .1));color:var(--text-primary, #fafafa)}.oauth-button.microsoft:hover:not(:disabled){background-color:var(--bg-hover, #1f1f23);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.oauth-button.microsoft:focus{outline:none;box-shadow:0 0 0 3px #00a4ef33}.oauth-button.facebook{background-color:#1877f2;border-color:#1877f2;color:#fff}.oauth-button.facebook:hover:not(:disabled){background-color:#166fe5;border-color:#166fe5}.oauth-button.facebook:focus{outline:none;box-shadow:0 0 0 3px #1877f24d}.oauth-spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:oauth-button-spin .8s linear infinite}@keyframes oauth-button-spin{to{transform:rotate(360deg)}}.oauth-buttons-loading{margin-top:24px;display:flex;flex-direction:column;gap:12px}.oauth-button-skeleton{height:48px;background:linear-gradient(90deg,var(--bg-elevated, #18181b) 25%,var(--bg-hover, #1f1f23) 50%,var(--bg-elevated, #18181b) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@media(min-width:480px){.oauth-buttons{flex-direction:row}.oauth-button{flex:1}.oauth-button span{display:none}.oauth-button svg{margin:0}}@media(min-width:640px){.oauth-button span{display:inline}}.login-step-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 1rem) var(--space-2, .5rem);width:100%;min-height:52px}.login-step-header__back-container{width:44px;display:flex;align-items:center;justify-content:flex-start}.login-step-header__back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-lg, 8px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.login-step-header__back:hover{color:var(--text-primary, #fafafa);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.login-step-header__back:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.login-step-header__back:active{transform:scale(.95)}.login-step-header__progress{flex:1;display:flex;justify-content:center;max-width:120px}.login-step-header__progress .progress-indicator{padding:0}.login-step-header__progress .progress-indicator__steps{gap:var(--space-2, .5rem)}.login-step-header__spacer{width:44px}@media(max-width:480px){.login-step-header{padding:var(--space-3, .75rem) var(--space-1, .25rem);min-height:48px}.login-step-header__back-container,.login-step-header__spacer{width:40px}.login-step-header__back{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.login-step-header__back{transition:none}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:var(--bg-base, #0a0a0b);z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-subtle, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}[data-theme=light] .loading-overlay{background-color:var(--bg-base, #ffffff)}[data-theme=light] .loading-spinner{border-color:#0000001a;border-top-color:var(--accent-primary, #6366f1)}.login-form{display:flex;flex-direction:column;width:100%;max-width:400px;margin:0 auto;min-height:100%}.login-step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4, 1rem);animation:stepFadeIn .2s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-step__content{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4, 1rem)}.login-step__title{font-size:var(--text-2xl, 1.25rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0;line-height:1.3}.login-step__subtitle{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);margin:0;line-height:1.5}.login-step__subtitle strong{color:var(--text-primary, #fafafa);font-weight:500}.login-step__form{width:100%;display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.login-step__input-group{display:flex;flex-direction:column;gap:var(--space-2, .5rem);text-align:left}.login-step__label{font-size:var(--text-sm, .8125rem);font-weight:500;color:var(--text-secondary, #a1a1aa)}.login-step__input{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);font-size:var(--text-base, .875rem);transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.login-step__input:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px var(--accent-primary-muted, rgba(99, 102, 241, .15))}.login-step__input::placeholder{color:var(--text-tertiary, #71717a)}.login-step__input[aria-invalid=true]{border-color:var(--status-error, #f43f5e)}.login-step__input--code{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xl, 1.125rem);letter-spacing:.5em;text-align:center;padding:var(--space-4, 1rem)}.login-step__hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin:0}.login-step__button{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-lg, 8px);font-size:var(--text-base, .875rem);font-weight:500;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.login-step__button--primary{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));color:#fff;border:none}.login-step__button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(99, 102, 241, .3))}.login-step__button--primary:active:not(:disabled){transform:translateY(0)}.login-step__button--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-step__button--secondary{background:var(--bg-elevated, #18181b);color:var(--text-primary, #fafafa);border:1px solid var(--border-default, rgba(255, 255, 255, .1))}.login-step__button--secondary:hover:not(:disabled){background:var(--bg-hover, #1f1f23);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.login-step__button--secondary:disabled{opacity:.5;cursor:not-allowed}.login-step__divider{display:flex;align-items:center;gap:var(--space-3, .75rem);width:100%;margin:var(--space-2, .5rem) 0}.login-step__divider:before,.login-step__divider:after{content:"";flex:1;height:1px;background:var(--border-subtle, rgba(255, 255, 255, .06))}.login-step__divider span{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.05em}.login-step__error{width:100%;padding:var(--space-3, .75rem);background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-lg, 8px);color:var(--status-error, #f43f5e);font-size:var(--text-sm, .8125rem);text-align:center}.login-step__resend{margin-top:var(--space-2, .5rem)}.login-step__resend-timer{font-size:var(--text-sm, .8125rem);color:var(--text-tertiary, #71717a)}.login-step__resend-button{background:transparent;border:none;color:var(--accent-primary, #6366f1);font-size:var(--text-sm, .8125rem);cursor:pointer;padding:0;transition:color var(--duration-normal, .15s) var(--ease-default, ease)}.login-step__resend-button:hover:not(:disabled){color:var(--accent-primary-hover, #818cf8)}.login-step__resend-button:disabled{opacity:.5;cursor:not-allowed}.login-step__options{width:100%;display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.login-step__option-card{display:flex;align-items:center;gap:var(--space-3, .75rem);width:100%;padding:var(--space-4, 1rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-xl, 12px);cursor:pointer;text-align:left;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.login-step__option-card:hover:not(:disabled){border-color:var(--accent-primary, #6366f1);background:var(--bg-hover, #1f1f23)}.login-step__option-card:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.login-step__option-card:disabled{opacity:.5;cursor:not-allowed}.login-step__option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border-radius:var(--radius-lg, 8px);color:var(--accent-primary, #6366f1);flex-shrink:0}.login-step__option-content{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.login-step__option-title{font-size:var(--text-base, .875rem);font-weight:500;color:var(--text-primary, #fafafa)}.login-step__option-description{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa)}.passkey-section{display:flex;flex-direction:column;gap:var(--space-3, .75rem);width:100%;margin-top:var(--space-4, 1rem)}.passkey-divider{display:flex;align-items:center;gap:var(--space-3, .75rem);color:var(--text-tertiary, #71717a);font-size:var(--text-sm, .8125rem)}.passkey-divider:before,.passkey-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle, rgba(255, 255, 255, .06))}.passkey-divider span{text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs, .75rem)}.btn.secondary-btn{background:var(--bg-elevated, #18181b);color:var(--text-primary, #fafafa);border:1px solid var(--border-default, rgba(255, 255, 255, .1));padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-lg, 8px);cursor:pointer;font-size:var(--text-base, .875rem);font-weight:500;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.btn.secondary-btn:hover:not(:disabled){background:var(--bg-hover, #1f1f23);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.btn.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.btn.text-btn{background:transparent;border:none;color:var(--text-secondary, #a1a1aa);padding:var(--space-2, .5rem);cursor:pointer;font-size:var(--text-sm, .8125rem);transition:color var(--duration-normal, .15s) var(--ease-default, ease)}.btn.text-btn:hover:not(:disabled){color:var(--text-primary, #fafafa)}.btn.text-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.login-form{max-width:100%}.login-step{padding:var(--space-3, .75rem)}.login-step__title{font-size:var(--text-xl, 1.125rem)}.login-step__input--code{font-size:var(--text-lg, 1rem);letter-spacing:.3em}.login-step__option-card{padding:var(--space-3, .75rem)}.login-step__option-icon{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.login-step{animation:none}.login-step__button,.login-step__input,.login-step__option-card{transition:none}}@media(prefers-contrast:high){.login-step__input{border-width:2px}.login-step__button--primary{background:var(--accent-primary, #6366f1)}.login-step__error{border-width:2px}}.oauth-callback-handler{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#fffffffa;z-index:9999}.oauth-callback-content{text-align:center;padding:40px;max-width:400px}.oauth-callback-content h2{margin:20px 0 10px;font-size:1.5rem;font-weight:600;color:#1a1a1a}.oauth-callback-content p{margin:0 0 10px;color:#666;font-size:1rem;line-height:1.5}.oauth-note{font-size:.875rem;color:#888;margin-top:16px}.oauth-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#4285f4;border-radius:50%;margin:0 auto;animation:oauth-spin 1s linear infinite}@keyframes oauth-spin{to{transform:rotate(360deg)}}.oauth-success-icon{width:64px;height:64px;margin:0 auto;color:#34a853}.oauth-success-icon svg{width:100%;height:100%}.oauth-callback-handler.success .oauth-callback-content h2{color:#34a853}.oauth-error-icon{width:64px;height:64px;margin:0 auto;color:#ea4335}.oauth-error-icon svg{width:100%;height:100%}.oauth-callback-handler.error .oauth-callback-content h2{color:#ea4335}.oauth-error-code{font-family:monospace;font-size:.75rem;color:#999;background:#f5f5f5;padding:4px 8px;border-radius:4px;display:inline-block;margin-top:8px}.oauth-retry-button{margin-top:24px;padding:12px 32px;font-size:1rem;font-weight:500;color:#fff;background:#4285f4;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.oauth-retry-button:hover{background:#357abd}.oauth-retry-button:focus{outline:none;box-shadow:0 0 0 3px #4285f44d}@media(prefers-color-scheme:dark){.oauth-callback-handler{background:#1a1a1afa}.oauth-callback-content h2{color:#fff}.oauth-callback-content p{color:#aaa}.oauth-note{color:#888}.oauth-spinner{border-color:#333;border-top-color:#4285f4}.oauth-error-code{background:#2a2a2a;color:#888}}.quick-stats{display:flex;gap:var(--space-3, .75rem)}.quick-stats__card{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-4, 1rem) var(--space-3, .75rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);text-align:center}.quick-stats__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg, 8px)}.quick-stats__icon--emails{background:#0ea5e926;color:#0ea5e9}.quick-stats__icon--masks{background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1)}.quick-stats__icon--blocked{background:#10b98126;color:#10b981}.quick-stats__content{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.quick-stats__value{font-size:var(--text-xl, 1.125rem);font-weight:600;color:var(--text-primary, #fafafa);line-height:1}.quick-stats__label{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.05em}@media(max-width:480px){.quick-stats{gap:var(--space-2, .5rem)}.quick-stats__card{padding:var(--space-3, .75rem) var(--space-2, .5rem)}.quick-stats__icon{width:28px;height:28px}.quick-stats__value{font-size:var(--text-lg, 1rem)}}@media(min-width:768px){.quick-stats__card{flex-direction:row;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);text-align:left}.quick-stats__icon{width:40px;height:40px}.quick-stats__content{align-items:flex-start}}.recent-activity{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.recent-activity__header{font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.05em;margin:0}.recent-activity__list{display:flex;flex-direction:column;background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);overflow:hidden}.recent-activity__item{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.recent-activity__item:last-child{border-bottom:none}.recent-activity__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg, 8px);flex-shrink:0}.recent-activity__icon--forwarded{background:#10b98126;color:#10b981}.recent-activity__icon--blocked{background:#f43f5e26;color:#f43f5e}.recent-activity__icon--tracker{background:#f59e0b26;color:#f59e0b}.recent-activity__icon--summary{background:#0ea5e926;color:#0ea5e9}.recent-activity__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1, .25rem);min-width:0}.recent-activity__sender{font-size:var(--text-sm, .8125rem);font-weight:500;color:var(--text-primary, #fafafa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-activity__details{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-activity__mask{color:var(--text-secondary, #a1a1aa)}.recent-activity__time{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);flex-shrink:0}.recent-activity__empty{padding:var(--space-6, 1.5rem) var(--space-4, 1rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);text-align:center}.recent-activity__empty-text{font-size:var(--text-sm, .8125rem);color:var(--text-tertiary, #71717a);margin:0;line-height:1.5}@media(max-width:480px){.recent-activity__item{padding:var(--space-3, .75rem)}.recent-activity__icon{width:28px;height:28px}.recent-activity__sender{font-size:var(--text-xs, .75rem)}}.home-page{display:flex;flex-direction:column;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);max-width:600px;margin:0 auto;min-height:100%}.home-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2, .5rem) 0}.home-header__brand{display:flex;align-items:center;gap:var(--space-2, .5rem)}.home-header__logo{width:32px;height:32px;flex-shrink:0}.home-header__title{font-size:var(--text-2xl, 1.25rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0}.home-header__settings{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--radius-lg, 8px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.home-header__settings:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));color:var(--text-primary, #fafafa)}.home-header__settings:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.home-create-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3, .75rem);width:100%;padding:var(--space-4, 1rem) var(--space-5, 1.25rem);background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));border:none;border-radius:var(--radius-xl, 12px);color:#fff;font-size:var(--text-lg, 1rem);font-weight:600;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease);box-shadow:0 4px 12px #6366f140}.home-create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(99, 102, 241, .4))}.home-create-button:active{transform:translateY(0)}.home-create-button:focus-visible{outline:2px solid white;outline-offset:2px}.home-create-button__icon{display:flex;align-items:center;justify-content:center}.home-create-button__text{flex-shrink:0}.home-nav-cards{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.home-nav-card{display:flex;align-items:center;gap:var(--space-3, .75rem);width:100%;padding:var(--space-4, 1rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);cursor:pointer;text-align:left;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.home-nav-card:hover{background:var(--bg-hover, #1f1f23);border-color:var(--border-hover, rgba(255, 255, 255, .1));transform:translate(4px)}.home-nav-card:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.home-nav-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border-radius:var(--radius-lg, 8px);color:var(--accent-primary, #6366f1);flex-shrink:0}.home-nav-card__icon--insights{background:#0ea5e926;color:#0ea5e9}.home-nav-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-1, .25rem);min-width:0}.home-nav-card__title{font-size:var(--text-base, .875rem);font-weight:500;color:var(--text-primary, #fafafa)}.home-nav-card__subtitle{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa)}.home-nav-card>svg{color:var(--text-tertiary, #71717a);flex-shrink:0}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3, .75rem)}.home-section-title{font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.05em;margin:0}.home-section-link{font-size:var(--text-sm, .8125rem);color:var(--accent-primary, #6366f1);background:none;border:none;cursor:pointer;padding:0;transition:color var(--duration-normal, .15s)}.home-section-link:hover{color:var(--accent-primary-hover, #818cf8)}@media(max-width:480px){.home-page{padding:var(--space-3, .75rem);gap:var(--space-3, .75rem)}.home-header__title{font-size:var(--text-xl, 1.125rem)}.home-create-button{padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--text-base, .875rem)}.home-nav-card{padding:var(--space-3, .75rem)}.home-nav-card__icon{width:40px;height:40px}}@media(min-width:768px){.home-page{padding:var(--space-6, 1.5rem);gap:var(--space-5, 1.25rem)}.home-nav-cards{flex-direction:row}.home-nav-card{flex:1}.home-nav-card:hover{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.home-create-button,.home-nav-card,.home-header__settings{transition:none}.home-create-button:hover,.home-nav-card:hover{transform:none}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal, 700);padding:0}@media(min-width:768px){.modal{align-items:center;padding:var(--space-4, 16px)}}.modal-content{background:var(--bg-surface, #111113);width:100%;height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275))}@keyframes modalSlideUp{0%{transform:translateY(100%);opacity:.9}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.modal-content{width:100%;max-width:420px;height:auto;max-height:85vh;border-radius:var(--radius-xl, 12px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));box-shadow:0 24px 48px #0006;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, 12px) var(--space-4, 16px);padding-top:max(var(--space-3, 12px),env(safe-area-inset-top));border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));flex-shrink:0}.modal-header h3{font-size:var(--text-base, .9375rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0}.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);cursor:pointer;font-size:20px;line-height:1;transition:all .15s ease;margin:calc(var(--space-1, 4px) * -1)}.close-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fafafa)}.close-btn:active{background:var(--bg-active, rgba(255, 255, 255, .08))}.modal-body{flex:1;overflow-y:auto;padding:var(--space-4, 16px);-webkit-overflow-scrolling:touch}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);margin-bottom:var(--space-1-5, 6px);text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-3, 12px);font-size:var(--text-base, 16px);font-family:inherit;border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 6px);background:var(--bg-elevated, #18181b);color:var(--text-primary, #fafafa);transition:border-color .15s ease,box-shadow .15s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary, #52525b)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary, #6366f1);outline:none;box-shadow:0 0 0 2px var(--accent-primary-muted, rgba(99, 102, 241, .15))}.form-group input:disabled,.form-group input.disabled-input{background:var(--bg-surface, #111113);border-color:var(--border-subtle, rgba(255, 255, 255, .06));color:var(--text-secondary, #a1a1aa);cursor:not-allowed;opacity:.7}.help-text{margin-top:var(--space-1, 4px);font-size:var(--text-xs, .6875rem);color:var(--text-tertiary, #52525b);line-height:1.4}.checkbox-group{margin-bottom:var(--space-4, 16px)}.checkbox-label{display:flex;align-items:center;gap:var(--space-3, 12px);cursor:pointer;padding:var(--space-3, 12px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px);transition:all .15s ease}.checkbox-label:hover{border-color:var(--border-default, rgba(255, 255, 255, .1))}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent-primary, #6366f1);cursor:pointer;flex-shrink:0}.checkbox-label span{font-size:var(--text-sm, .8125rem);color:var(--text-primary, #fafafa)}.checkbox-group .help-text{margin-top:var(--space-2, 8px);margin-left:0}.custom-prefix-container{background:var(--accent-primary-muted, rgba(99, 102, 241, .08));border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md, 6px);padding:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.custom-prefix-container label{margin-bottom:var(--space-2, 8px)}.custom-prefix-container input{background:var(--bg-surface, #111113)}.custom-prefix-container .help-text{font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--text-accent, #818cf8)}.pro-badge{display:inline-flex;align-items:center;background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;font-size:9px;font-weight:var(--font-bold, 700);padding:2px 6px;border-radius:var(--radius-full, 9999px);margin-left:var(--space-2, 8px);text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.error-message{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px);background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-md, 6px);color:var(--status-error, #f43f5e);font-size:var(--text-sm, .8125rem);margin-bottom:var(--space-4, 16px)}.error-message:before{content:"!";display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--status-error, #f43f5e);color:#fff;border-radius:var(--radius-full, 9999px);font-size:11px;font-weight:var(--font-bold, 700);flex-shrink:0}.form-actions{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-4, 16px);padding-bottom:max(var(--space-4, 16px),env(safe-area-inset-bottom));background:var(--bg-surface, #111113);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));flex-shrink:0}@media(min-width:768px){.form-actions{flex-direction:row;justify-content:space-between}}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:var(--space-3, 12px) var(--space-4, 16px);border:none;border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}@media(min-width:768px){.btn{width:auto;min-width:100px;min-height:40px}}.primary-btn{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;order:-1}.primary-btn:hover{opacity:.9}.primary-btn:active{transform:scale(.98)}.secondary-btn{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary, #a1a1aa)}.secondary-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));border-color:var(--border-hover, rgba(255, 255, 255, .15))}.danger-btn{background:transparent;border:1px solid var(--status-error, #f43f5e);color:var(--status-error, #f43f5e);order:1}.danger-btn:hover{background:#f43f5e1a}.danger-btn:active{background:#f43f5e26}.danger-btn.danger-btn--confirming,.btn.danger-btn:not(.secondary-btn){background:var(--status-error, #f43f5e);border-color:var(--status-error, #f43f5e);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}[data-theme=light] .modal{background:#0006}[data-theme=light] .modal-content{background:var(--bg-primary, #ffffff)}[data-theme=light] .modal-header{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .modal-header h3{color:var(--text-primary, #18181b)}[data-theme=light] .close-btn{color:var(--text-secondary, #71717a)}[data-theme=light] .close-btn:hover{background:#0000000a;color:var(--text-primary, #18181b)}[data-theme=light] .form-group label{color:var(--text-secondary, #71717a)}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .08));color:var(--text-primary, #18181b)}[data-theme=light] .form-group input:disabled,[data-theme=light] .form-group input.disabled-input{background:var(--bg-tertiary, #e4e4e7);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder{color:var(--text-tertiary, #a1a1aa)}[data-theme=light] .checkbox-label{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .checkbox-label span{color:var(--text-primary, #18181b)}[data-theme=light] .custom-prefix-container{background:#6366f10d;border-color:#6366f126}[data-theme=light] .custom-prefix-container input{background:#fff}[data-theme=light] .form-actions{background:var(--bg-primary, #ffffff);border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .secondary-btn{border-color:var(--border-default, rgba(0, 0, 0, .1));color:var(--text-secondary, #52525b)}[data-theme=light] .secondary-btn:hover{background:#0000000a}@media(prefers-reduced-motion:reduce){.modal-content{animation:none}.btn,.close-btn,.form-group input,.checkbox-label{transition:none}.primary-btn:active,.danger-btn:active{transform:none}}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-full, 9999px)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--border-hover, rgba(255, 255, 255, .2))}[data-theme=light] .modal-body::-webkit-scrollbar-thumb{background:var(--border-default, rgba(0, 0, 0, .1))}.masks-container{display:flex;flex-direction:column;gap:var(--space-4, 16px);width:100%}.mask-card{background:var(--card-bg, #111113);border:1px solid var(--card-border, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-5, 20px);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;width:100%;overflow:hidden}.mask-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}.mask-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-lg, 0 8px 16px rgba(0, 0, 0, .4)),0 0 30px #6366f114;transform:translateY(-2px)}.mask-card.disabled{opacity:.8;border-color:#f43f5e4d;background:linear-gradient(135deg,var(--card-bg, #111113) 0%,rgba(244,63,94,.05) 100%)}.mask-card.disabled:hover{transform:none;box-shadow:none;border-color:#f43f5e66}.mask-card.disabled .mask-description{text-decoration:line-through;text-decoration-color:var(--status-error, #f43f5e);color:var(--text-tertiary, #71717a)}.mask-card.disabled .mask-address{color:var(--text-tertiary, #71717a)}.mask-disabled-badge{display:inline-flex;align-items:center;gap:var(--space-1, 4px);padding:3px 8px;background:#f43f5e26;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-sm, 4px);font-size:var(--text-xs, .75rem);font-weight:var(--font-semibold, 600);color:var(--status-error, #f43f5e);text-transform:uppercase;letter-spacing:.03em;margin-left:var(--space-2, 8px)}.mask-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3, 12px)}.mask-description{font-size:var(--text-lg, 1rem);font-weight:var(--font-semibold, 600);margin:0;color:var(--text-primary, #fafafa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 80px);line-height:1.4}.mask-actions{display:flex;align-items:center;gap:var(--space-2, 8px);position:relative}.icon-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #a1a1aa);padding:var(--space-1-5, 6px);border-radius:var(--radius-md, 6px);transition:all .15s ease}.icon-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fafafa)}.icon-btn:active{background:var(--bg-active, rgba(255, 255, 255, .08))}.mask-toggle{position:relative;display:inline-block;width:44px;height:24px}.mask-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--toggle-bg, rgba(255, 255, 255, .1));transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:var(--radius-full, 9999px)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:var(--toggle-knob, #ffffff);transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000004d}input:checked+.toggle-slider{background:var(--color-primary, #6366f1);box-shadow:var(--shadow-glow-subtle, 0 0 10px rgba(99, 102, 241, .2))}input:checked+.toggle-slider:before{transform:translate(20px)}input:focus-visible+.toggle-slider{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.mask-email{display:flex;align-items:center;background:var(--bg-primary, #0a0a0b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);padding:var(--space-3, 12px) var(--space-4, 16px);margin-bottom:var(--space-4, 16px);cursor:pointer;position:relative;overflow:hidden;transition:all .15s ease}.mask-email:hover{background:var(--bg-secondary, #111113);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.mask-address{font-size:var(--text-sm, .8125rem);color:var(--text-accent, #818cf8);font-family:var(--font-mono, "JetBrains Mono", monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;letter-spacing:.02em}.copy-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary, #a1a1aa);padding:var(--space-1, 4px);margin-left:var(--space-2, 8px);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm, 4px);transition:all .15s ease}.copy-btn:hover{color:var(--text-primary, #fafafa);background:var(--bg-hover, rgba(255, 255, 255, .05))}.copy-btn.copied{color:var(--color-success, #10b981)}.mask-details{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-bottom:var(--space-4, 16px);font-size:var(--text-sm, .875rem)}.mask-detail{display:flex;flex-direction:column;gap:var(--space-1, 4px)}@media(min-width:768px){.mask-detail{flex-direction:row;align-items:center;gap:0}}.detail-label{color:var(--text-tertiary, #71717a);font-weight:var(--font-medium, 500);min-width:100px}.detail-value{color:var(--text-secondary, #a1a1aa);word-break:break-word}.mask-stats{display:flex;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));padding-top:var(--space-4, 16px);margin-top:var(--space-2, 8px)}.stat{flex:1;text-align:center;position:relative}.stat:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:24px;width:1px;background:var(--border-subtle, rgba(255, 255, 255, .06))}.stat-value{font-size:var(--text-xl, 1.125rem);font-weight:var(--font-bold, 700);color:var(--text-primary, #fafafa);line-height:1.2}.stat-value.highlight{color:var(--text-accent, #818cf8);text-shadow:0 0 20px rgba(99,102,241,.3)}.stat-label{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin-top:var(--space-1, 4px);text-transform:uppercase;letter-spacing:.05em}.mask-options-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);box-shadow:var(--shadow-xl, 0 16px 32px rgba(0, 0, 0, .5));z-index:var(--z-dropdown, 100);min-width:160px;overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mask-options-dropdown button{width:100%;text-align:left;padding:var(--space-3, 12px) var(--space-4, 16px);background:transparent;border:none;cursor:pointer;font-size:var(--text-sm, .875rem);color:var(--text-primary, #fafafa);display:flex;align-items:center;gap:var(--space-2, 8px);transition:background-color .1s ease}.mask-options-dropdown button:hover{background:var(--bg-hover, rgba(255, 255, 255, .05))}.mask-options-dropdown button:last-child{color:var(--color-error, #f43f5e)}.mask-options-dropdown button:last-child:hover{background:var(--color-error-light, rgba(244, 63, 94, .15))}[data-theme=light] .mask-card{background:var(--card-bg, #ffffff);border-color:var(--card-border, rgba(0, 0, 0, .06))}[data-theme=light] .mask-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent)}[data-theme=light] .mask-card:hover{border-color:#6366f14d;box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .08)),0 0 20px #6366f114}[data-theme=light] .mask-description{color:var(--text-primary, #18181b)}[data-theme=light] .toggle-slider{background:var(--toggle-bg, #d1d5db)}[data-theme=light] .mask-email{background:var(--bg-secondary, #fafafa);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .mask-address{color:var(--color-primary, #6366f1)}[data-theme=light] .stat-value{color:var(--text-primary, #18181b)}[data-theme=light] .stat-value.highlight{color:var(--color-primary, #6366f1)}[data-theme=light] .mask-options-dropdown{background:var(--bg-elevated, #ffffff);border-color:var(--border-default, rgba(0, 0, 0, .1));box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .1))}[data-theme=light] .mask-options-dropdown button{color:var(--text-primary, #18181b)}[data-theme=light] .mask-options-dropdown button:hover{background:var(--bg-hover, rgba(0, 0, 0, .04))}[data-theme=light] .mask-card.disabled{background:linear-gradient(135deg,var(--card-bg, #ffffff) 0%,rgba(244,63,94,.06) 100%);border-color:#f43f5e59}[data-theme=light] .mask-card.disabled .mask-description,[data-theme=light] .mask-card.disabled .mask-address{color:var(--text-secondary, #71717a)}@media(max-width:767px){.mask-card{padding:var(--space-4, 16px)}.mask-description{font-size:var(--text-base, .9375rem);max-width:calc(100% - 70px)}.mask-email{padding:var(--space-2, 8px) var(--space-3, 12px)}.mask-address{font-size:var(--text-xs, .75rem)}.mask-details{font-size:var(--text-xs, .75rem);margin-bottom:var(--space-3, 12px)}.detail-label{min-width:auto}.stat-value{font-size:var(--text-lg, 1rem)}.stat-label{font-size:.6875rem}.mask-toggle{width:40px;height:22px}.toggle-slider:before{height:18px;width:18px}input:checked+.toggle-slider:before{transform:translate(18px)}}@media(prefers-reduced-motion:reduce){.mask-card{transition:none}.mask-card:hover{transform:none}.toggle-slider,.toggle-slider:before{transition:none}.mask-options-dropdown{animation:none}}@media(prefers-contrast:high){.mask-card,.mask-email{border-width:2px}.stat:not(:last-child):after{width:2px}}.mask-card-compact{display:flex;align-items:center;gap:var(--space-3, 12px);background:var(--bg-surface, #111113);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-4, 16px);cursor:pointer;transition:all .15s ease;position:relative;-webkit-tap-highlight-color:transparent}.mask-card-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none;border-radius:var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0}.mask-card-compact:hover{background:var(--bg-hover, #1f1f23);border-color:var(--border-hover, rgba(255, 255, 255, .1))}.mask-card-compact:active{background:var(--bg-active, #27272b);transform:scale(.99)}.mask-card-compact:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.mask-card-compact--disabled{opacity:.75;border-color:#f43f5e4d;background:linear-gradient(135deg,var(--bg-surface, #111113) 0%,rgba(244,63,94,.05) 100%)}.mask-card-compact--disabled:hover{background:linear-gradient(135deg,var(--bg-hover, #1f1f23) 0%,rgba(244,63,94,.08) 100%);border-color:#f43f5e66}.mask-card-compact--disabled .mask-card-compact__title{text-decoration:line-through;text-decoration-color:var(--status-error, #f43f5e);color:var(--text-tertiary, #71717a)}.mask-card-compact--disabled .mask-card-compact__email{color:var(--text-tertiary, #71717a)}.mask-card-compact__disabled-badge{display:inline-flex;align-items:center;gap:var(--space-1, 4px);padding:2px 6px;background:#f43f5e26;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius-sm, 4px);font-size:var(--text-xs, .6875rem);font-weight:var(--font-semibold, 600);color:var(--status-error, #f43f5e);text-transform:uppercase;letter-spacing:.03em;margin-left:var(--space-2, 8px);flex-shrink:0}.mask-card-compact__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mask-card-compact__title-row{display:flex;align-items:center;gap:var(--space-2, 8px);min-width:0}.mask-card-compact__title{font-size:var(--text-base, .9375rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.mask-card-compact__email-row{display:flex;align-items:center;gap:var(--space-2, 8px)}.mask-card-compact__email{font-size:var(--text-sm, .8125rem);font-family:var(--font-mono, "JetBrains Mono", monospace);color:var(--text-accent, #818cf8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.mask-card-compact__copy-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all .15s ease}.mask-card-compact__copy-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fafafa)}.mask-card-compact__copy-btn:active{transform:scale(.95)}.mask-card-compact__copy-btn--success{background:var(--status-success-muted, rgba(16, 185, 129, .15));border-color:var(--status-success, #10b981);color:var(--status-success, #10b981)}.mask-card-compact__actions{display:flex;align-items:center;gap:var(--space-2, 8px);flex-shrink:0}.mask-card-compact__toggle{position:relative;display:inline-block;width:44px;height:26px;flex-shrink:0}.mask-card-compact__toggle input{opacity:0;width:0;height:0;position:absolute}.mask-card-compact__toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--toggle-bg, rgba(255, 255, 255, .1));transition:all .2s ease;border-radius:var(--radius-full, 9999px)}.mask-card-compact__toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:2px;bottom:2px;background:var(--toggle-knob, #ffffff);transition:all .2s ease;border-radius:50%;box-shadow:0 2px 4px #0000004d}.mask-card-compact__toggle input:checked+.mask-card-compact__toggle-slider{background:var(--accent-primary, #6366f1);box-shadow:0 0 12px #6366f14d}.mask-card-compact__toggle input:checked+.mask-card-compact__toggle-slider:before{transform:translate(18px)}.mask-card-compact__toggle input:focus-visible+.mask-card-compact__toggle-slider{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.mask-card-compact__toggle input:disabled+.mask-card-compact__toggle-slider{opacity:.5;cursor:not-allowed}.mask-card-compact__chevron{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #71717a);transition:transform .15s ease}.mask-card-compact:hover .mask-card-compact__chevron{transform:translate(2px);color:var(--text-secondary, #a1a1aa)}[data-theme=light] .mask-card-compact{background:var(--bg-surface, #ffffff);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .mask-card-compact:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent)}[data-theme=light] .mask-card-compact:hover{background:var(--bg-hover, #f9fafb);border-color:var(--border-hover, rgba(0, 0, 0, .1))}[data-theme=light] .mask-card-compact__title{color:var(--text-primary, #18181b)}[data-theme=light] .mask-card-compact__email{color:var(--accent-primary, #6366f1)}[data-theme=light] .mask-card-compact__copy-btn{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .mask-card-compact__toggle-slider{background:var(--toggle-bg, #d1d5db)}[data-theme=light] .mask-card-compact--disabled{background:linear-gradient(135deg,var(--bg-surface, #ffffff) 0%,rgba(244,63,94,.08) 100%);border-color:#f43f5e59}[data-theme=light] .mask-card-compact--disabled:hover{background:linear-gradient(135deg,var(--bg-hover, #f9fafb) 0%,rgba(244,63,94,.12) 100%)}[data-theme=light] .mask-card-compact--disabled .mask-card-compact__title,[data-theme=light] .mask-card-compact--disabled .mask-card-compact__email{color:var(--text-secondary, #71717a)}@media(prefers-reduced-motion:reduce){.mask-card-compact,.mask-card-compact__copy-btn,.mask-card-compact__toggle-slider,.mask-card-compact__toggle-slider:before,.mask-card-compact__chevron{transition:none}.mask-card-compact:active{transform:none}}.bottom-sheet-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-bottom-sheet, 500);pointer-events:none}.bottom-sheet-container>*{pointer-events:auto}.bottom-sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--duration-normal, .15s) ease-out;z-index:var(--z-bottom-sheet-backdrop, 400)}.bottom-sheet__backdrop--visible{opacity:1}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated, #18181b);border-radius:var(--radius-2xl, 16px) var(--radius-2xl, 16px) 0 0;z-index:var(--z-bottom-sheet, 500);transform:translateY(100%);max-height:var(--snap-height, 60vh);display:flex;flex-direction:column;box-shadow:0 -4px 20px #0000004d,0 -1px #ffffff0d;overflow:hidden;isolation:isolate;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bottom-sheet:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none;border-radius:var(--radius-2xl, 16px) var(--radius-2xl, 16px) 0 0}.bottom-sheet--open{transform:translateY(0);transition:transform .3s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275)),max-height .3s var(--ease-default, cubic-bezier(.4, 0, .2, 1))}.bottom-sheet--dragging{transition:none!important}.bottom-sheet--animating{transition:transform .25s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275))}.bottom-sheet[style*="--snap-height: 100vh"]{border-radius:0;max-height:100vh}.bottom-sheet__handle-area{padding:var(--space-3, 12px) var(--space-4, 16px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.bottom-sheet__handle-area:active{cursor:grabbing}.bottom-sheet__handle-area:focus-visible{outline:none}.bottom-sheet__handle-area:focus-visible .bottom-sheet__handle{background:var(--accent-primary, #6366f1);box-shadow:0 0 0 2px var(--accent-primary-muted, rgba(99, 102, 241, .3))}.bottom-sheet__handle{width:36px;height:4px;background:var(--border-default, rgba(255, 255, 255, .15));border-radius:var(--radius-full, 9999px);margin:0 auto;transition:background-color var(--duration-fast, .1s) ease}.bottom-sheet__handle-area:hover .bottom-sheet__handle{background:var(--border-hover, rgba(255, 255, 255, .25))}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5, 20px) var(--space-3, 12px);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));flex-shrink:0}.bottom-sheet__title{font-size:var(--text-lg, 1rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0}.bottom-sheet__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all var(--duration-fast, .1s) ease}.bottom-sheet__close-btn:hover{background:var(--bg-hover, rgba(255, 255, 255, .05));color:var(--text-primary, #fafafa)}.bottom-sheet__close-btn:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.bottom-sheet__content{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-4, 16px) var(--space-5, 20px)}.bottom-sheet__content:after{content:"";display:block;height:env(safe-area-inset-bottom,34px);min-height:var(--space-4, 16px)}[data-theme=light] .bottom-sheet__backdrop{background:#0006}[data-theme=light] .bottom-sheet{background:var(--bg-elevated, #ffffff);box-shadow:0 -4px 20px #00000026,0 -1px #0000000d}[data-theme=light] .bottom-sheet:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.03),transparent)}[data-theme=light] .bottom-sheet__handle{background:var(--border-default, rgba(0, 0, 0, .15))}[data-theme=light] .bottom-sheet__handle-area:hover .bottom-sheet__handle{background:var(--border-hover, rgba(0, 0, 0, .25))}[data-theme=light] .bottom-sheet__title{color:var(--text-primary, #18181b)}@media(prefers-reduced-motion:reduce){.bottom-sheet,.bottom-sheet__backdrop,.bottom-sheet--open{transition:none}}@media(prefers-contrast:high){.bottom-sheet{border:2px solid var(--border-default)}.bottom-sheet__header{border-bottom-width:2px}}.mask-detail-sheet{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.mask-detail-sheet__email-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, 4px);width:100%;padding:var(--space-4, 16px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mask-detail-sheet__email-btn:active{transform:scale(.98);background:var(--bg-hover, #1f1f23)}.mask-detail-sheet__email-btn--success{background:var(--status-success-muted, rgba(16, 185, 129, .1));border-color:var(--status-success, #10b981)}.mask-detail-sheet__email{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8125rem);color:var(--text-accent, #818cf8);word-break:break-all;text-align:center}.mask-detail-sheet__copy-hint{font-size:var(--text-xs, .6875rem);color:var(--text-tertiary, #52525b)}.mask-detail-sheet__email-btn--success .mask-detail-sheet__copy-hint{color:var(--status-success, #10b981)}.mask-detail-sheet__info{padding:0 var(--space-1, 4px);display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mask-detail-sheet__info-row{display:flex;justify-content:space-between;align-items:center}.mask-detail-sheet__info-label{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.mask-detail-sheet__info-value{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa)}.mask-detail-sheet__info-status{display:flex;align-items:center;gap:var(--space-1, 4px);font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500)}.mask-detail-sheet__status-dot{width:8px;height:8px;border-radius:50%}.mask-detail-sheet__info-status--on{color:var(--status-success, #10b981)}.mask-detail-sheet__info-status--on .mask-detail-sheet__status-dot{background:var(--status-success, #10b981);box-shadow:0 0 6px #10b98180}.mask-detail-sheet__info-status--off{color:var(--text-tertiary, #71717a)}.mask-detail-sheet__info-status--off .mask-detail-sheet__status-dot{background:var(--text-tertiary, #52525b)}.mask-detail-sheet__info-item{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.mask-detail-sheet__actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2, 8px)}.mask-detail-sheet__actions:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.mask-detail-sheet__action{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, 4px);padding:var(--space-3, 12px) var(--space-2, 8px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mask-detail-sheet__action:active{transform:scale(.95);background:var(--bg-hover, #1f1f23)}.mask-detail-sheet__action svg{flex-shrink:0}.mask-detail-sheet__action span{font-size:var(--text-xs, .6875rem);font-weight:var(--font-medium, 500)}.mask-detail-sheet__action--inactive{color:var(--text-tertiary, #52525b);opacity:.7}.mask-detail-sheet__action--danger{color:var(--status-error, #f43f5e);border-color:#f43f5e33}.mask-detail-sheet__action--danger:active{background:#f43f5e1a}.mask-detail-sheet__action--confirm{background:var(--status-error, #f43f5e);border-color:var(--status-error, #f43f5e);color:#fff}.mask-detail-sheet__action--confirm:active{background:#e11d48}.mask-detail-sheet__rules{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mask-detail-sheet__rules-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-1, 4px)}.mask-detail-sheet__rules-title{font-size:var(--text-xs, .75rem);font-weight:var(--font-semibold, 600);color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.04em}.mask-detail-sheet__rules-add{display:flex;align-items:center;gap:var(--space-1, 4px);padding:var(--space-1, 4px) var(--space-2, 8px);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--accent-primary, #818cf8);background:transparent;border:1px solid var(--accent-primary-muted, rgba(99, 102, 241, .3));border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mask-detail-sheet__rules-add:active{background:var(--accent-primary-muted, rgba(99, 102, 241, .1));transform:scale(.95)}.mask-detail-sheet__rules-loading,.mask-detail-sheet__rules-empty{padding:var(--space-3, 12px);font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);text-align:center;background:var(--bg-elevated, #18181b);border:1px dashed var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px)}.mask-detail-sheet__rules-list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mask-detail-sheet__rule{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px);transition:all .15s ease}.mask-detail-sheet__rule--disabled{opacity:.8;border-color:#f43f5e40;background:linear-gradient(135deg,var(--bg-elevated, #18181b) 0%,rgba(244,63,94,.05) 100%)}.mask-detail-sheet__rule--disabled .mask-detail-sheet__rule-name{text-decoration:line-through;text-decoration-color:var(--status-error, #f43f5e);color:var(--text-tertiary, #71717a)}.mask-detail-sheet__rule--disabled .mask-detail-sheet__rule-summary{color:var(--text-tertiary, #52525b)}.mask-detail-sheet__rule-info{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:0;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left}.mask-detail-sheet__rule-name{font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mask-detail-sheet__rule-summary{font-size:var(--text-xs, .6875rem);color:var(--text-tertiary, #71717a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mask-detail-sheet__rule-toggle{position:relative;width:36px;min-width:36px;max-width:36px;height:20px;min-height:20px;padding:0;background:#ffffff26;border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;flex-shrink:0;flex-grow:0;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.mask-detail-sheet__rule-toggle--on{background:#6366f1;box-shadow:0 0 6px #6366f166}.mask-detail-sheet__rule-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.mask-detail-sheet__rule-toggle--on .mask-detail-sheet__rule-toggle-knob{transform:translate(16px)}.mask-detail-sheet--editing{gap:var(--space-4, 16px)}.mask-detail-sheet__edit-field{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.mask-detail-sheet__edit-label{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.03em}.mask-detail-sheet__edit-input{width:100%;padding:var(--space-3, 12px);font-size:16px;font-family:inherit;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 6px);color:var(--text-primary, #fafafa);transition:border-color .15s ease}.mask-detail-sheet__edit-input:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.mask-detail-sheet__edit-input::placeholder{color:var(--text-tertiary, #52525b)}.mask-detail-sheet__edit-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3, 12px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px);cursor:pointer;-webkit-tap-highlight-color:transparent}.mask-detail-sheet__edit-toggle-label{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa)}.mask-detail-sheet__toggle-switch{position:relative;width:44px;height:26px;background:#ffffff26;border-radius:var(--radius-full, 9999px);transition:background .2s ease;flex-shrink:0}.mask-detail-sheet__toggle-switch--on{background:#6366f1;box-shadow:0 0 8px #6366f180}.mask-detail-sheet__toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.mask-detail-sheet__toggle-switch--on .mask-detail-sheet__toggle-knob{transform:translate(18px)}.mask-detail-sheet__edit-error{font-size:var(--text-xs, .75rem);color:var(--status-error, #f43f5e);text-align:center;padding:var(--space-2, 8px) 0}.mask-detail-sheet__edit-actions{display:flex;gap:var(--space-2, 8px)}.mask-detail-sheet__btn{flex:1;display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3, 12px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);border:none;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mask-detail-sheet__btn:disabled{opacity:.5;cursor:not-allowed}.mask-detail-sheet__btn--primary{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff}.mask-detail-sheet__btn--primary:active:not(:disabled){transform:scale(.98)}.mask-detail-sheet__btn--secondary{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary, #a1a1aa)}.mask-detail-sheet__btn--secondary:active:not(:disabled){background:var(--bg-hover, rgba(255, 255, 255, .05))}[data-theme=light] .mask-detail-sheet__email-btn{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .mask-detail-sheet__email-btn:active{background:var(--bg-tertiary, #e4e4e7)}[data-theme=light] .mask-detail-sheet__email{color:var(--accent-primary, #6366f1)}[data-theme=light] .mask-detail-sheet__action{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06));color:var(--text-secondary, #52525b)}[data-theme=light] .mask-detail-sheet__action:active{background:var(--bg-tertiary, #e4e4e7)}[data-theme=light] .mask-detail-sheet__edit-input{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .08));color:var(--text-primary, #18181b)}[data-theme=light] .mask-detail-sheet__btn--secondary{border-color:var(--border-default, rgba(0, 0, 0, .1));color:var(--text-secondary, #52525b)}[data-theme=light] .mask-detail-sheet__edit-toggle{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .mask-detail-sheet__edit-toggle-label{color:var(--text-primary, #18181b)}[data-theme=light] .mask-detail-sheet__toggle-switch{background:#d1d5db}[data-theme=light] .mask-detail-sheet__toggle-switch--on{background:#6366f1}[data-theme=light] .mask-detail-sheet__info-value,[data-theme=light] .mask-detail-sheet__rules-title{color:var(--text-secondary, #52525b)}[data-theme=light] .mask-detail-sheet__rules-add{color:var(--accent-primary, #6366f1);border-color:#6366f14d}[data-theme=light] .mask-detail-sheet__rules-loading,[data-theme=light] .mask-detail-sheet__rules-empty{background:var(--bg-secondary, #f4f4f5);border-color:#0000001a;color:var(--text-tertiary, #71717a)}[data-theme=light] .mask-detail-sheet__rule{background:var(--bg-secondary, #f4f4f5);border-color:#0000000f}[data-theme=light] .mask-detail-sheet__rule-name{color:var(--text-primary, #18181b)}[data-theme=light] .mask-detail-sheet__rule-summary{color:var(--text-tertiary, #71717a)}[data-theme=light] .mask-detail-sheet__rule-toggle{background:#d1d5db}[data-theme=light] .mask-detail-sheet__rule-toggle--on{background:#6366f1}[data-theme=light] .mask-detail-sheet__rule--disabled{background:linear-gradient(135deg,var(--bg-secondary, #f4f4f5) 0%,rgba(244,63,94,.08) 100%);border-color:#f43f5e4d}[data-theme=light] .mask-detail-sheet__rule--disabled .mask-detail-sheet__rule-name{color:var(--text-secondary, #71717a)}@media(prefers-reduced-motion:reduce){.mask-detail-sheet__email-btn,.mask-detail-sheet__action,.mask-detail-sheet__btn,.mask-detail-sheet__edit-input,.mask-detail-sheet__toggle-switch,.mask-detail-sheet__toggle-knob{transition:none}.mask-detail-sheet__email-btn:active,.mask-detail-sheet__action:active,.mask-detail-sheet__btn--primary:active{transform:none}}.masks-container{display:flex;flex-direction:column;gap:16px;width:100%;padding:0 12px}@media(min-width:768px){.masks-container{padding:0 16px}}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100px;width:100%}.loading-spinner:after{content:"";display:block;width:40px;height:40px;border-radius:50%;border:4px solid var(--primary-color);border-color:var(--primary-color) transparent var(--primary-color) transparent;animation:spin 1.2s linear infinite}.empty-state{text-align:center;padding:40px 20px;background-color:var(--card-bg);border-radius:12px;margin:20px 0}.empty-state p{margin:10px 0;color:var(--text-secondary)}.empty-state p:first-child{font-size:16px;font-weight:500;color:var(--text-color)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;margin-bottom:10px}.pagination-btn{background:none;border:1px solid var(--border-color);border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;color:var(--text-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-secondary)}.create-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal, 700)}.create-mask__sheet{background:var(--bg-surface, #111113);width:100%;border-radius:var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0;animation:sheetSlideUp .25s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275));max-height:90vh;display:flex;flex-direction:column}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.create-mask__sheet--creating{min-height:200px;justify-content:center;align-items:center}@media(min-width:768px){.create-mask{align-items:center}.create-mask__sheet{max-width:400px;border-radius:var(--radius-xl, 12px);animation:sheetFadeIn .2s ease-out}@keyframes sheetFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.create-mask__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);padding-top:max(var(--space-3, 12px),env(safe-area-inset-top));border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.create-mask__title{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa)}.create-mask__close,.create-mask__back,.create-mask__next,.create-mask__create{background:none;border:none;font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);cursor:pointer;padding:var(--space-2, 8px);margin:calc(var(--space-2, 8px) * -1);border-radius:var(--radius-md, 6px);transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.create-mask__close,.create-mask__back{color:var(--text-secondary, #a1a1aa)}.create-mask__next,.create-mask__create{color:var(--accent-primary, #6366f1)}.create-mask__next:disabled,.create-mask__create:disabled{opacity:.4;cursor:not-allowed}.create-mask__close:active,.create-mask__back:active,.create-mask__next:active:not(:disabled),.create-mask__create:active:not(:disabled){opacity:.7}.create-mask__content{padding:var(--space-5, 20px) var(--space-4, 16px);padding-bottom:max(var(--space-5, 20px),env(safe-area-inset-bottom))}.create-mask__field{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.create-mask__label{font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);text-align:center}.create-mask__input{width:100%;padding:var(--space-4, 16px);font-size:18px;font-family:inherit;text-align:center;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);transition:border-color .15s ease}.create-mask__input:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.create-mask__input::placeholder{color:var(--text-tertiary, #52525b)}.create-mask__input--small{font-size:16px;padding:var(--space-3, 12px);text-align:left}.create-mask__option{margin-bottom:var(--space-4, 16px)}.create-mask__option-label{display:flex;align-items:center;gap:var(--space-2, 8px);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-2, 8px)}.create-mask__pro{font-size:9px;font-weight:var(--font-bold, 700);background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;padding:2px 6px;border-radius:var(--radius-full, 9999px);letter-spacing:.05em}.create-mask__preview{display:block;margin-top:var(--space-2, 8px);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs, .75rem);color:var(--text-accent, #818cf8)}.create-mask__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4, 16px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);cursor:pointer;-webkit-tap-highlight-color:transparent}.create-mask__toggle-label{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa)}.create-mask__toggle-switch{position:relative;width:44px;height:26px;background:#ffffff26;border-radius:var(--radius-full, 9999px);transition:background .2s ease;flex-shrink:0}.create-mask__toggle-switch--on{background:#6366f1;box-shadow:0 0 8px #6366f180}.create-mask__toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.create-mask__toggle-switch--on .create-mask__toggle-knob{transform:translate(18px)}.create-mask__toggle-hint{display:block;margin-top:var(--space-2, 8px);font-size:var(--text-xs, .6875rem);color:var(--text-tertiary, #52525b);padding-left:var(--space-1, 4px)}.create-mask__info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, 12px) 0;margin-top:var(--space-3, 12px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.create-mask__info-label{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.create-mask__info-value{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa)}.create-mask__error{display:block;margin-top:var(--space-2, 8px);font-size:var(--text-xs, .75rem);color:var(--status-error, #f43f5e);text-align:center}.create-mask__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .875rem)}.create-mask__spinner{width:32px;height:32px;border:3px solid var(--border-subtle, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite}[data-theme=light] .create-mask{background:#0006}[data-theme=light] .create-mask__sheet{background:var(--bg-primary, #ffffff)}[data-theme=light] .create-mask__header{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-mask__title{color:var(--text-primary, #18181b)}[data-theme=light] .create-mask__close,[data-theme=light] .create-mask__back{color:var(--text-secondary, #71717a)}[data-theme=light] .create-mask__label{color:var(--text-primary, #18181b)}[data-theme=light] .create-mask__input{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .08));color:var(--text-primary, #18181b)}[data-theme=light] .create-mask__toggle{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-mask__toggle-label{color:var(--text-primary, #18181b)}[data-theme=light] .create-mask__toggle-switch{background:#d1d5db}[data-theme=light] .create-mask__toggle-switch--on{background:#6366f1}[data-theme=light] .create-mask__info{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}@media(prefers-reduced-motion:reduce){.create-mask__sheet{animation:none}.create-mask__toggle-switch,.create-mask__toggle-knob,.create-mask__input{transition:none}.create-mask__spinner{animation:none}}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 1rem);margin-bottom:var(--space-2, .5rem)}.page-header__left{display:flex;align-items:center;gap:var(--space-3, .75rem)}.page-header__back{display:flex;align-items:center;gap:var(--space-1, .25rem);background:transparent;border:none;color:var(--accent-primary, #6366f1);font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;padding:var(--space-1, .25rem);margin:calc(-1 * var(--space-1, .25rem));border-radius:var(--radius-md, 6px);transition:background .15s ease;-webkit-tap-highlight-color:transparent}.page-header__back:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.page-header__back:active{background:var(--bg-overlay-medium, rgba(255, 255, 255, .06))}.page-header__back svg{flex-shrink:0}.page-header__title{font-size:var(--text-xl, 1.25rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0}.page-header__right{display:flex;align-items:center;gap:var(--space-2, .5rem)}.page-header__action{display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-4, 1rem);background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));border:none;border-radius:var(--radius-md, 6px);color:#fff;font-size:var(--text-sm, .875rem);font-weight:500;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease);-webkit-tap-highlight-color:transparent}.page-header__action:hover{opacity:.9;transform:translateY(-1px)}.page-header__action:active{transform:translateY(0)}.page-header__action:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.page-header__action--secondary{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));color:var(--text-secondary, #a1a1aa)}.page-header__action--secondary:hover{opacity:1;border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fafafa)}@media(max-width:480px){.page-header{padding:var(--space-3, .75rem)}.page-header__back-label{display:none}.page-header__title{font-size:var(--text-lg, 1.125rem)}.page-header__action{padding:var(--space-2, .5rem) var(--space-3, .75rem);font-size:var(--text-xs, .75rem)}}[data-theme=light] .page-header__title{color:var(--text-primary, #18181b)}[data-theme=light] .page-header__back{color:var(--accent-primary, #6366f1)}[data-theme=light] .page-header__back:hover{background:#00000008}[data-theme=light] .page-header__action--secondary{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06));color:var(--text-secondary, #52525b)}[data-theme=light] .page-header__action--secondary:hover{border-color:var(--border-hover, rgba(0, 0, 0, .12));color:var(--text-primary, #18181b)}.tab-content{display:flex;flex-direction:column;width:100%;padding:16px 0}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 16px}@media(max-width:767px){.tab-header #create-mask-btn{display:none}}.tab-header h2{font-size:20px;font-weight:600;color:var(--text-color);margin:0}.primary-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.primary-btn:hover{background-color:var(--primary-light)}.masks-list{width:100%;padding-bottom:20px}.masks-filters{margin-bottom:16px;padding:0 16px}.search-box{position:relative;margin-bottom:12px}.search-box input{width:100%;padding:8px 12px 8px 36px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);font-size:14px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.filter-options{display:flex;gap:8px;padding-bottom:6px}.filter-chip{flex:1;background-color:var(--bg-elevated, var(--background-secondary));border:1px solid var(--border-subtle, var(--border-color));border-radius:var(--radius-md, 6px);padding:8px 12px;font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);text-align:center;cursor:pointer;color:var(--text-secondary, var(--text-color));transition:all .15s ease;-webkit-tap-highlight-color:transparent}.filter-chip:hover{border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, var(--text-color))}.filter-chip.active{background-color:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1);border-color:#6366f14d}.masks-fab{position:fixed!important;bottom:max(24px,env(safe-area-inset-bottom,24px));right:20px;width:56px;height:56px;border-radius:28px;background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;display:flex!important;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166,0 0 20px #6366f133;z-index:9999;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border:none;-webkit-tap-highlight-color:transparent}.masks-fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #6366f180,0 0 30px #6366f14d}.masks-fab:active{transform:scale(.92);box-shadow:0 2px 8px #6366f14d,0 0 12px #6366f126}.masks-fab svg{width:24px;height:24px}@media(min-width:768px){.masks-fab{width:52px;height:52px;bottom:24px;right:24px}}.customize-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal, 700)}.customize-modal__sheet{background:var(--bg-surface, #111113);width:100%;max-height:85vh;border-radius:var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0;display:flex;flex-direction:column;animation:customizeSlideUp .25s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275))}@keyframes customizeSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.customize-modal{align-items:center}.customize-modal__sheet{max-width:440px;max-height:80vh;border-radius:var(--radius-xl, 12px);animation:customizeFadeIn .2s ease-out}@keyframes customizeFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.customize-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);padding-top:max(var(--space-4, 16px),env(safe-area-inset-top));border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));flex-shrink:0}.customize-modal__title{font-size:var(--text-base, .9375rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0}.customize-modal__close{background:none;border:none;padding:var(--space-2, 8px);margin:calc(var(--space-2, 8px) * -1);color:var(--text-secondary, #a1a1aa);cursor:pointer;border-radius:var(--radius-md, 6px);transition:color .15s ease;-webkit-tap-highlight-color:transparent}.customize-modal__close:hover{color:var(--text-primary, #fafafa)}.customize-modal__content{flex:1;overflow-y:auto;padding:var(--space-4, 16px)}.customize-modal__section{margin-bottom:var(--space-5, 20px)}.customize-modal__section:last-child{margin-bottom:0}.customize-modal__section-title{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.03em;margin:0 0 var(--space-3, 12px) 0}.customize-modal__empty{font-size:var(--text-sm, .875rem);color:var(--text-tertiary, #71717a);text-align:center;padding:var(--space-4, 16px)}.customize-modal__list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.customize-modal__item{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px)}.customize-modal__item--available{padding:var(--space-3, 12px) var(--space-4, 16px)}.customize-modal__item--locked{opacity:.6}.customize-modal__drag{color:var(--text-tertiary, #71717a);cursor:grab;flex-shrink:0}.customize-modal__item-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1);border-radius:var(--radius-md, 6px);flex-shrink:0}.customize-modal__item-icon--locked{background:#71717a26;color:var(--text-tertiary, #71717a)}.customize-modal__item-info{flex:1;min-width:0}.customize-modal__item-name{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa);display:flex;align-items:center;gap:var(--space-2, 8px);flex:1}.customize-modal__item-desc{display:block;font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin-top:2px}.customize-modal__tier-badge{font-size:9px;font-weight:var(--font-bold, 700);background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%));color:#fff;padding:2px 6px;border-radius:var(--radius-full, 9999px);text-transform:uppercase;letter-spacing:.03em}.customize-modal__add-btn,.customize-modal__remove-btn{display:flex;align-items:center;gap:var(--space-1, 4px);background:none;border:none;padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);border-radius:var(--radius-md, 6px);cursor:pointer;transition:background .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.customize-modal__add-btn{color:var(--accent-primary, #6366f1);background:var(--accent-primary-muted, rgba(99, 102, 241, .15))}.customize-modal__add-btn:hover{background:#6366f140}.customize-modal__remove-btn{color:var(--text-tertiary, #71717a);padding:var(--space-2, 8px)}.customize-modal__remove-btn:hover{color:var(--status-error, #f43f5e);background:#f43f5e1a}.customize-modal__lock-icon{color:var(--text-tertiary, #71717a);padding:var(--space-2, 8px)}.customize-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);padding-bottom:max(var(--space-4, 16px),env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));flex-shrink:0}.customize-modal__reset-btn{background:none;border:none;padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);cursor:pointer;border-radius:var(--radius-md, 6px);transition:color .15s ease;-webkit-tap-highlight-color:transparent}.customize-modal__reset-btn:hover{color:var(--text-primary, #fafafa)}.customize-modal__done-btn{background:var(--accent-primary, #6366f1);border:none;padding:var(--space-2, 8px) var(--space-5, 20px);font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:#fff;cursor:pointer;border-radius:var(--radius-md, 6px);transition:background .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.customize-modal__done-btn:hover{background:var(--accent-primary-hover, #818cf8)}.customize-modal__done-btn:active{transform:scale(.98)}[data-theme=light] .customize-modal{background:#0006}[data-theme=light] .customize-modal__sheet{background:var(--bg-primary, #ffffff)}[data-theme=light] .customize-modal__header{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .customize-modal__title{color:var(--text-primary, #18181b)}[data-theme=light] .customize-modal__item{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .customize-modal__item-name{color:var(--text-primary, #18181b)}[data-theme=light] .customize-modal__footer{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}@media(prefers-reduced-motion:reduce){.customize-modal__sheet{animation:none}.customize-modal__add-btn,.customize-modal__remove-btn,.customize-modal__done-btn{transition:none}}.insights-dashboard{padding:var(--space-4, 16px);padding-bottom:max(var(--space-4, 16px),env(safe-area-inset-bottom));overflow-x:hidden;max-width:100%}.insights-dashboard__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4, 16px)}.insights-dashboard__title{font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0}.insights-dashboard__actions{display:flex;align-items:center;gap:var(--space-2, 8px);width:100%}.insights-dashboard__action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1, 4px);flex:1;height:36px;padding:0 var(--space-3, 12px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.insights-dashboard__action-btn svg{flex-shrink:0}.insights-dashboard__action-btn:hover{color:var(--text-primary, #fafafa);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.insights-dashboard__action-btn:disabled{opacity:.5;cursor:not-allowed}.insights-dashboard__action-btn--primary{background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border-color:#6366f133;color:var(--accent-primary, #6366f1)}.insights-dashboard__action-btn--primary:hover{background:#6366f140;border-color:#6366f14d;color:var(--accent-primary-hover, #818cf8)}.insights-dashboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, 12px);overflow:hidden;max-width:100%}@media(min-width:640px){.insights-dashboard__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}}@media(min-width:1024px){.insights-dashboard__grid{grid-template-columns:repeat(6,1fr)}}.insights-dashboard__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 32px);text-align:center;background:var(--bg-elevated, #18181b);border:1px dashed var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px)}.insights-dashboard__empty p{color:var(--text-tertiary, #71717a);margin:0 0 var(--space-3, 12px) 0;font-size:var(--text-sm, .875rem)}.insights-dashboard__add-btn{display:flex;align-items:center;gap:var(--space-1, 4px);background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border:none;padding:var(--space-2, 8px) var(--space-4, 16px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--accent-primary, #6366f1);border-radius:var(--radius-md, 6px);cursor:pointer;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.insights-dashboard__add-btn:hover{background:#6366f140}.insights-dashboard__error{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8, 32px);text-align:center;background:var(--bg-elevated, #18181b);border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-lg, 8px)}.insights-dashboard__error p{color:var(--status-error, #f43f5e);margin:0 0 var(--space-3, 12px) 0;font-size:var(--text-sm, .875rem)}.insights-dashboard__retry-btn{background:none;border:1px solid var(--border-default, rgba(255, 255, 255, .1));padding:var(--space-2, 8px) var(--space-4, 16px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .15s ease}.insights-dashboard__retry-btn:hover{color:var(--text-primary, #fafafa);border-color:var(--border-hover, rgba(255, 255, 255, .15))}.insight-widget__status-badge{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500)}.suggestions-widget__list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.suggestions-widget__item{display:flex;flex-direction:column;gap:2px;padding:var(--space-2, 8px) var(--space-3, 12px);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-radius:var(--radius-md, 6px)}.suggestions-widget__type{font-size:10px;font-weight:var(--font-bold, 700);color:var(--status-warning, #f59e0b);text-transform:uppercase;letter-spacing:.03em}.suggestions-widget__text{font-size:var(--text-xs, .75rem);color:var(--text-secondary, #a1a1aa);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=light] .insights-dashboard__title{color:var(--text-primary, #18181b)}[data-theme=light] .insights-dashboard__action-btn{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .insights-dashboard__action-btn:hover{border-color:var(--border-hover, rgba(0, 0, 0, .12))}[data-theme=light] .insights-dashboard__empty{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .insights-dashboard__error{background:var(--bg-secondary, #f4f4f5)}[data-theme=light] .suggestions-widget__item{background:#00000008}@media(max-width:480px){.insights-dashboard{padding:var(--space-3, 12px)}.insights-dashboard__title{font-size:var(--text-base, 1rem)}.insights-dashboard__grid{gap:var(--space-2, 8px)}.insights-dashboard__widget-wrapper--medium,.insights-dashboard__widget-wrapper--large{grid-column:1 / -1}}.insights-dashboard__hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin-bottom:var(--space-3, 12px);text-align:center}.insights-dashboard__widget-wrapper{position:relative;cursor:grab;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;min-width:0;overflow:hidden}.insights-dashboard__widget-wrapper--medium{grid-column:span 2}.insights-dashboard__widget-wrapper--large{grid-column:1 / -1}.insights-dashboard__widget-wrapper:active{cursor:grabbing}.insights-dashboard__drag-handle{position:absolute;top:var(--space-2, 8px);right:var(--space-2, 8px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #71717a);opacity:0;transition:opacity .15s ease,color .15s ease;z-index:10;pointer-events:none}.insights-dashboard__widget-wrapper:hover .insights-dashboard__drag-handle{opacity:1}.insights-dashboard__widget-wrapper:active .insights-dashboard__drag-handle{color:var(--accent-primary, #6366f1)}.insights-dashboard__widget-wrapper--dragging{opacity:.5;transform:scale(.98);box-shadow:0 8px 24px #0000004d;z-index:100}.insights-dashboard__widget-wrapper--dragging .insights-dashboard__drag-handle{opacity:1;color:var(--accent-primary, #6366f1)}.insights-dashboard__widget-wrapper--drag-over{transform:scale(1.02)}.insights-dashboard__widget-wrapper--drag-over:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px dashed var(--accent-primary, #6366f1);border-radius:var(--radius-lg, 8px);pointer-events:none;z-index:5}.insights-dashboard--dragging,.insights-dashboard--dragging .insights-dashboard__widget-wrapper{cursor:grabbing}.insights-dashboard--dragging .insights-dashboard__hint{color:var(--accent-primary, #6366f1)}@media(hover:none){.insights-dashboard__drag-handle{opacity:.5}.insights-dashboard__widget-wrapper:active .insights-dashboard__drag-handle{opacity:1}}[data-theme=light] .insights-dashboard__widget-wrapper--dragging{box-shadow:0 8px 24px #00000026}@media(prefers-reduced-motion:reduce){.insights-dashboard__action-btn,.insights-dashboard__add-btn,.insights-dashboard__retry-btn,.insights-dashboard__widget-wrapper,.insights-dashboard__drag-handle{transition:none}}.settings-section{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);overflow:hidden}.settings-section__header{display:flex;align-items:flex-start;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.settings-section__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border-radius:var(--radius-md, 6px);color:var(--accent-primary, #6366f1);flex-shrink:0}.settings-section__icon svg{width:20px;height:20px}.settings-section__header-content{flex:1;min-width:0}.settings-section__title{font-size:var(--text-base, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0;line-height:1.4}.settings-section__description{font-size:var(--text-sm, .8125rem);color:var(--text-tertiary, #71717a);margin:var(--space-1, 4px) 0 0 0;line-height:1.4}.settings-section__content{padding:0}[data-theme=light] .settings-section{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-section__header{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-section__title{color:var(--text-primary, #18181b)}@media(max-width:480px){.settings-section__header{padding:var(--space-3, 12px)}.settings-section__icon{width:32px;height:32px}.settings-section__icon svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.settings-section{transition:none}}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-4, 16px);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));background:transparent;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font-family:inherit;font-size:inherit;color:inherit;cursor:default}.settings-row:last-child{border-bottom:none}.settings-row--clickable{cursor:pointer;transition:background-color var(--duration-normal, .15s) var(--ease-default, ease);-webkit-tap-highlight-color:transparent}.settings-row--clickable:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.settings-row--clickable:active{background:var(--bg-overlay-medium, rgba(255, 255, 255, .06))}.settings-row--clickable:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:-2px;background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.settings-row--disabled{opacity:.5;cursor:not-allowed}.settings-row--disabled .settings-row__action{pointer-events:none}.settings-row__main{display:flex;align-items:center;gap:var(--space-3, 12px);flex:1;min-width:0}.settings-row__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary, #a1a1aa);flex-shrink:0}.settings-row__icon svg{width:20px;height:20px}.settings-row__content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-row__label{font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa);line-height:1.4}.settings-row__description{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);line-height:1.4}.settings-row__actions{display:flex;align-items:center;gap:var(--space-2, 8px);flex-shrink:0}.settings-row__action{display:flex;align-items:center}.settings-row__chevron{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #71717a);margin-left:var(--space-1, 4px)}[data-theme=light] .settings-row{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-row--clickable:hover{background:#00000008}[data-theme=light] .settings-row--clickable:active{background:#0000000f}[data-theme=light] .settings-row__label{color:var(--text-primary, #18181b)}@media(max-width:480px){.settings-row{padding:var(--space-3, 12px)}.settings-row__main{flex:1;min-width:0}.settings-row__actions{flex-shrink:0}}@media(min-width:481px){.settings-row__actions{margin-left:auto}}@media(prefers-reduced-motion:reduce){.settings-row--clickable{transition:none}}.settings-sidebar{display:flex;flex-direction:column;width:220px;min-height:100%;background:var(--bg-elevated, #18181b);border-right:1px solid var(--border-subtle, rgba(255, 255, 255, .06));padding:var(--space-4, 16px) 0}.settings-sidebar__nav{flex:1}.settings-sidebar__list{list-style:none;margin:0;padding:0}.settings-sidebar__item{margin:0}.settings-sidebar__link{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);background:transparent;border:none;color:var(--text-secondary, #a1a1aa);font-family:inherit;font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);text-align:left;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease);-webkit-tap-highlight-color:transparent}.settings-sidebar__link:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));color:var(--text-primary, #fafafa)}.settings-sidebar__link--active{background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1);border-right:2px solid var(--accent-primary, #6366f1)}.settings-sidebar__link--active:hover{background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1)}.settings-sidebar__link:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:-2px}.settings-sidebar__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.settings-sidebar__icon svg{width:100%;height:100%}.settings-sidebar__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-sidebar__footer{margin-top:auto;padding-top:var(--space-4, 16px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.settings-sidebar__logout{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);background:transparent;border:none;color:var(--status-error, #f43f5e);font-family:inherit;font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);text-align:left;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease);-webkit-tap-highlight-color:transparent}.settings-sidebar__logout:hover{background:#f43f5e1a}.settings-sidebar__logout:focus-visible{outline:2px solid var(--status-error, #f43f5e);outline-offset:-2px}[data-theme=light] .settings-sidebar{background:var(--bg-secondary, #f4f4f5);border-right-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-sidebar__link:hover{background:#00000008}[data-theme=light] .settings-sidebar__footer{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-sidebar__logout:hover{background:#f43f5e1a}@media(max-width:768px){.settings-sidebar{display:none}}@media(prefers-reduced-motion:reduce){.settings-sidebar__link,.settings-sidebar__logout{transition:none}}.securiscore-card{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-4, 16px);overflow:hidden}.securiscore-card--excellent{border-color:#10b98133;box-shadow:0 0 20px #10b9811a}.securiscore-card--strong{border-color:#10b98126}.securiscore-card--good{border-color:#6366f126}.securiscore-card--fair{border-color:#f59e0b26}.securiscore-card--weak{border-color:#f43f5e26}.securiscore-card--loading{display:flex;align-items:center;justify-content:center;min-height:160px}.securiscore-card__spinner{width:32px;height:32px;border:3px solid var(--border-subtle, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:securiscore-spin .8s linear infinite}@keyframes securiscore-spin{to{transform:rotate(360deg)}}.securiscore-card__main{display:flex;align-items:center;gap:var(--space-4, 16px);margin-bottom:var(--space-4, 16px)}.securiscore-card__ring{--size: 72px;--stroke: 6px;--progress: 0;--ring-color: var(--accent-primary, #6366f1);position:relative;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--progress) * 1%),var(--bg-overlay-medium, rgba(255, 255, 255, .06)) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.securiscore-card__ring:before{content:"";position:absolute;inset:var(--stroke);border-radius:50%;background:var(--bg-elevated, #18181b)}.securiscore-card__value{position:relative;z-index:1;font-size:var(--text-xl, 1.125rem);font-weight:var(--font-bold, 700);color:var(--text-primary, #fafafa)}.securiscore-card__details{flex:1;min-width:0}.securiscore-card__status{font-size:var(--text-sm, .8125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0 0 var(--space-1, 4px) 0}.securiscore-card__description{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin:0;line-height:1.4}.securiscore-card__checks{display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);padding-top:var(--space-3, 12px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.securiscore-card__check{display:inline-flex;align-items:center;gap:var(--space-1, 4px);padding:var(--space-1, 4px) var(--space-2, 8px);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-radius:var(--radius-full, 9999px);font-size:var(--text-xs, .75rem)}.securiscore-card__check--done{color:var(--status-success, #10b981)}.securiscore-card__check--pending{color:var(--text-tertiary, #71717a)}.securiscore-card__check-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.securiscore-card__check-label{white-space:nowrap}.securiscore-card__check-points{color:var(--accent-primary, #6366f1);font-weight:var(--font-medium, 500);margin-left:var(--space-1, 4px)}[data-theme=light] .securiscore-card{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .securiscore-card--excellent{border-color:#10b9814d;box-shadow:0 0 20px #10b9811a}[data-theme=light] .securiscore-card__ring:before{background:var(--bg-secondary, #f4f4f5)}[data-theme=light] .securiscore-card__ring{background:conic-gradient(var(--ring-color) calc(var(--progress) * 1%),rgba(0,0,0,.06) 0)}[data-theme=light] .securiscore-card__value,[data-theme=light] .securiscore-card__status{color:var(--text-primary, #18181b)}[data-theme=light] .securiscore-card__checks{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .securiscore-card__check{background:#00000008}@media(max-width:480px){.securiscore-card__main{flex-direction:column;text-align:center}.securiscore-card__checks{justify-content:center}}@media(prefers-reduced-motion:reduce){.securiscore-card__spinner{animation:none}}.account-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.account-section__profile{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-4, 16px)}.account-section__avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg, 1rem);font-weight:var(--font-semibold, 600);flex-shrink:0}.account-section__profile-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.account-section__email{font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-section__member-since,.account-section__loading{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.account-section__usage{display:flex;flex-direction:column;gap:var(--space-4, 16px);padding:var(--space-4, 16px);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.account-section__usage-item{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.account-section__usage-header{display:flex;align-items:center;justify-content:space-between}.account-section__usage-label{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa)}.account-section__usage-value{font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa)}.account-section__progress-bar{height:6px;background:var(--bg-overlay-medium, rgba(255, 255, 255, .06));border-radius:var(--radius-full, 9999px);overflow:hidden}.account-section__progress-fill{height:100%;background:var(--accent-primary, #6366f1);border-radius:var(--radius-full, 9999px);transition:width .3s ease}.account-section__progress-fill--warning{background:var(--status-warning, #f59e0b)}.account-section__progress-fill--danger{background:var(--status-error, #f43f5e)}.account-section__actions{display:flex;gap:var(--space-3, 12px);padding:var(--space-4, 16px)}.account-section__btn{flex:1;padding:var(--space-3, 12px) var(--space-4, 16px);font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);font-family:inherit;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all var(--duration-normal, .15s) ease;-webkit-tap-highlight-color:transparent}.account-section__btn--primary{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));border:none;color:#fff}.account-section__btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(99, 102, 241, .3))}.account-section__btn--secondary{background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));color:var(--text-secondary, #a1a1aa)}.account-section__btn--secondary:hover{border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fafafa)}[data-theme=light] .account-section__email,[data-theme=light] .account-section__usage-value{color:var(--text-primary, #18181b)}[data-theme=light] .account-section__progress-bar{background:#0000000f}[data-theme=light] .account-section__usage{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .account-section__btn--secondary{border-color:var(--border-default, rgba(0, 0, 0, .1));color:var(--text-secondary, #52525b)}[data-theme=light] .account-section__btn--secondary:hover{border-color:var(--border-hover, rgba(0, 0, 0, .2));color:var(--text-primary, #18181b)}@media(max-width:480px){.account-section__profile{flex-wrap:wrap}.account-section__profile-info{flex:1 1 calc(100% - 60px)}.account-section__actions{flex-direction:column}.account-section__btn{width:100%}}@media(prefers-reduced-motion:reduce){.account-section__progress-fill,.account-section__btn{transition:none}.account-section__btn--primary:hover{transform:none}}.passkey-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6, 1.5rem);min-height:400px;width:100%;max-width:400px;margin:0 auto}.passkey-setup__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4, 1rem);width:100%}.passkey-setup__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:var(--space-2, .5rem)}.passkey-setup__icon svg{width:48px;height:48px}.passkey-setup__icon--primary{background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1)}.passkey-setup__icon--loading{background:var(--bg-overlay-medium, rgba(255, 255, 255, .06));color:var(--text-secondary, #a1a1aa)}.passkey-setup__icon--success{background:#10b98126;color:var(--status-success, #10b981)}.passkey-setup__icon--error{background:#f43f5e26;color:var(--status-error, #f43f5e)}.passkey-setup__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.passkey-setup__title{font-size:var(--text-xl, 1.125rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0}.passkey-setup__description{font-size:var(--text-base, .875rem);color:var(--text-secondary, #a1a1aa);margin:0;line-height:1.5}.passkey-setup__error-message{color:var(--status-error, #f43f5e)}.passkey-setup__benefits{list-style:none;padding:0;margin:var(--space-4, 1rem) 0;text-align:left;width:100%}.passkey-setup__benefits li{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) 0;font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa)}.passkey-setup__benefits li:before{content:"✓";color:var(--status-success, #10b981);font-weight:700}.passkey-setup__form{width:100%;display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.passkey-setup__input{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);font-size:var(--text-base, .875rem);transition:border-color var(--duration-normal, .15s) var(--ease-default, ease)}.passkey-setup__input:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.passkey-setup__input::placeholder{color:var(--text-tertiary, #71717a)}.passkey-setup__toggle{display:flex;flex-direction:column;gap:var(--space-1, .25rem);padding:var(--space-3, .75rem);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-radius:var(--radius-lg, 8px);cursor:pointer;text-align:left}.passkey-setup__toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.passkey-setup__toggle-text{font-size:var(--text-sm, .8125rem);color:var(--text-primary, #fafafa);display:flex;align-items:center;gap:var(--space-2, .5rem)}.passkey-setup__toggle-text:before{content:"";width:18px;height:18px;border:2px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.passkey-setup__toggle input:checked+.passkey-setup__toggle-text:before{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1);content:"✓";color:#fff;font-size:12px}.passkey-setup__toggle-hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin-left:26px}.passkey-setup__actions{display:flex;flex-direction:column;gap:var(--space-2, .5rem);width:100%;margin-top:var(--space-4, 1rem)}.passkey-setup__actions .btn{width:100%}.passkey-setup__actions .btn.primary-btn{background:var(--gradient-primary, linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%));color:#fff;border:none;padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-lg, 8px);font-size:var(--text-base, .875rem);font-weight:500;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.passkey-setup__actions .btn.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow-primary, 0 0 20px rgba(99, 102, 241, .3))}.passkey-setup__actions .btn.primary-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.passkey-setup__actions .btn.text-btn{background:transparent;border:none;color:var(--text-secondary, #a1a1aa);padding:var(--space-2, .5rem);cursor:pointer;font-size:var(--text-sm, .8125rem)}.passkey-setup__actions .btn.text-btn:hover{color:var(--text-primary, #fafafa)}@media(max-width:480px){.passkey-setup{padding:var(--space-4, 1rem)}.passkey-setup__icon{width:64px;height:64px}.passkey-setup__icon svg{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.passkey-setup__spinner{animation:none}.passkey-setup__actions .btn{transition:none}}.passkey-manager{background:var(--bg-surface, #111113);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-4, 1rem)}.passkey-manager--unsupported{opacity:.7}.passkey-manager__header{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);margin-bottom:var(--space-4, 1rem)}.passkey-manager__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1);border-radius:var(--radius-lg, 8px);flex-shrink:0}.passkey-manager__title{font-size:var(--text-lg, 1rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0 0 var(--space-1, .25rem) 0}.passkey-manager__subtitle{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);margin:0}.passkey-manager__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3, .75rem);padding:var(--space-6, 1.5rem);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .8125rem)}.passkey-manager__spinner{width:20px;height:20px;border:2px solid var(--border-default, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.passkey-manager__list{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin-bottom:var(--space-4, 1rem)}.passkey-manager__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, .75rem);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);transition:border-color var(--duration-normal, .15s) var(--ease-default, ease)}.passkey-manager__item:hover{border-color:var(--border-default, rgba(255, 255, 255, .1))}.passkey-manager__item--loading{opacity:.5;pointer-events:none}.passkey-manager__item-info{display:flex;flex-direction:column;gap:var(--space-1, .25rem);min-width:0;flex:1}.passkey-manager__item-name{font-size:var(--text-base, .875rem);font-weight:500;color:var(--text-primary, #fafafa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.passkey-manager__item-meta{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.passkey-manager__item-actions{display:flex;align-items:center;gap:var(--space-1, .25rem);flex-shrink:0}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg, 8px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.btn-icon:hover{background:var(--bg-hover, #1f1f23);color:var(--text-primary, #fafafa)}.btn-icon--danger:hover{background:#f43f5e1a;color:var(--status-error, #f43f5e)}.passkey-manager__edit-form{display:flex;align-items:center;gap:var(--space-2, .5rem);width:100%}.passkey-manager__edit-input{flex:1;padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--bg-base, #0a0a0b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);font-size:var(--text-sm, .8125rem)}.passkey-manager__edit-input:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.passkey-manager__edit-actions{display:flex;gap:var(--space-1, .25rem)}.passkey-manager__confirm-delete{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:var(--text-sm, .8125rem);color:var(--status-error, #f43f5e)}.passkey-manager__confirm-actions{display:flex;gap:var(--space-1, .25rem)}.btn-sm{padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:var(--text-xs, .75rem);font-weight:500;border-radius:var(--radius-lg, 8px);border:none;cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.btn-sm.btn-primary{background:var(--accent-primary, #6366f1);color:#fff}.btn-sm.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover, #818cf8)}.btn-sm.btn-danger{background:var(--status-error, #f43f5e);color:#fff}.btn-sm.btn-danger:hover:not(:disabled){background:#e11d48}.btn-sm.btn-ghost{background:transparent;color:var(--text-secondary, #a1a1aa)}.btn-sm.btn-ghost:hover:not(:disabled){background:var(--bg-hover, #1f1f23);color:var(--text-primary, #fafafa)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.passkey-manager__empty{text-align:center;padding:var(--space-6, 1.5rem);color:var(--text-secondary, #a1a1aa)}.passkey-manager__empty p{margin:0 0 var(--space-1, .25rem) 0}.passkey-manager__empty-hint{font-size:var(--text-sm, .8125rem);color:var(--text-tertiary, #71717a)}.passkey-manager__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);width:100%;padding:var(--space-3, .75rem);background:var(--bg-elevated, #18181b);border:1px dashed var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .8125rem);cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.passkey-manager__add-btn:hover{background:var(--bg-hover, #1f1f23);border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.passkey-manager__settings{margin-top:var(--space-4, 1rem);padding-top:var(--space-4, 1rem);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.passkey-manager__setting{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);cursor:pointer}.passkey-manager__setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary, #6366f1);cursor:pointer;margin-top:2px}.passkey-manager__setting-text{display:flex;flex-direction:column;gap:var(--space-1, .25rem)}.passkey-manager__setting-label{font-size:var(--text-sm, .8125rem);color:var(--text-primary, #fafafa)}.passkey-manager__setting-hint{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.passkey-manager__info{font-size:var(--text-sm, .8125rem);color:var(--text-tertiary, #71717a);margin:0}@media(max-width:480px){.passkey-manager__item{flex-direction:column;align-items:flex-start;gap:var(--space-2, .5rem)}.passkey-manager__item-actions{width:100%;justify-content:flex-end}}.security-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.security-section__modal{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-4, 16px)}.security-section__cancel-btn{display:block;width:100%;margin-top:var(--space-4, 16px);padding:var(--space-3, 12px);background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);font-family:inherit;font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);cursor:pointer;transition:all var(--duration-normal, .15s) ease}.security-section__cancel-btn:hover{border-color:var(--border-hover, rgba(255, 255, 255, .15));color:var(--text-primary, #fafafa)}.security-section__info{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);padding:var(--space-4, 16px)}.security-section__info-title{font-size:var(--text-sm, .8125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0 0 var(--space-3, 12px) 0}.security-section__info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.security-section__info-list li{font-size:var(--text-xs, .75rem);color:var(--text-secondary, #a1a1aa);line-height:1.5}.security-section__info-list li strong{color:var(--text-primary, #fafafa);font-weight:var(--font-medium, 500)}[data-theme=light] .security-section__modal{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .security-section__cancel-btn{border-color:var(--border-default, rgba(0, 0, 0, .1));color:var(--text-secondary, #52525b)}[data-theme=light] .security-section__cancel-btn:hover{border-color:var(--border-hover, rgba(0, 0, 0, .2));color:var(--text-primary, #18181b)}[data-theme=light] .security-section__info{background:#00000005;border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .security-section__info-title,[data-theme=light] .security-section__info-list li strong{color:var(--text-primary, #18181b)}@media(prefers-reduced-motion:reduce){.security-section__cancel-btn{transition:none}}.privacy-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.privacy-section__upgrade{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4, 16px);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-radius:var(--radius-md, 6px)}.privacy-section__upgrade-text{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);margin:0}.privacy-section__note{padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.privacy-section__note p{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin:0;line-height:1.5}[data-theme=light] .privacy-section__upgrade{background:#00000005}[data-theme=light] .privacy-section__note{background:#00000005;border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}.skeleton{background:linear-gradient(90deg,var(--bg-secondary, #f0f0f0) 25%,var(--bg-tertiary, #e0e0e0) 50%,var(--bg-secondary, #f0f0f0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text.sm{width:40%}.skeleton-text.md{width:70%}.skeleton-text.lg{width:100%}.skeleton-text.title{height:1.5em;width:50%;margin-bottom:1em}.skeleton-card{background:var(--bg-card, #ffffff);border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.skeleton-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-card-title{height:1.25rem;width:60%}.skeleton-card-toggle{height:24px;width:44px;border-radius:12px}.skeleton-card-email{height:1rem;width:80%;margin-bottom:1rem}.skeleton-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.skeleton-card-detail{height:.875rem;width:70%}.skeleton-card-stats{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color, #e0e0e0)}.skeleton-stat{flex:1;text-align:center}.skeleton-stat-value{height:1.5rem;width:50%;margin:0 auto .25rem}.skeleton-stat-label{height:.75rem;width:80%;margin:0 auto}.skeleton-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.skeleton-stat-card{background:var(--bg-card, #ffffff);border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.skeleton-stat-card-title{height:.875rem;width:60%;margin-bottom:.75rem}.skeleton-stat-card-value{height:2rem;width:40%;margin-bottom:.5rem}.skeleton-stat-card-progress{height:6px;width:100%;border-radius:3px;margin-bottom:.5rem}.skeleton-stat-card-limit{height:.75rem;width:50%}.skeleton-form{display:flex;flex-direction:column;gap:1.5rem}.skeleton-form-group{display:flex;flex-direction:column;gap:.5rem}.skeleton-label{height:.875rem;width:30%}.skeleton-input{height:40px;width:100%;border-radius:6px}.skeleton-button{height:44px;width:120px;border-radius:6px}.skeleton-list{display:flex;flex-direction:column;gap:1rem}.skeleton-insight-card{background:var(--bg-card, #ffffff);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.skeleton-insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-insight-title{height:1.25rem;width:40%}.skeleton-insight-badge{height:24px;width:60px;border-radius:4px}.skeleton-insight-content{display:flex;flex-direction:column;gap:.75rem}.skeleton-insight-row{height:1rem;width:90%}@media(prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}.skeleton-card,.skeleton-stat-card,.skeleton-insight-card{background:#1a1a1a}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--bg-secondary, #f0f0f0)}}.api-key-settings{padding:var(--space-4, 16px)}.api-key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5, 20px)}.api-key-settings h4{margin:0 0 var(--space-1, 4px);font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa)}.api-key-description{margin:0;color:var(--text-tertiary, #71717a);font-size:var(--text-sm, .8125rem);line-height:1.5}.api-upgrade-prompt{text-align:center;padding:var(--space-8, 40px) var(--space-4, 20px);background:var(--bg-elevated, #18181b);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.upgrade-icon{color:var(--text-tertiary, #71717a);margin-bottom:var(--space-4, 16px)}.api-upgrade-prompt h5{margin:0 0 var(--space-3, 12px);font-size:var(--text-xl, 1.25rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa)}.api-upgrade-prompt p{margin:0 0 var(--space-5, 20px);color:var(--text-secondary, #a1a1aa);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.new-key-secret{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 20px);margin-bottom:var(--space-5, 20px)}.secret-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3, 12px)}.secret-header h5{margin:0;color:#4ade80;font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600)}.secret-warning{color:#fbbf24;background:#fbbf2426;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500)}.secret-value{display:flex;align-items:center;gap:var(--space-3, 12px);background:var(--bg-primary, #09090b);padding:var(--space-3, 12px);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 16px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.secret-value code{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-sm, .875rem);color:var(--text-primary, #fafafa);word-break:break-all}.icon-btn{padding:var(--space-2, 8px);min-width:auto;background:transparent;border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 6px);color:var(--text-secondary, #a1a1aa);cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.icon-btn:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .05));border-color:var(--accent-primary, #6366f1);color:var(--accent-primary, #6366f1)}.create-key-form{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 12px);padding:var(--space-5, 20px);margin-bottom:var(--space-5, 20px)}.form-group{margin-bottom:var(--space-4, 16px)}.form-group>label{display:block;margin-bottom:var(--space-2, 8px);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .8125rem);text-transform:uppercase;letter-spacing:.05em}.form-group input[type=text],.form-group select{width:100%;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-primary, #09090b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);font-size:var(--text-sm, .875rem);color:var(--text-primary, #fafafa);transition:border-color var(--duration-normal, .15s) var(--ease-default, ease),box-shadow var(--duration-normal, .15s) var(--ease-default, ease)}.form-group input[type=text]::placeholder{color:var(--text-tertiary, #71717a)}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px #6366f126}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-group select option{background:var(--bg-elevated, #18181b);color:var(--text-primary, #fafafa)}.scope-checkboxes{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.scope-checkbox{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-primary, #09090b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--duration-normal, .15s) var(--ease-default, ease);font-weight:400;margin:0}.scope-checkbox:hover{border-color:var(--accent-primary, #6366f1);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .02))}.scope-checkbox:has(input:checked){border-color:var(--accent-primary, #6366f1);background:#6366f114}.scope-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--border-default, rgba(255, 255, 255, .2));border-radius:var(--radius-sm, 4px);background:transparent;cursor:pointer;transition:all var(--duration-fast, .1s) var(--ease-default, ease);position:relative;flex-shrink:0}.scope-checkbox input[type=checkbox]:checked{background:var(--accent-primary, #6366f1);border-color:var(--accent-primary, #6366f1)}.scope-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.scope-checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f14d}.scope-name{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-xs, .75rem);color:var(--accent-primary, #6366f1);font-weight:var(--font-semibold, 600);background:#6366f126;padding:var(--space-1, 4px) var(--space-2, 8px);border-radius:var(--radius-sm, 4px);white-space:nowrap}.scope-description{color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .8125rem);margin-left:auto}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3, 12px);margin-top:var(--space-5, 20px);padding-top:var(--space-4, 16px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.api-keys-list{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4, 16px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 12px);transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.api-key-item:hover{border-color:var(--border-default, rgba(255, 255, 255, .1))}.api-key-info{flex:1;min-width:0}.api-key-name{font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa);font-size:var(--text-sm, .875rem);margin-bottom:var(--space-1, 4px)}.api-key-prefix code{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);background:var(--bg-primary, #09090b);padding:var(--space-1, 2px) var(--space-2, 6px);border-radius:var(--radius-sm, 4px)}.api-key-meta{display:flex;flex-wrap:wrap;gap:var(--space-3, 12px);margin-top:var(--space-2, 8px);color:var(--text-tertiary, #71717a);font-size:var(--text-xs, .75rem)}.api-key-scopes{display:flex;flex-wrap:wrap;gap:var(--space-1, 4px);margin-top:var(--space-2, 8px)}.scope-tag{font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-xs, .6875rem);color:var(--accent-primary, #6366f1);background:#6366f11a;padding:var(--space-1, 2px) var(--space-2, 6px);border-radius:var(--radius-sm, 4px)}.api-key-actions{display:flex;gap:var(--space-2, 8px);flex-shrink:0}.text-btn{background:transparent;color:var(--text-secondary, #a1a1aa);border:none;padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, .8125rem);cursor:pointer;border-radius:var(--radius-md, 6px);transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.text-btn:hover:not(:disabled){background:var(--bg-overlay-subtle, rgba(255, 255, 255, .05));color:var(--text-primary, #fafafa)}.danger-btn{background:transparent;color:#f87171;border:1px solid rgba(248,113,113,.3);padding:var(--space-2, 8px) var(--space-3, 12px);font-size:var(--text-sm, .8125rem);cursor:pointer;border-radius:var(--radius-md, 6px);transition:all var(--duration-normal, .15s) var(--ease-default, ease)}.danger-btn:hover:not(:disabled){background:#f871711a;border-color:#f87171}.api-keys-loading{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.loading-skeleton{height:80px;background:linear-gradient(90deg,var(--bg-elevated, #18181b) 25%,rgba(255,255,255,.05) 50%,var(--bg-elevated, #18181b) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-lg, 12px)}.no-api-keys{text-align:center;padding:var(--space-8, 40px) var(--space-4, 20px);color:var(--text-tertiary, #71717a);background:var(--bg-elevated, #18181b);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.api-docs-link{margin-top:var(--space-5, 24px);padding:var(--space-5, 20px);background:var(--bg-elevated, #18181b);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.api-docs-link h5{margin:0 0 var(--space-2, 8px);font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa)}.api-docs-link p{margin:0 0 var(--space-3, 12px);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .8125rem)}.api-example{background:var(--bg-primary, #09090b);border-radius:var(--radius-md, 8px);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));overflow:hidden}.api-example pre{margin:0;padding:var(--space-4, 16px);color:var(--text-secondary, #a1a1aa);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--text-xs, .75rem);line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media(max-width:640px){.api-key-header{flex-direction:column;gap:var(--space-4, 16px)}.api-key-item{flex-direction:column;align-items:stretch;gap:var(--space-4, 16px)}.api-key-actions{justify-content:flex-end}.secret-header{flex-direction:column;gap:var(--space-2, 8px);align-items:flex-start}.scope-checkbox{flex-wrap:wrap}.scope-description{margin-left:30px;width:100%;margin-top:var(--space-1, 4px)}}[data-theme=light] .api-key-settings h4{color:var(--text-primary, #18181b)}[data-theme=light] .api-upgrade-prompt{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .api-upgrade-prompt h5{color:var(--text-primary, #18181b)}[data-theme=light] .new-key-secret{background:#22c55e14;border-color:#22c55e33}[data-theme=light] .secret-value{background:#fff;border-color:var(--border-subtle, rgba(0, 0, 0, .1))}[data-theme=light] .secret-value code{color:var(--text-primary, #18181b)}[data-theme=light] .create-key-form{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .form-group input[type=text],[data-theme=light] .form-group select{background:#fff;border-color:var(--border-default, rgba(0, 0, 0, .1));color:var(--text-primary, #18181b)}[data-theme=light] .scope-checkbox{background:#fff;border-color:var(--border-default, rgba(0, 0, 0, .1))}[data-theme=light] .scope-checkbox input[type=checkbox]{border-color:var(--border-default, rgba(0, 0, 0, .2))}[data-theme=light] .api-key-item{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .api-key-name{color:var(--text-primary, #18181b)}[data-theme=light] .api-key-prefix code{background:#fff}[data-theme=light] .no-api-keys,[data-theme=light] .api-docs-link{background:var(--bg-secondary, #f4f4f5)}[data-theme=light] .api-docs-link h5{color:var(--text-primary, #18181b)}[data-theme=light] .api-example{background:#fff}[data-theme=light] .loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary, #f4f4f5) 25%,rgba(0,0,0,.05) 50%,var(--bg-secondary, #f4f4f5) 75%);background-size:200% 100%}@media(prefers-reduced-motion:reduce){.api-key-item,.scope-checkbox,.form-group input,.form-group select,.icon-btn,.text-btn,.danger-btn{transition:none}.loading-skeleton{animation:none}}.api-keys-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.api-keys-section .api-key-settings{background:transparent;padding:0}.api-keys-section .api-key-settings>h4{display:none}.api-keys-section .api-key-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-4, 16px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px)}.api-keys-section .api-key-description{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);margin:var(--space-1, 4px) 0 0 0}.api-keys-section .api-keys-list{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.api-keys-section .api-key-item{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);padding:var(--space-4, 16px)}.api-keys-section .api-upgrade-prompt{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-6, 24px);text-align:center}[data-theme=light] .api-keys-section .api-key-header,[data-theme=light] .api-keys-section .api-key-item,[data-theme=light] .api-keys-section .api-upgrade-prompt{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}.connected-accounts{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.connected-accounts h4{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:#1a1a1a}.connected-accounts-description{margin:0 0 20px;color:#666;font-size:.875rem;line-height:1.5}.provider-list{display:flex;flex-direction:column;gap:12px}.provider-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.provider-item.linked{background:#f0f9f4;border-color:#34a853}.provider-item:hover{border-color:#bbb}.provider-item.linked:hover{border-color:#2d8f47}.provider-info{display:flex;align-items:center;gap:16px;min-width:0}.provider-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.provider-icon svg{width:24px;height:24px}.provider-details{display:flex;flex-direction:column;gap:2px;min-width:0}.provider-name{font-weight:500;color:#1a1a1a;font-size:.9375rem}.provider-email{color:#666;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-linked-date{color:#888;font-size:.75rem}.provider-action{flex-shrink:0}.connect-btn,.disconnect-btn{padding:8px 16px;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:100px}.connect-btn{background:#4285f4;color:#fff;border:none}.connect-btn:hover:not(:disabled){background:#357abd}.connect-btn:focus{outline:none;box-shadow:0 0 0 3px #4285f44d}.disconnect-btn{background:transparent;color:#666;border:1px solid #ccc}.disconnect-btn:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;color:#333}.disconnect-btn:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.connect-btn:disabled,.disconnect-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.connected-accounts-note{margin:16px 0 0;padding:12px;background:#f0f4f8;border-radius:6px;color:#555;font-size:.8125rem;line-height:1.5}.connected-accounts-loading{display:flex;flex-direction:column;gap:12px}.loading-skeleton{height:72px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:480px){.provider-item{flex-direction:column;align-items:stretch;gap:12px}.provider-info{justify-content:flex-start}.provider-action,.connect-btn,.disconnect-btn{width:100%}}@media(prefers-color-scheme:dark){.connected-accounts{border-top-color:#3a3a3a}.connected-accounts h4{color:#fff}.connected-accounts-description{color:#aaa}.provider-item{background:#2a2a2a;border-color:#3a3a3a}.provider-item.linked{background:#1a2f1f;border-color:#2d8f47}.provider-item:hover{border-color:#555}.provider-icon{background:#1a1a1a;box-shadow:0 1px 3px #0000004d}.provider-name{color:#fff}.provider-email{color:#aaa}.provider-linked-date{color:#888}.disconnect-btn{color:#aaa;border-color:#555}.disconnect-btn:hover:not(:disabled){background:#333;border-color:#666;color:#fff}.connected-accounts-note{background:#2a2a2a;color:#aaa}.loading-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}}.connected-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.connected-section .connected-accounts{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-xl, 12px);padding:var(--space-4, 16px)}.connected-section .connected-accounts>h4{font-size:var(--text-base, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0 0 var(--space-1, 4px) 0}.connected-section .connected-accounts-description{font-size:var(--text-sm, .8125rem);color:var(--text-tertiary, #71717a);margin:0 0 var(--space-4, 16px) 0}.connected-section .provider-list{display:flex;flex-direction:column;gap:var(--space-2, 8px)}.connected-section .provider-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));border-radius:var(--radius-md, 6px)}.connected-section .provider-item.linked{border:1px solid rgba(16,185,129,.2)}.connected-section .connect-btn{background:var(--accent-primary-muted, rgba(99, 102, 241, .15));border:none;color:var(--accent-primary, #6366f1);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);cursor:pointer;transition:background .15s ease}.connected-section .connect-btn:hover{background:#6366f140}.connected-section .disconnect-btn{background:#f43f5e26;border:none;color:var(--status-error, #f43f5e);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:var(--radius-md, 6px);font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);cursor:pointer;transition:background .15s ease}.connected-section .disconnect-btn:hover{background:#f43f5e40}.connected-section .connected-accounts-note{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a);margin:var(--space-4, 16px) 0 0 0;padding-top:var(--space-3, 12px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}[data-theme=light] .connected-section .connected-accounts{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .connected-section .connected-accounts>h4{color:var(--text-primary, #18181b)}[data-theme=light] .connected-section .provider-item{background:#00000005}[data-theme=light] .connected-section .connected-accounts-note{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}.autofill-section{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.autofill-section__info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3, 12px);padding:var(--space-4, 16px);background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.autofill-section__info-text{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);margin:0;line-height:1.5}.autofill-section__instructions{padding:var(--space-4, 16px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.autofill-section__instructions-title{font-size:var(--text-sm, .8125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0 0 var(--space-3, 12px) 0}.autofill-section__instructions-list{margin:0;padding-left:var(--space-5, 20px);font-size:var(--text-sm, .8125rem);color:var(--text-secondary, #a1a1aa);line-height:1.8}.autofill-section__instructions-list li{margin-bottom:var(--space-1, 4px)}[data-theme=light] .autofill-section__info{background:#00000005}[data-theme=light] .autofill-section__instructions{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .autofill-section__instructions-title{color:var(--text-primary, #18181b)}.settings-page{display:flex;flex-direction:column;min-height:100%}.settings-page__body{display:flex;flex:1;overflow:hidden}.settings-page__section-wrapper{position:relative;width:100%}.settings-page__section{width:100%}.settings-page__section--hidden{display:none}.settings-page__section--active{display:block}.settings-page__desktop-header{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-elevated, #18181b);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.settings-page__back-btn--desktop{display:flex;align-items:center;gap:var(--space-2, 8px);padding:var(--space-2, 8px) var(--space-3, 12px);background:transparent;border:none;color:var(--text-secondary, #a1a1aa);cursor:pointer;border-radius:var(--radius-md, 6px);font-family:inherit;font-size:var(--text-sm, .8125rem);transition:all var(--duration-normal, .15s) ease;width:auto;height:auto}.settings-page__back-btn--desktop:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03));color:var(--text-primary, #fafafa)}.settings-page__back-label{font-weight:var(--font-medium, 500)}.settings-page__header-title{font-size:var(--text-lg, 1rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0}.settings-page__content{flex:1;padding:var(--space-6, 24px);overflow-y:auto;max-width:800px}.settings-page__title{font-size:var(--text-xl, 1.125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);margin:0 0 var(--space-5, 20px) 0}.settings-page__section-content{display:flex;flex-direction:column;gap:var(--space-4, 16px)}.settings-page__empty{color:var(--text-tertiary, #71717a);font-size:var(--text-sm, .8125rem);text-align:center;padding:var(--space-8, 32px)}.settings-page--mobile{flex-direction:column}.settings-page__mobile-list{display:flex;flex-direction:column;min-height:100%;padding-bottom:env(safe-area-inset-bottom,0)}.settings-page__user-header{display:flex;align-items:center;gap:var(--space-3, 12px);padding:var(--space-4, 16px);background:var(--bg-elevated, #18181b);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.settings-page__user-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-primary-muted, rgba(99, 102, 241, .15));color:var(--accent-primary, #6366f1);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg, 1rem);font-weight:var(--font-semibold, 600);flex-shrink:0}.settings-page__user-info{display:flex;flex-direction:column;gap:var(--space-1, 4px);min-width:0}.settings-page__user-email{font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-page__nav-list{display:flex;flex-direction:column;flex:1;padding:var(--space-2, 8px) 0}.settings-page__nav-item{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;padding:var(--space-4, 16px);background:transparent;border:none;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));color:var(--text-primary, #fafafa);font-family:inherit;font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);text-align:left;cursor:pointer;transition:background-color var(--duration-normal, .15s) ease;-webkit-tap-highlight-color:transparent}.settings-page__nav-item:last-child{border-bottom:none}.settings-page__nav-item:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.settings-page__nav-item:active{background:var(--bg-overlay-medium, rgba(255, 255, 255, .06))}.settings-page__nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--text-secondary, #a1a1aa);flex-shrink:0}.settings-page__nav-icon svg{width:20px;height:20px}.settings-page__nav-label{flex:1}.settings-page__nav-chevron{display:flex;align-items:center;color:var(--text-tertiary, #71717a)}.settings-page__mobile-logout{display:flex;align-items:center;gap:var(--space-3, 12px);width:100%;padding:var(--space-4, 16px);margin-top:auto;background:transparent;border:none;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06));color:var(--status-error, #f43f5e);font-family:inherit;font-size:var(--text-sm, .8125rem);font-weight:var(--font-medium, 500);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-page__mobile-logout:active{background:#f43f5e1a}.settings-page__mobile-section{display:flex;flex-direction:column;min-height:100%}.settings-page__mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-base, #0a0a0b);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06));position:sticky;top:0;z-index:100}.settings-page__back-btn{display:flex;align-items:center;gap:var(--space-1, 4px);padding:var(--space-2, 8px);margin:calc(-1 * var(--space-2, 8px));background:transparent;border:none;color:var(--accent-primary, #6366f1);font-size:var(--text-sm, .8125rem);font-weight:500;cursor:pointer;border-radius:var(--radius-lg, 8px);-webkit-tap-highlight-color:transparent;transition:all var(--duration-normal, .15s) ease}.settings-page__back-btn svg{width:20px;height:20px;flex-shrink:0}.settings-page__back-btn:hover{background:var(--bg-overlay-subtle, rgba(255, 255, 255, .03))}.settings-page__back-btn:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.settings-page__back-btn:active{transform:translate(-2px)}.settings-page__back-label{font-weight:500}.settings-page__header-left{display:flex;align-items:center;min-width:80px}.settings-page__header-right{display:flex;align-items:center;min-width:80px;justify-content:flex-end}.settings-page__mobile-title{font-size:var(--text-lg, 1rem);font-weight:600;color:var(--text-primary, #fafafa);margin:0;text-align:center;flex:1}.settings-page__mobile-content{flex:1;padding:var(--space-4, 16px);padding-bottom:max(var(--space-4, 16px),env(safe-area-inset-bottom));overflow-y:auto}[data-theme=light] .settings-page__desktop-header{background:var(--bg-secondary, #f4f4f5);border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-page__header-title{color:var(--text-primary, #18181b)}[data-theme=light] .settings-page__back-btn{color:var(--accent-primary, #6366f1)}[data-theme=light] .settings-page__back-btn:hover{background:#00000008}[data-theme=light] .settings-page__title{color:var(--text-primary, #18181b)}[data-theme=light] .settings-page__user-header{background:var(--bg-secondary, #f4f4f5);border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-page__user-email{color:var(--text-primary, #18181b)}[data-theme=light] .settings-page__nav-item{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06));color:var(--text-primary, #18181b)}[data-theme=light] .settings-page__nav-item:hover{background:#00000008}[data-theme=light] .settings-page__mobile-logout{border-top-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-page__mobile-header{background:var(--bg-base, #ffffff);border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .settings-page__mobile-title{color:var(--text-primary, #18181b)}@media(min-width:769px)and (max-width:1024px){.settings-page__content{padding:var(--space-5, 20px)}}@media(max-width:768px){.settings-page__content{padding:var(--space-4, 16px);max-width:none}}@media(max-width:480px){.settings-page__mobile-header{padding:var(--space-2, 8px) var(--space-3, 12px)}.settings-page__header-left,.settings-page__header-right{min-width:44px}.settings-page__mobile-title{font-size:var(--text-base, .875rem)}.settings-page__back-label{display:none}}@media(prefers-reduced-motion:reduce){.settings-page__nav-item,.settings-page__back-btn{transition:none}}.create-rule{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:var(--z-modal, 700)}.create-rule__sheet{background:var(--bg-surface, #111113);width:100%;border-radius:var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0;animation:ruleSheetSlideUp .25s var(--ease-spring, cubic-bezier(.175, .885, .32, 1.275));max-height:90vh;display:flex;flex-direction:column;overflow:hidden}@keyframes ruleSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.create-rule__sheet--loading{min-height:200px;justify-content:center;align-items:center}@media(min-width:768px){.create-rule{align-items:center}.create-rule__sheet{max-width:420px;border-radius:var(--radius-xl, 12px);animation:ruleSheetFadeIn .2s ease-out}@keyframes ruleSheetFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.create-rule__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3, 12px) var(--space-4, 16px);padding-top:max(var(--space-3, 12px),env(safe-area-inset-top));border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.create-rule__title{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa)}.create-rule__close,.create-rule__back,.create-rule__next,.create-rule__save{background:none;border:none;font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);cursor:pointer;padding:var(--space-2, 8px);margin:calc(var(--space-2, 8px) * -1);border-radius:var(--radius-md, 6px);transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.create-rule__close,.create-rule__back{color:var(--text-secondary, #a1a1aa)}.create-rule__next,.create-rule__save{color:var(--accent-primary, #6366f1)}.create-rule__next:disabled,.create-rule__save:disabled{opacity:.4;cursor:not-allowed}.create-rule__close:active,.create-rule__back:active,.create-rule__next:active:not(:disabled),.create-rule__save:active:not(:disabled){opacity:.7}.create-rule__content{padding:var(--space-5, 20px) var(--space-4, 16px);padding-bottom:max(var(--space-5, 20px),env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.create-rule__field{display:flex;flex-direction:column;gap:var(--space-3, 12px)}.create-rule__label{font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa);text-align:center}.create-rule__input{width:100%;padding:var(--space-4, 16px);font-size:18px;font-family:inherit;text-align:center;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);transition:border-color .15s ease}.create-rule__input:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.create-rule__input::placeholder{color:var(--text-tertiary, #52525b)}.create-rule__input--small{font-size:16px;padding:var(--space-3, 12px);text-align:left}.create-rule__options{display:flex;flex-direction:column;gap:var(--space-2, 8px);margin-top:var(--space-3, 12px)}.create-rule__option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1, 4px);padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);cursor:pointer;text-align:left;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.create-rule__option:active{transform:scale(.98)}.create-rule__option--selected{border-color:var(--accent-primary, #6366f1);background:var(--accent-primary-muted, rgba(99, 102, 241, .1))}.create-rule__option-label{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #fafafa)}.create-rule__option-desc{font-size:var(--text-xs, .75rem);color:var(--text-tertiary, #71717a)}.create-rule__option--selected .create-rule__option-label{color:var(--accent-primary, #818cf8)}.create-rule__select-group{display:flex;align-items:center;gap:var(--space-2, 8px);margin-top:var(--space-3, 12px)}.create-rule__select-label{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #a1a1aa);white-space:nowrap}.create-rule__select{flex:1;padding:var(--space-3, 12px);font-size:16px;font-family:inherit;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.create-rule__select:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.create-rule__param{margin-top:var(--space-4, 16px);padding-top:var(--space-4, 16px);border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.create-rule__param-label{display:block;font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #a1a1aa);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-2, 8px)}.create-rule__textarea{width:100%;padding:var(--space-3, 12px);font-size:16px;font-family:inherit;background:var(--bg-elevated, #18181b);border:1px solid var(--border-default, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 8px);color:var(--text-primary, #fafafa);resize:vertical;min-height:80px}.create-rule__textarea:focus{outline:none;border-color:var(--accent-primary, #6366f1)}.create-rule__textarea::placeholder{color:var(--text-tertiary, #52525b)}.create-rule__summary{background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);overflow:hidden;margin-bottom:var(--space-4, 16px)}.create-rule__summary-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3, 12px) var(--space-4, 16px);gap:var(--space-3, 12px)}.create-rule__summary-row:not(:last-child){border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.create-rule__summary-label{font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.create-rule__summary-value{font-size:var(--text-sm, .8125rem);color:var(--text-primary, #fafafa);text-align:right;word-break:break-word}.create-rule__explain{background:var(--accent-primary-muted, rgba(99, 102, 241, .1));border:1px solid var(--accent-primary, rgba(99, 102, 241, .3));border-radius:var(--radius-lg, 8px);padding:var(--space-4, 16px);margin-bottom:var(--space-4, 16px);text-align:center}.create-rule__explain-text{font-size:var(--text-sm, .875rem);color:var(--text-primary, #fafafa);line-height:1.5}.create-rule__explain-highlight{color:var(--accent-primary, #818cf8);font-weight:var(--font-semibold, 600)}.create-rule__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4, 16px);background:var(--bg-elevated, #18181b);border:1px solid var(--border-subtle, rgba(255, 255, 255, .06));border-radius:var(--radius-lg, 8px);cursor:pointer;-webkit-tap-highlight-color:transparent;margin-bottom:var(--space-3, 12px)}.create-rule__toggle-label{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--text-primary, #fafafa)}.create-rule__toggle-switch{position:relative;width:44px;height:26px;background:#ffffff26;border-radius:var(--radius-full, 9999px);transition:background .2s ease;flex-shrink:0}.create-rule__toggle-switch--on{background:#6366f1;box-shadow:0 0 8px #6366f180}.create-rule__toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;transition:transform .2s ease}.create-rule__toggle-switch--on .create-rule__toggle-knob{transform:translate(18px)}.create-rule__delete{width:100%;padding:var(--space-3, 12px);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--status-error, #f43f5e);background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);border-radius:var(--radius-lg, 8px);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.create-rule__delete:active{background:#f43f5e33}.create-rule__error{display:block;margin-top:var(--space-2, 8px);font-size:var(--text-xs, .75rem);color:var(--status-error, #f43f5e);text-align:center}.create-rule__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);color:var(--text-secondary, #a1a1aa);font-size:var(--text-sm, .875rem)}.create-rule__spinner{width:32px;height:32px;border:3px solid var(--border-subtle, rgba(255, 255, 255, .1));border-top-color:var(--accent-primary, #6366f1);border-radius:50%;animation:ruleSpinner .8s linear infinite}@keyframes ruleSpinner{to{transform:rotate(360deg)}}[data-theme=light] .create-rule{background:#0006}[data-theme=light] .create-rule__sheet{background:var(--bg-primary, #ffffff)}[data-theme=light] .create-rule__header{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-rule__title{color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__close,[data-theme=light] .create-rule__back{color:var(--text-secondary, #71717a)}[data-theme=light] .create-rule__label{color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__input,[data-theme=light] .create-rule__select,[data-theme=light] .create-rule__textarea{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .08));color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__option{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-rule__option--selected{background:var(--accent-primary-muted, rgba(99, 102, 241, .1));border-color:var(--accent-primary, #6366f1)}[data-theme=light] .create-rule__option-label{color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__option--selected .create-rule__option-label{color:var(--accent-primary, #6366f1)}[data-theme=light] .create-rule__summary{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-rule__summary-row{border-bottom-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-rule__summary-value{color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__explain{background:var(--accent-primary-muted, rgba(99, 102, 241, .08));border-color:#6366f133}[data-theme=light] .create-rule__explain-text{color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__toggle{background:var(--bg-secondary, #f4f4f5);border-color:var(--border-subtle, rgba(0, 0, 0, .06))}[data-theme=light] .create-rule__toggle-label{color:var(--text-primary, #18181b)}[data-theme=light] .create-rule__toggle-switch{background:#d1d5db}[data-theme=light] .create-rule__toggle-switch--on{background:#6366f1}@media(prefers-reduced-motion:reduce){.create-rule__sheet{animation:none}.create-rule__toggle-switch,.create-rule__toggle-knob,.create-rule__input,.create-rule__option{transition:none}.create-rule__spinner{animation:none}}:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:0;border-color:var(--focus-color, #6366f1)}button:focus-visible,.btn:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}a:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px;border-radius:2px}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.checkbox-label:has(input:focus-visible),.radio-label:has(input:focus-visible){outline:2px solid var(--focus-color, #6366f1);outline-offset:4px;border-radius:4px}.mask-toggle input:focus-visible+.toggle-slider,.theme-switch input:focus-visible+.theme-slider{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.mask-card:focus-visible,.rule-card:focus-visible,.template-card:focus-visible,.suggestion-card:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.tab-btn:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:-2px}.icon-btn:focus-visible,.close-btn:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px;border-radius:4px}.mask-options-dropdown button:focus-visible{outline:none;background-color:var(--focus-bg, rgba(99, 102, 241, .1))}.filter-chip:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.modal .close-btn:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px;border-radius:4px}.pagination-btn:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}.oauth-button:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:2px}[data-theme=dark] :focus-visible{outline-color:var(--focus-color-dark, #818cf8)}[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline-color:var(--focus-color-dark, #818cf8);border-color:var(--focus-color-dark, #818cf8)}[data-theme=dark] .mask-options-dropdown button:focus-visible{background-color:var(--focus-bg-dark, rgba(129, 140, 248, .15))}@media(prefers-contrast:high){:focus-visible{outline:3px solid currentColor;outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{background:var(--primary-color, #6366f1);color:#fff;font-weight:600;left:50%;padding:12px 24px;position:fixed;top:-100px;transform:translate(-50%);transition:top .2s ease;z-index:10000;border-radius:0 0 8px 8px}.skip-link:focus{top:0;outline:none}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus,.sr-only-focusable:active{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}.modal[aria-modal=true]:focus-visible{outline:none}.modal-content:focus-visible{outline:2px solid var(--focus-color, #6366f1);outline-offset:4px}button:not(:disabled):hover,.btn:not(:disabled):hover,a:hover{opacity:.9}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.6}@media(pointer:coarse){button,.btn,.icon-btn,.tab-btn,input[type=checkbox],input[type=radio],.filter-chip,.pagination-btn{min-height:44px;min-width:44px}.icon-btn{padding:10px}}.text-secondary,.help-text,.info-label{color:var(--text-secondary-accessible, #6b7280)}[data-theme=dark] .text-secondary,[data-theme=dark] .help-text,[data-theme=dark] .info-label{color:var(--text-secondary-accessible-dark, #9ca3af)}.error-message,.form-error{color:var(--error-accessible, #dc2626)}[data-theme=dark] .error-message,[data-theme=dark] .form-error{color:var(--error-accessible-dark, #f87171)}.success-message{color:var(--success-accessible, #059669)}[data-theme=dark] .success-message{color:var(--success-accessible-dark, #34d399)}.status-message[aria-live]{padding:8px 12px;border-radius:4px;margin-bottom:12px}body.modal-open{overflow:hidden}body.modal-open>*:not(.modal):not(.notification){filter:blur(1px);pointer-events:none}@media print{a[href]:after{content:" (" attr(href) ")"}img{max-width:100%}*{background:transparent!important;color:#000!important}}