@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--bg-primary:#121218;--bg-secondary:#1a1a24;--bg-tertiary:#222230;--bg-card:#252532;--bg-card-hover:#2d2d3d;--bg-elevated:#323244;--bg-surface:#252532d9;--bg-glass:#252532b3;--bg-input:#1a1a2499;--text-primary:#f4f4f8;--text-secondary:#a0a0b8;--text-tertiary:#6b6b82;--text-muted:#4a4a5e;--accent-primary:#8b5cf6;--accent-primary-rgb:139,92,246;--accent-secondary:#a855f7;--accent-secondary-rgb:168,85,247;--accent-tertiary:#c084fc;--accent-hover:#7c3aed;--accent-light:#a78bfa;--accent-glow:#8b5cf680;--accent-gradient:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 40%,#a855f7 100%);--accent-gradient-soft:linear-gradient(135deg,#8b5cf61f 0%,#a855f70f 100%);--accent-gradient-card:linear-gradient(180deg,#8b5cf614 0%,transparent 60%);--step-indicator-bg:var(--bg-tertiary);--step-indicator-active:var(--bg-card);--bg-overlay:#0009;--accent-warm:#f97316;--accent-warm-rgb:249,115,22;--accent-warm-hover:#ea580c;--accent-warm-light:#fb923c;--accent-warm-glow:#f9731673;--accent-warm-gradient:linear-gradient(135deg,#f97316 0%,#ea580c 100%);--success:#22c55e;--success-rgb:34,197,94;--success-glow:#22c55e66;--warning:#f59e0b;--warning-rgb:245,158,11;--error:#ef4444;--error-rgb:239,68,68;--error-glow:#ef444466;--border-subtle:#a0a0b814;--border-default:#a0a0b81f;--border-highlight:#8b5cf659;--border-glow:#8b5cf680;--border-card:#50506440;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 48px #00000080;--shadow-xl:0 24px 64px #0000008c;--shadow-sidebar:4px 0 24px #0000004d;--glow-accent:0 0 20px var(--accent-glow),0 0 40px #8b5cf633;--glow-warm:0 0 20px var(--accent-warm-glow),0 0 40px #f9731633;--glow-success:0 0 20px var(--success-glow);--glow-error:0 0 20px var(--error-glow);--inner-glow:inset 0 1px 1px #ffffff0a;--inner-glow-strong:inset 0 1px 2px #ffffff0f;--noise-texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.light{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#e2e8f0;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-elevated:#fff;--bg-surface:#fffffff2;--bg-glass:#ffffffe6;--bg-input:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--border-subtle:#94a3b826;--border-default:#94a3b840;--border-highlight:#8b5cf680;--border-glow:#8b5cf666;--border-card:#94a3b833;--shadow-xs:0 1px 2px #94a3b81a;--shadow-sm:0 4px 6px -1px #94a3b81a,0 2px 4px -1px #94a3b80f;--shadow-md:0 10px 15px -3px #94a3b81a,0 4px 6px -2px #94a3b80d;--shadow-lg:0 10px 25px -5px #94a3b814;--shadow-xl:0 20px 40px -12px #94a3b826;--shadow-sidebar:4px 0 20px #94a3b80f;--inner-glow:inset 0 1px 1px #fffc;--inner-glow-strong:inset 0 2px 4px #0000000d;--accent-gradient-card:linear-gradient(180deg,#8b5cf61a 0%,#8b5cf605 100%);--step-indicator-bg:#e2e8f0;--step-indicator-active:#fff;--bg-overlay:#0000004d}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#8b5cf64d;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 30px #8b5cf699}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)}to{transform:translate(100%)translateY(100%)}}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px #6366f14d,var(--inner-glow);background-size:200% 200%;border:1px solid #ffffff1a}.btn-primary:hover{box-shadow:0 8px 24px #8b5cf666,var(--glow-accent);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-warm{background:var(--accent-warm-gradient);color:#fff;box-shadow:0 4px 16px #f59e0b4d,var(--inner-glow);border:1px solid #ffffff1a}.btn-warm:hover{box-shadow:0 8px 24px #f59e0b66,var(--glow-warm);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);box-shadow:var(--shadow-xs),var(--inner-glow)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#8b5cf614}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md),var(--inner-glow);background:#0c0f18d9}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--inner-glow);background:#14182299;transition:all .3s cubic-bezier(.4,0,.2,1)}.matte-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 50%);position:absolute;inset:0}.input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--inner-glow);outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-default)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126,var(--inner-glow)}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:var(--bg-card);border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--accent-gradient);z-index:-1;opacity:.5;position:absolute;inset:-1px}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:var(--glow-accent)}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.shimmer{background:linear-gradient(90deg,#8b5cf60d,#8b5cf626,#8b5cf60d) 0 0/200% 100%;animation:1.5s infinite shimmer}.settings-container{box-sizing:border-box;width:100%;padding-bottom:2rem;animation:.3s fadeIn}.settings-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.settings-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:700}.settings-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.settings-success{border-radius:var(--radius-md);color:var(--success);background:#22c55e1a;border:1px solid #22c55e40;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;animation:.3s fadeIn;display:flex}.success-message{border-radius:var(--radius-md);color:var(--success);background:#22c55e1a;border:1px solid #22c55e4d;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;animation:.3s fadeIn;display:flex}.settings-submenu{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);scrollbar-width:none;align-items:center;gap:.5rem;padding:1rem 2rem;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:68px;right:0;overflow-x:auto}.settings-submenu::-webkit-scrollbar{display:none}.submenu-tab{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.submenu-tab:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#8b5cf614}.submenu-tab.active{background:var(--accent-gradient-soft);color:var(--accent-primary);border-color:#8b5cf64d}.tab-icon{font-size:1.1rem}.tab-label{flex:1}.tab-indicator{background:var(--accent-gradient);border-radius:0 var(--radius-full)var(--radius-full)0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.settings-content{width:100%;max-width:900px;margin:0 auto;animation:.3s fadeIn}.settings-section{animation:.3s fadeIn}.section-header{margin-bottom:2rem}.section-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.section-title.danger{color:var(--error)}.section-description{color:var(--text-secondary);margin:0;font-size:.95rem}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--inner-glow);box-sizing:border-box;width:100%;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s;overflow-x:hidden}.settings-card.plan-card{overflow:visible}.card-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.card-icon{flex-shrink:0;font-size:1.5rem}.card-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.card-description{color:var(--text-secondary);margin:0;font-size:.9rem}.card-actions{flex-wrap:wrap;align-self:flex-start;gap:.75rem;margin-left:auto;display:flex}.form-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;display:grid}.form-group{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.required{color:var(--error);margin-left:.25rem}.textarea{resize:vertical;min-height:100px;font-family:inherit}.char-count{color:var(--text-tertiary);text-align:right;margin-top:.25rem;font-size:.75rem}.form-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.avatar-upload{background:var(--bg-tertiary);border-radius:var(--radius-lg);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:1.5rem;width:100%;margin-bottom:1.5rem;padding:1.5rem;display:flex}.avatar-preview{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:600;display:flex;overflow:hidden}.avatar-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-actions{gap:.5rem;display:flex}.avatar-hint{color:var(--text-tertiary);margin-top:.5rem;font-size:.8rem}.inline-form{box-sizing:border-box;flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.inline-form .input{box-sizing:border-box;flex:1;min-width:200px}.password-form{flex-direction:column;gap:1rem;display:flex}.password-strength{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.strength-bar{gap:.25rem;display:flex}.strength-segment{background:var(--bg-tertiary);border-radius:var(--radius-full);width:30px;height:4px;transition:all .3s}.strength-segment.active:first-child{background:var(--error)}.strength-segment.active:nth-child(2){background:var(--warning)}.strength-segment.active:nth-child(3){background:var(--accent-warm)}.strength-segment.active:nth-child(4){background:var(--success)}.strength-text{color:var(--text-secondary);font-size:.75rem}.error-message{color:var(--error);border-radius:var(--radius-sm);background:#ef44441a;padding:.5rem .75rem;font-size:.875rem}.account-details{border-top:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;padding-top:1rem;display:flex}.detail-row{justify-content:space-between;align-items:center;display:flex}.detail-label{color:var(--text-secondary);font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:500}.status-badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-active,.status-success{color:var(--success);background:#22c55e26}.status-warning{color:var(--warning);background:#f59e0b26}.status-error{color:var(--error);background:#ef444426}.preference-options{flex-direction:column;gap:1rem;display:flex}.preference-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.theme-selector{flex-wrap:wrap;gap:.75rem;display:flex}.theme-option{background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;border:2px solid #0000;flex-direction:column;align-items:center;gap:.5rem;min-width:100px;padding:1rem;transition:all .2s;display:flex}.theme-option:hover{border-color:var(--border-default)}.theme-option.active{border-color:var(--accent-primary);background:var(--accent-gradient-soft)}.theme-icon{font-size:1.5rem}.theme-name{color:var(--text-primary);font-size:.85rem;font-weight:500}.toggle-group{flex-direction:column;gap:.25rem;display:flex}.toggle-label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-slider{background:var(--bg-tertiary);border-radius:var(--radius-full);flex-shrink:0;width:44px;height:24px;transition:all .3s;position:relative}.toggle-slider:before{content:"";background:var(--text-muted);border-radius:var(--radius-full);width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-label input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-label input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.toggle-text{color:var(--text-primary);font-size:.9rem}.toggle-description{color:var(--text-tertiary);margin-left:3.25rem;font-size:.8rem}.security-status{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:1rem;display:flex}.status-indicator{align-items:center;gap:.5rem;display:flex}.status-dot{border-radius:var(--radius-full);width:8px;height:8px}.status-dot.active{background:var(--success);box-shadow:0 0 10px var(--success-glow)}.status-dot.inactive{background:var(--text-tertiary)}.status-text{color:var(--text-secondary);font-size:.9rem}.two-factor-setup,.setup-steps{flex-direction:column;gap:1.5rem;display:flex}.setup-step{gap:1rem;display:flex}.step-number{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:600;display:flex}.step-content h4{color:var(--text-primary);margin:0 0 .25rem;font-size:.95rem}.step-content p{color:var(--text-secondary);margin:0;font-size:.85rem}.qr-placeholder{background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.qr-code{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.qr-pattern{background-color:#0000;background-image:linear-gradient(45deg,#000 25%,#0000 25%),linear-gradient(-45deg,#000 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#000 75%),linear-gradient(-45deg,#0000 75%,#000 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:120px;height:120px}.qr-fallback{color:var(--text-secondary);font-size:.85rem}.qr-fallback code{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.25rem .5rem;font-family:monospace}.verification-input{text-align:center;letter-spacing:.5rem;font-family:monospace;font-size:1.25rem}.sessions-list{box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;display:flex}.session-item{background:var(--bg-tertiary);border-radius:var(--radius-md);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:1rem;transition:all .2s;display:flex}.session-item:hover{background:var(--bg-elevated)}.session-info{flex-direction:column;gap:.25rem;display:flex}.session-device{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.device-icon{font-size:1.25rem}.device-name{color:var(--text-primary);font-weight:500}.device-location{color:var(--text-secondary);margin-left:2rem;font-size:.85rem}.session-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.current-badge{color:var(--success);border-radius:var(--radius-sm);background:#22c55e26;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.last-active{color:var(--text-tertiary);font-size:.8rem}.login-history{box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;display:flex}.history-item{background:var(--bg-tertiary);border-radius:var(--radius-md);box-sizing:border-box;flex-wrap:wrap;gap:1rem;width:100%;padding:1rem;display:flex}.history-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.history-icon.success{color:var(--success);background:#22c55e26}.history-icon.warning{color:var(--warning);background:#f59e0b26}.history-details{flex:1}.history-action{color:var(--text-primary);font-weight:500}.history-info{color:var(--text-secondary);font-size:.85rem}.history-time{color:var(--text-tertiary);font-size:.8rem}.security-tips{background:linear-gradient(135deg,#8b5cf61a,#a855f70d)}.tips-list{margin:0;padding:0;list-style:none}.tips-list li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;font-size:.9rem;position:relative}.tips-list li:before{content:"✓";color:var(--accent-primary);font-weight:600;position:absolute;left:0}.notification-list{box-sizing:border-box;flex-direction:column;gap:.5rem;width:100%;display:flex}.notification-item{background:var(--bg-tertiary);border-radius:var(--radius-md);box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;width:100%;padding:1rem;display:flex}.notification-info{flex:1}.notification-label{color:var(--text-primary);margin-bottom:.25rem;font-weight:500}.notification-description{color:var(--text-tertiary);font-size:.8rem}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{display:none}.toggle-switch .toggle-slider{background:var(--bg-elevated);border-radius:var(--radius-full);cursor:pointer;width:100%;height:100%;transition:all .3s}.toggle-switch .toggle-slider:before{content:"";background:var(--text-muted);border-radius:var(--radius-full);width:20px;height:20px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.quiet-hours{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;display:flex}.time-range{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:1rem;width:100%;display:grid}.quiet-hours-description{color:var(--text-tertiary);font-size:.85rem}.danger-zone-section{border-top:1px solid var(--border-subtle);padding-top:2rem}.danger-zone-cards{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;display:flex}.danger-card{border-left:4px solid}.danger-card.warning{border-left-color:var(--warning)}.danger-card.danger{border-left-color:var(--error)}.warning-icon{color:var(--warning)}.danger-icon{color:var(--error)}.btn-danger{background:linear-gradient(135deg,var(--error)0%,#dc2626 100%);color:#fff;box-shadow:0 4px 16px #ef44444d,var(--inner-glow);border:1px solid #ffffff1a}.btn-danger:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #ef444466}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.danger-zone-info{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem}.danger-zone-info h4{color:var(--text-primary);margin:0 0 .5rem}.danger-zone-info p{color:var(--text-secondary);margin:0;font-size:.9rem}.link{color:var(--accent-primary);text-decoration:none}.link:hover{text-decoration:underline}.modal-overlay{background:var(--bg-overlay);z-index:1000;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);box-sizing:border-box;width:90%;max-width:500px;animation:.2s fadeInScale;overflow-x:hidden}.danger-modal{max-width:550px}.modal-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem;display:flex}.modal-icon{font-size:2rem}.modal-icon.danger-icon{color:var(--error)}.modal-title{color:var(--text-primary);flex:1;margin:0;font-size:1.25rem;font-weight:600}.modal-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-description{color:var(--text-secondary);margin-bottom:1.5rem}.delete-warning{border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;margin-bottom:1.5rem;padding:1rem}.delete-warning h4{color:var(--error);margin:0 0 .75rem;font-size:.95rem}.delete-warning ul{margin:0;padding-left:1.25rem}.delete-warning li{color:var(--text-secondary);margin-bottom:.25rem;font-size:.9rem}.confirmation-input code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--accent-primary);padding:.25rem .5rem;font-family:monospace}.modal-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media(max-width:1024px){.settings-submenu{padding:.75rem 1rem}.submenu-tab{padding:.5rem .75rem;font-size:.85rem}}@media(max-width:768px){.settings-container{padding:7.5rem 1rem 1rem}.settings-submenu{gap:.25rem;padding:.75rem 1rem}.submenu-tab{gap:.25rem;padding:.5rem .75rem;font-size:.85rem}.submenu-tab .tab-label{display:none}.submenu-tab .tab-icon{font-size:1.25rem}.form-grid{grid-template-columns:1fr}.avatar-upload{text-align:center;flex-direction:column}.avatar-actions{justify-content:center}.card-actions{flex-direction:column;width:100%}.card-actions .btn{width:100%}.time-range{grid-template-columns:1fr}.modal{margin:1rem}}.settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;max-width:1400px;margin:0 auto;display:grid}.settings-sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:6rem}.settings-content-area{width:100%;min-width:0}@media(max-width:1024px){.settings-layout{grid-template-columns:240px 1fr;gap:1.5rem}}@media(max-width:768px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{margin-bottom:2rem;position:relative;top:0}}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),var(--inner-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}.matte-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm),var(--inner-glow-strong);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glow-card{background:var(--bg-card);border:1px solid var(--border-highlight);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),var(--glow-accent);transition:all .3s}.light .payment-method-card{border-color:var(--border-default);background:linear-gradient(135deg,#00000008,#00000003)}.light .card-brand-icon{color:#1e293b;background:#e2e8f0}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.plan-card{border:1px solid var(--border-subtle);flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative}.plan-card.active{border-color:var(--accent-primary);background:linear-gradient(#8b5cf60d,#0000);box-shadow:0 0 30px #8b5cf61a}.plan-card .card-content{flex-direction:column;height:100%;padding:2rem;display:flex}.plan-badge{background:var(--accent-secondary);color:#fff;border-radius:12px;padding:2px 12px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}.plan-name{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.plan-price{color:var(--text-primary);align-items:baseline;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;display:flex}.plan-period{color:var(--text-secondary);margin-left:.25rem;font-size:1rem;font-weight:400}.plan-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.feature-list{flex-direction:column;gap:.75rem;margin-top:auto;font-size:.9rem;display:flex}.feature-item{color:var(--text-secondary);align-items:center;gap:.75rem;display:flex}.feature-icon{color:var(--success);flex-shrink:0}.plan-toggle{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}.save-badge{color:var(--success);border-radius:var(--radius-full);background:#22c55e26;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.payment-method-card{border-radius:var(--radius-md);border:1px solid var(--border-default);background:linear-gradient(135deg,#ffffff08,#ffffff03);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.card-brand-icon{background:#252532;border-radius:4px;justify-content:center;align-items:center;width:48px;height:32px;display:flex}.billing-table-wrapper{overflow-x:auto}.billing-table{border-collapse:separate;border-spacing:0;width:100%}.billing-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);padding:1rem;font-size:.85rem;font-weight:500}.billing-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:1rem;font-size:.9rem}.billing-table tr:last-child td{border-bottom:none}.status-paid{color:var(--success);border-radius:var(--radius-full);background:#22c55e26;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.support-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.support-icon-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;margin-right:1rem;font-size:1.5rem;display:flex}.support-icon-box.blue{color:#60a5fa;background:#3b82f626}.support-icon-box.purple{color:var(--accent-primary);background:#8b5cf626}.system-status{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1.5rem;display:flex}.status-dot-pulse{background:var(--success);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-green;box-shadow:0 0 #22c55e66}@keyframes pulse-green{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.settings-sidebar-header{margin-bottom:2rem;padding-left:1.25rem}.settings-sidebar-header .settings-title{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700;line-height:1.2}.settings-nav-vertical{flex-direction:column;gap:.5rem;display:flex}.settings-nav-item{border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.settings-nav-item:hover{color:var(--text-primary);border-color:var(--border-subtle);background:#8b5cf614}.settings-nav-item.active{background:var(--bg-card);border-color:var(--border-highlight);color:var(--text-primary);box-shadow:var(--shadow-sm),var(--inner-glow);font-weight:600}.settings-nav-item .nav-icon{color:inherit;transition:color .2s;display:flex}.settings-nav-item.active .nav-icon{color:var(--accent-primary)}.active-indicator{background:var(--accent-primary);width:6px;height:6px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;margin-left:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}