@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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink-0{flex-shrink:0}.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}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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{--scale:calc(100vw/1440);--font-sans:"Plus Jakarta Sans","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--primary:#2563eb;--primary-rgb:37,99,235;--secondary:#06b6d4;--secondary-rgb:6,182,212;--accent-primary:var(--primary);--accent-secondary:var(--secondary);--accent-gradient:linear-gradient(135deg,var(--primary),var(--secondary));--accent-glow:rgba(var(--primary-rgb),.5);--bg-page:#f8fafc;--bg-primary:#fff;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-ghost:#f8fafc;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-surface:#fffffff2;--bg-glass:#ffffffb3;--bg-input:#f4f4f5cc;--text-heading:#0f172a;--text-primary:#020617;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#09090b0f;--border-default:#09090b1f;--border-strong:#09090b26;--border-highlight:rgba(var(--primary-rgb),.4);--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--glass-blur:24px;--glass-shadow:0 8px 32px #1f268712;--shadow-sm:0 8px 16px #1f26870a;--shadow-md:0 16px 32px #1f26870f;--shadow-lg:0 24px 48px #1f268714;--inner-glow:inset 0 1px 1px #fff;--glow-accent:0 0 24px var(--accent-glow),0 0 48px rgba(var(--primary-rgb),.25)}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-page);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:calc(5*var(--scale));height:calc(5*var(--scale))}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#2563eb59;-webkit-transition:all .3s;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:#2563eb99}@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}}.shimmer-bg{background:linear-gradient(92deg,#fff0,#fffc,#fff0) 0 0/200% 100%;animation:2.5s cubic-bezier(.16,1,.3,1) infinite shimmer}@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{padding:calc(12*var(--scale))calc(24*var(--scale));border-radius:var(--radius-md);font-weight:600;font-size:calc(14.4*var(--scale));cursor:pointer;justify-content:center;align-items:center;gap:calc(10*var(--scale));letter-spacing:.01em;border:none;outline:none;transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 24px #8b5cf64d,var(--inner-glow);background-size:200% 200%;border:1px solid #ffffff26}.btn-primary:hover{box-shadow:0 12px 32px #8b5cf680,var(--glow-accent);border-color:#ffffff4d;animation:3s infinite gradientShift;transform:translateY(-3px)}.btn-primary:active{transform:translateY(0)scale(.97)}.btn-warm{background:var(--accent-warm-gradient);color:#fff;box-shadow:0 8px 24px #f59e0b4d,var(--inner-glow);border:1px solid #ffffff26}.btn-warm:hover{box-shadow:0 12px 32px #f59e0b80,var(--glow-warm);transform:translateY(-3px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm),var(--inner-glow)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);box-shadow:var(--shadow-md),0 0 20px #8b5cf61a;transform:translateY(-2px)}.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(32px)saturate(180%);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg),var(--inner-glow);background:#09090bb3}.glass-card{-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--inner-glow);background:#0f0f1380;transition:all .4s cubic-bezier(.2,.8,.2,1)}.matte-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08,#0000 50%);position:absolute;inset:0}.input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:calc(12*var(--scale))calc(18*var(--scale));color:var(--text-primary);font-size:calc(14.4*var(--scale));box-shadow:var(--inner-glow);outline:none;font-family:inherit;transition:all .3s}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-default);background:var(--bg-card-hover)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f126,var(--inner-glow);background:var(--bg-elevated)}input[type=range].premium-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:calc(6*var(--scale));border-radius:var(--radius-full);background:#ffffff0d;outline:none;transition:all .3s}input[type=range].premium-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(18*var(--scale));height:calc(18*var(--scale));background:var(--accent-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;-webkit-transition:all .2s cubic-bezier(.175,.885,.32,1.275);transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px #6366f180,0 4px 8px #0000004d}input[type=range].premium-slider::-webkit-slider-thumb:hover{background:var(--accent-secondary);transform:scale(1.15);box-shadow:0 0 15px #8b5cf699,0 6px 12px #0006}input[type=range].premium-slider:active::-webkit-slider-thumb{transform:scale(.95)}input[type=range].premium-slider::-moz-range-thumb{width:calc(18*var(--scale));height:calc(18*var(--scale));background:var(--accent-primary);cursor:pointer;border:2px solid #fff;border-radius:50%;-moz-transition:all .2s;transition:all .2s;box-shadow:0 0 10px #6366f180}.container{max-width:calc(1400*var(--scale));padding:0 calc(32*var(--scale));margin:0 auto}.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,#10b9810d,#10b98126,#10b9810d) 0 0/200% 100%;animation:1.5s infinite shimmer}.settings-container{width:100%;padding-top:calc(64*var(--scale));padding-bottom:calc(32*var(--scale));box-sizing:border-box;animation:.3s fadeIn}.settings-header{margin-bottom:calc(32*var(--scale));justify-content:space-between;align-items:flex-start;display:flex}.settings-title{font-size:calc(32*var(--scale));margin:0 0 calc(8*var(--scale))0;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.settings-subtitle{color:var(--text-secondary);font-size:calc(16*var(--scale));margin:0}.settings-success{align-items:center;gap:calc(8*var(--scale));padding:calc(12*var(--scale))calc(24*var(--scale));border-radius:var(--radius-md);color:var(--success);font-size:calc(14.4*var(--scale));background:#22c55e1a;border:1px solid #22c55e40;animation:.3s fadeIn;display:flex}.success-message{align-items:center;gap:calc(8*var(--scale));padding:calc(12*var(--scale))calc(24*var(--scale));border-radius:var(--radius-md);color:var(--success);font-size:calc(14.4*var(--scale));background:#22c55e1a;border:1px solid #22c55e4d;animation:.3s fadeIn;display:flex}.settings-submenu{top:calc(68*var(--scale));z-index:100;align-items:center;gap:calc(8*var(--scale));padding:calc(16*var(--scale))calc(32*var(--scale));background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);scrollbar-width:none;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:0;overflow-x:auto}.settings-submenu::-webkit-scrollbar{display:none}.submenu-tab{align-items:center;gap:calc(8*var(--scale));padding:calc(10*var(--scale))calc(16*var(--scale));border-radius:var(--radius-md);color:var(--text-secondary);font-size:calc(14.4*var(--scale));cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;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(--text-primary);border-color:#8b5cf64d}.tab-icon{font-size:calc(17.6*var(--scale))}.tab-label{flex:1}.tab-indicator{width:calc(3*var(--scale));background:var(--accent-gradient);border-radius:0 var(--radius-full)var(--radius-full)0;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.settings-content{width:100%;max-width:calc(900*var(--scale));margin:0 auto;animation:.3s fadeIn}.settings-section{animation:.3s fadeIn}.section-header{margin-bottom:calc(32*var(--scale))}.section-title{font-size:calc(22.4*var(--scale));margin:0 0 calc(6.4*var(--scale))0;color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.section-title.danger{color:var(--error)}.section-description{color:var(--text-tertiary);font-size:calc(14.4*var(--scale));margin:0;line-height:1.5}.settings-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:calc(24*var(--scale));margin-bottom:calc(20*var(--scale));box-shadow:var(--shadow-sm),var(--inner-glow);box-sizing:border-box;width:100%;transition:all .3s;overflow-x:hidden}.settings-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md),var(--inner-glow)}.settings-card.plan-card{overflow:visible}.card-header{align-items:flex-start;gap:calc(16*var(--scale));margin-bottom:calc(24*var(--scale));flex-wrap:wrap;display:flex}.card-icon{font-size:calc(21.6*var(--scale));width:calc(40*var(--scale));height:calc(40*var(--scale));border-radius:var(--radius-md);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-title{font-size:calc(16.8*var(--scale));margin:0 0 calc(3.2*var(--scale))0;color:var(--text-primary);font-weight:600}.card-description{color:var(--text-tertiary);font-size:calc(13.6*var(--scale));margin:0;line-height:1.4}.card-actions{gap:calc(12*var(--scale));flex-wrap:wrap;align-self:flex-start;margin-left:auto;display:flex}.form-grid{gap:calc(20*var(--scale));box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;display:grid}.form-group{gap:calc(8*var(--scale));box-sizing:border-box;flex-direction:column;width:100%;display:flex}.form-group.full-width{grid-column:1/-1}.form-label{font-size:calc(14*var(--scale));color:var(--text-secondary);font-weight:500}.required{color:var(--error);margin-left:calc(4*var(--scale))}.textarea{min-height:calc(100*var(--scale));resize:vertical;font-family:inherit}.char-count{font-size:calc(12*var(--scale));color:var(--text-tertiary);text-align:right;margin-top:calc(4*var(--scale))}.form-actions{gap:calc(12*var(--scale));margin-top:calc(24*var(--scale));padding-top:calc(24*var(--scale));border-top:1px solid var(--border-subtle);justify-content:flex-end;display:flex}.avatar-upload{align-items:center;gap:calc(24*var(--scale));padding:calc(24*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-bottom:calc(24*var(--scale));box-sizing:border-box;flex-wrap:wrap;width:100%;display:flex}.avatar-preview{width:calc(80*var(--scale));height:calc(80*var(--scale));border-radius:var(--radius-full);background:var(--accent-gradient);font-size:calc(32*var(--scale));color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-actions{gap:calc(8*var(--scale));display:flex}.avatar-hint{font-size:calc(12.8*var(--scale));color:var(--text-tertiary);margin-top:calc(8*var(--scale))}.inline-form{gap:calc(8*var(--scale));box-sizing:border-box;flex-wrap:wrap;width:100%;display:flex}.inline-form .input{min-width:calc(200*var(--scale));box-sizing:border-box;flex:1}.password-form{gap:calc(16*var(--scale));flex-direction:column;display:flex}.password-strength{align-items:center;gap:calc(12*var(--scale));margin-top:calc(8*var(--scale));display:flex}.strength-bar{gap:calc(4*var(--scale));display:flex}.strength-segment{width:calc(30*var(--scale));height:calc(4*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-full);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{font-size:calc(12*var(--scale));color:var(--text-secondary)}.error-message{color:var(--error);font-size:calc(14*var(--scale));padding:calc(8*var(--scale))calc(12*var(--scale));border-radius:var(--radius-sm);background:#ef44441a}.account-details{gap:calc(12*var(--scale));padding-top:calc(16*var(--scale));border-top:1px solid var(--border-subtle);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.detail-row{justify-content:space-between;align-items:center;display:flex}.detail-label{color:var(--text-secondary);font-size:calc(14.4*var(--scale))}.detail-value{color:var(--text-primary);font-weight:500}.status-badge{padding:calc(4*var(--scale))calc(12*var(--scale));border-radius:var(--radius-full);font-size:calc(12*var(--scale));align-items:center;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{gap:calc(16*var(--scale));flex-direction:column;display:flex}.preference-label{font-size:calc(14*var(--scale));color:var(--text-secondary);font-weight:500}.toggle-group{gap:calc(4*var(--scale));flex-direction:column;display:flex}.toggle-label{align-items:center;gap:calc(12*var(--scale));cursor:pointer;display:flex}.toggle-label input[type=checkbox]{display:none}.toggle-slider{width:calc(44*var(--scale));height:calc(24*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-full);flex-shrink:0;transition:all .3s;position:relative}.toggle-slider:before{content:"";width:calc(20*var(--scale));height:calc(20*var(--scale));background:var(--text-muted);border-radius:var(--radius-full);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{font-size:calc(14.4*var(--scale));color:var(--text-primary)}.toggle-description{font-size:calc(12.8*var(--scale));color:var(--text-tertiary);margin-left:calc(52*var(--scale))}.security-status{padding:calc(16*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.status-indicator{align-items:center;gap:calc(8*var(--scale));display:flex}.status-dot{width:calc(8*var(--scale));height:calc(8*var(--scale));border-radius:var(--radius-full)}.status-dot.active{background:var(--success);box-shadow:0 0 10px var(--success-glow)}.status-dot.inactive{background:var(--text-tertiary)}.status-text{font-size:calc(14.4*var(--scale));color:var(--text-secondary)}.two-factor-setup,.setup-steps{gap:calc(24*var(--scale));flex-direction:column;display:flex}.setup-step{gap:calc(16*var(--scale));display:flex}.step-number{width:calc(32*var(--scale));height:calc(32*var(--scale));border-radius:var(--radius-full);background:var(--accent-gradient);font-weight:600;font-size:calc(14.4*var(--scale));color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content h4{margin:0 0 calc(4*var(--scale))0;font-size:calc(15.2*var(--scale));color:var(--text-primary)}.step-content p{font-size:calc(13.6*var(--scale));color:var(--text-secondary);margin:0}.qr-placeholder{align-items:center;gap:calc(16*var(--scale));padding:calc(24*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-md);flex-direction:column;display:flex}.qr-code{width:calc(150*var(--scale));height:calc(150*var(--scale));border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;display:flex}.qr-pattern{width:calc(120*var(--scale));height:calc(120*var(--scale));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}.qr-fallback{font-size:calc(13.6*var(--scale));color:var(--text-secondary)}.qr-fallback code{background:var(--bg-tertiary);padding:calc(4*var(--scale))calc(8*var(--scale));border-radius:var(--radius-sm);font-family:monospace}.verification-input{text-align:center;font-size:calc(20*var(--scale));letter-spacing:calc(8*var(--scale));font-family:monospace}.sessions-list{gap:calc(12*var(--scale));box-sizing:border-box;flex-direction:column;width:100%;display:flex}.session-item{padding:calc(16*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-md);box-sizing:border-box;justify-content:space-between;align-items:center;gap:calc(8*var(--scale));flex-wrap:wrap;width:100%;transition:all .2s;display:flex}.session-item:hover{background:var(--bg-elevated)}.session-info{gap:calc(4*var(--scale));flex-direction:column;display:flex}.session-device{align-items:center;gap:calc(12*var(--scale));flex:1;min-width:0;display:flex}.device-icon{font-size:calc(20*var(--scale))}.device-name{color:var(--text-primary);font-weight:500}.device-location{font-size:calc(13.6*var(--scale));color:var(--text-secondary);margin-left:calc(32*var(--scale))}.session-meta{align-items:center;gap:calc(12*var(--scale));flex-wrap:wrap;display:flex}.current-badge{font-size:calc(12*var(--scale));padding:calc(4*var(--scale))calc(8*var(--scale));color:var(--success);border-radius:var(--radius-sm);background:#22c55e26;font-weight:500}.last-active{font-size:calc(12.8*var(--scale));color:var(--text-tertiary)}.login-history{gap:calc(12*var(--scale));box-sizing:border-box;flex-direction:column;width:100%;display:flex}.history-item{gap:calc(16*var(--scale));padding:calc(16*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-md);box-sizing:border-box;flex-wrap:wrap;width:100%;display:flex}.history-icon{width:calc(32*var(--scale));height:calc(32*var(--scale));border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;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{font-size:calc(13.6*var(--scale));color:var(--text-secondary)}.history-time{font-size:calc(12.8*var(--scale));color:var(--text-tertiary)}.security-tips{background:linear-gradient(135deg,#10b9811a,#a855f70d)}.tips-list{margin:0;padding:0;list-style:none}.tips-list li{padding:calc(8*var(--scale))0;padding-left:calc(24*var(--scale));color:var(--text-secondary);font-size:calc(14.4*var(--scale));position:relative}.tips-list li:before{content:"✓";color:var(--accent-primary);font-weight:600;position:absolute;left:0}.notification-list{gap:calc(8*var(--scale));box-sizing:border-box;flex-direction:column;width:100%;display:flex}.notification-item{padding:calc(16*var(--scale));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:calc(8*var(--scale));background:#fff;flex-wrap:wrap;width:100%;display:flex;box-shadow:0 4px 12px #00000005}.notification-info{flex:1}.notification-label{color:var(--text-primary);margin-bottom:calc(4*var(--scale));font-weight:600}.notification-description{font-size:calc(13.6*var(--scale));color:var(--text-secondary)}.toggle-switch{width:calc(44*var(--scale));height:calc(24*var(--scale));flex-shrink:0;position:relative}.toggle-switch input{display:none}.toggle-switch .toggle-slider{border-radius:var(--radius-full);cursor:pointer;background:#e2e8f0;width:100%;height:100%;transition:all .3s}.toggle-switch .toggle-slider:before{content:"";width:calc(20*var(--scale));height:calc(20*var(--scale));border-radius:var(--radius-full);background:#fff;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background:var(--accent-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.quiet-hours{gap:calc(16*var(--scale));box-sizing:border-box;flex-direction:column;width:100%;display:flex}.time-range{gap:calc(16*var(--scale));box-sizing:border-box;grid-template-columns:1fr 1fr;width:100%;display:grid}.quiet-hours-description{font-size:calc(13.6*var(--scale));color:var(--text-tertiary)}.danger-zone-section{padding-top:calc(32*var(--scale));border-top:1px solid var(--border-subtle)}.danger-zone-cards{gap:calc(16*var(--scale));box-sizing:border-box;flex-direction:column;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:calc(8*var(--scale))calc(16*var(--scale));font-size:calc(13.6*var(--scale))}.danger-zone-info{margin-top:calc(24*var(--scale));padding:calc(16*var(--scale));background:var(--bg-tertiary);border-radius:var(--radius-md)}.danger-zone-info h4{margin:0 0 calc(8*var(--scale))0;color:var(--text-primary)}.danger-zone-info p{font-size:calc(14.4*var(--scale));color:var(--text-secondary);margin:0}.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);max-width:calc(500*var(--scale));box-sizing:border-box;width:90%;animation:.2s fadeInScale;overflow-x:hidden}.danger-modal{max-width:calc(550*var(--scale))}.modal-header{align-items:center;gap:calc(16*var(--scale));padding:calc(24*var(--scale));border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.modal-icon{font-size:calc(32*var(--scale))}.modal-icon.danger-icon{color:var(--error)}.modal-title{font-size:calc(20*var(--scale));color:var(--text-primary);flex:1;margin:0;font-weight:600}.modal-close{width:calc(32*var(--scale));height:calc(32*var(--scale));border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:calc(20*var(--scale));background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:calc(24*var(--scale))}.modal-description{color:var(--text-secondary);margin-bottom:calc(24*var(--scale))}.delete-warning{padding:calc(16*var(--scale));border-radius:var(--radius-md);margin-bottom:calc(24*var(--scale));background:#ef44441a;border:1px solid #ef444433}.delete-warning h4{margin:0 0 calc(12*var(--scale))0;color:var(--error);font-size:calc(15.2*var(--scale))}.delete-warning ul{padding-left:calc(20*var(--scale));margin:0}.delete-warning li{color:var(--text-secondary);font-size:calc(14.4*var(--scale));margin-bottom:calc(4*var(--scale))}.confirmation-input code{background:var(--bg-tertiary);padding:calc(4*var(--scale))calc(8*var(--scale));border-radius:var(--radius-sm);color:var(--accent-primary);font-family:monospace}.modal-footer{justify-content:flex-end;gap:calc(12*var(--scale));padding:calc(16*var(--scale))calc(24*var(--scale));border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.settings-layout{grid-template-columns:calc(280*var(--scale))1fr;gap:calc(32*var(--scale));max-width:calc(1400*var(--scale));align-items:start;min-height:80vh;margin:0 auto;display:grid}.settings-sidebar{top:calc(96*var(--scale));gap:calc(32*var(--scale));flex-direction:column;display:flex;position:sticky}.settings-content-area{width:100%;min-width:0;min-height:60vh}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);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(calc(280*var(--scale)),1fr));gap:calc(24*var(--scale));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(#10b9810d,#0000);box-shadow:0 0 30px #10b9811a}.plan-card .card-content{padding:calc(32*var(--scale));flex-direction:column;height:100%;display:flex}.plan-badge{top:calc(-12*var(--scale));background:var(--accent-secondary);color:#fff;padding:2px calc(12*var(--scale));border-radius:calc(12*var(--scale));font-size:calc(12*var(--scale));font-weight:600;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0003}.plan-name{font-size:calc(20*var(--scale));margin:0 0 calc(8*var(--scale))0;color:var(--text-primary);font-weight:700}.plan-price{font-size:calc(40*var(--scale));margin:0 0 calc(8*var(--scale))0;color:var(--text-primary);align-items:baseline;font-weight:700;display:flex}.plan-period{font-size:calc(16*var(--scale));color:var(--text-secondary);margin-left:calc(4*var(--scale));font-weight:400}.plan-desc{color:var(--text-secondary);margin:0 0 calc(24*var(--scale))0;font-size:calc(15.2*var(--scale));line-height:1.5}.feature-list{gap:calc(12*var(--scale));font-size:calc(14.4*var(--scale));flex-direction:column;margin-top:auto;display:flex}.feature-item{align-items:center;gap:calc(12*var(--scale));color:var(--text-secondary);display:flex}.feature-icon{color:var(--success);flex-shrink:0}.plan-toggle{justify-content:center;align-items:center;gap:calc(16*var(--scale));margin:calc(32*var(--scale))0;display:flex}.save-badge{color:var(--success);font-size:calc(12*var(--scale));padding:calc(3.2*var(--scale))calc(9.6*var(--scale));border-radius:var(--radius-full);background:#22c55e26;font-weight:600}.payment-method-card{padding:calc(20*var(--scale));border-radius:var(--radius-md);border:1px solid var(--border-default);background:linear-gradient(135deg,#ffffff08,#ffffff03);justify-content:space-between;align-items:center;display:flex}.card-brand-icon{width:calc(48*var(--scale));height:calc(32*var(--scale));border-radius:calc(4*var(--scale));background:#252532;justify-content:center;align-items:center;display:flex}.billing-table-wrapper{overflow-x:auto}.billing-table{border-collapse:separate;border-spacing:0;width:100%}.billing-table th{text-align:left;padding:calc(16*var(--scale));color:var(--text-secondary);font-size:calc(13.6*var(--scale));border-bottom:1px solid var(--border-subtle);font-weight:500}.billing-table td{padding:calc(16*var(--scale));border-bottom:1px solid var(--border-subtle);font-size:calc(14.4*var(--scale));color:var(--text-primary)}.billing-table tr:last-child td{border-bottom:none}.status-paid{color:var(--success);padding:calc(4*var(--scale))calc(12*var(--scale));border-radius:var(--radius-full);font-size:calc(12*var(--scale));background:#22c55e26;font-weight:600}.system-status{margin-top:calc(24*var(--scale));padding:calc(24*var(--scale));background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.status-dot-pulse{width:calc(10*var(--scale));height:calc(10*var(--scale));background:var(--success);border-radius:50%;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}}.stg{width:100%;max-width:calc(1200*var(--scale));padding:calc(48*var(--scale))calc(32*var(--scale));min-height:calc(100vh - calc(80*var(--scale)));z-index:1;box-sizing:border-box;margin:0 auto;position:relative;overflow:visible}.stg-header{margin-bottom:calc(64*var(--scale));text-align:left}.stg-title{font-size:calc(48*var(--scale));letter-spacing:-.05em;margin-bottom:calc(12*var(--scale));color:#1e1b4b;font-weight:800}.stg-subtitle{font-size:calc(18*var(--scale));color:#64748b;max-width:calc(600*var(--scale));margin:0;font-weight:500}.stg-tabs{justify-content:flex-start;align-items:center;gap:calc(8*var(--scale));margin-bottom:calc(48*var(--scale));padding:calc(6*var(--scale));-webkit-backdrop-filter:blur(12px);border-radius:calc(100*var(--scale));scrollbar-width:none;background:#fff6;border:1px solid #fffc;width:-moz-fit-content;width:fit-content;max-width:100%;display:flex;overflow-x:auto;box-shadow:0 8px 32px #1f26870a}.stg-tabs::-webkit-scrollbar{display:none}.stg-tab{align-items:center;gap:calc(10*var(--scale));padding:calc(12*var(--scale))calc(24*var(--scale));cursor:pointer;color:#64748b;font-weight:700;font-size:calc(15*var(--scale));border-radius:calc(100*var(--scale));z-index:1;white-space:nowrap;background:0 0;border:none;outline:none;flex-shrink:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.stg-tab:hover{color:#1e1b4b;background:#ffffff80}.stg-tab.active{color:#fff}.stg-tab-icon{opacity:.7;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.stg-tab.active .stg-tab-icon{opacity:1;color:#fff}.stg-tab-indicator{border-radius:inherit;z-index:-1;background:#2563eb;position:absolute;inset:0;box-shadow:0 8px 16px #2563eb40}.stg-content{width:100%;animation:.4s ease-out fadeIn}.stg-card{border-radius:calc(32*var(--scale));padding:calc(40*var(--scale));margin-bottom:calc(32*var(--scale));background:#fff;border:1px solid #00000005;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 6px 24px #1f26870a,0 2px 8px #00000003}.stg-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000);position:absolute;inset:0}.stg-card:hover{border-color:#2563eb1a;transform:translateY(-6px);box-shadow:0 20px 48px #1f268714,0 8px 16px #00000005}.stg-card-header{margin-bottom:calc(32*var(--scale))}.stg-card-title{font-size:calc(22*var(--scale));margin-bottom:calc(8*var(--scale));color:#1e1b4b;letter-spacing:-.5px;font-weight:800}.stg-card-desc{font-size:calc(15*var(--scale));color:#64748b;font-weight:500;line-height:1.6}.stg-grid{gap:calc(20*var(--scale));grid-template-columns:repeat(2,1fr);display:grid}.stg-input-group{gap:calc(12*var(--scale));flex-direction:column;display:flex}.stg-label{font-size:calc(13*var(--scale));color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.stg-input{border-radius:calc(16*var(--scale));padding:calc(16*var(--scale))calc(20*var(--scale));color:#1e1b4b;font-size:calc(15*var(--scale));background:#ffffffb3;border:1.5px solid #1e1b4b1a;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #1f268705}.stg-input::-moz-placeholder{color:#64748b80}.stg-input::placeholder{color:#64748b80}.stg-input:focus{background:#fff;border-color:#2563eb;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb14,inset 0 2px 4px #1f268703}.stg-footer{margin-top:calc(32*var(--scale));padding-top:calc(32*var(--scale));border-top:1px solid #00000008;justify-content:flex-end;display:flex}.notification-container{bottom:calc(32*var(--scale));z-index:10000;align-items:center;gap:calc(16*var(--scale));pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed;left:50%;transform:translate(-50%)}.notification-item{pointer-events:auto;min-width:calc(320*var(--scale));max-width:calc(450*var(--scale));padding:calc(16*var(--scale))calc(20*var(--scale));border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:calc(16*var(--scale));display:flex;position:relative;overflow:hidden}.premium-glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);box-shadow:var(--shadow-lg),var(--inner-glow)}.notification-content{align-items:center;gap:calc(16*var(--scale));flex:1;display:flex}.notification-icon{flex-shrink:0}.notification-icon.success{color:var(--success);filter:drop-shadow(0 0 8px #22c55e66)}.notification-icon.error{color:var(--error);filter:drop-shadow(0 0 8px #ef444466)}.notification-icon.info{color:var(--accent-primary);filter:drop-shadow(0 0 8px #10b98166)}.notification-message{font-size:calc(15.2*var(--scale));color:var(--text-primary);font-weight:500;line-height:1.4}.notification-close{color:var(--text-tertiary);cursor:pointer;padding:calc(4*var(--scale));border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.notification-close:hover{color:var(--text-primary);background:#ffffff0d}.notification-item.success{border-left:4px solid var(--success);background:linear-gradient(90deg,#22c55e1a 0%,var(--bg-surface)100%)}.notification-item.error{border-left:4px solid var(--error);background:linear-gradient(90deg,#ef44441a 0%,var(--bg-surface)100%)}.notification-item.info{border-left:4px solid var(--accent-primary);background:linear-gradient(90deg,#10b9811a 0%,var(--bg-surface)100%)}.connectivity-banner-root{top:calc(24*var(--scale));z-index:9999;pointer-events:none;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:fixed;left:50%;transform:translate(-50%)translateY(-150%)}.connectivity-banner-root.offline,.connectivity-banner-root.restored{transform:translate(-50%)translateY(0)}.connectivity-banner-root.hidden{transform:translate(-50%)translateY(-150%)}.connectivity-banner-capsule{align-items:center;gap:calc(12*var(--scale));padding:calc(10*var(--scale))calc(20*var(--scale));border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);min-width:calc(240*var(--scale));background:#0f0f13d9;border:1px solid #ffffff1a;justify-content:center;display:flex;box-shadow:0 12px 40px #00000040}.offline .connectivity-banner-capsule{border-color:#f59e0b66;box-shadow:0 12px 40px #f59e0b26,inset 0 0 10px #f59e0b1a}.restored .connectivity-banner-capsule{background:#14532dd9;border-color:#22c55e66;box-shadow:0 12px 40px #22c55e26}.connectivity-icon-container{color:var(--warning);justify-content:center;align-items:center;display:flex}.restored .connectivity-icon-container{color:var(--success)}.connectivity-text{font-weight:700;font-size:calc(15*var(--scale));color:#fff;letter-spacing:-.01em}.connectivity-subtitle{font-size:calc(13*var(--scale));color:#fff9;padding-left:calc(8*var(--scale));border-left:1px solid #fff3}@keyframes pulse-banner{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pulse-animation{animation:2s ease-in-out infinite pulse-banner}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}