.settings-overlay{position:fixed;inset:0;background:rgba(var(--bg-base-rgb),.7);backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box}.settings-modal{display:flex;width:100%;max-width:860px;max-height:90vh;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);position:relative}.settings-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:20;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.settings-modal-close:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.settings-sidebar{width:200px;flex-shrink:0;background:var(--color-bg-elevated);border-right:1px solid var(--color-border-subtle);padding:var(--space-5) 0;display:flex;flex-direction:column}.settings-sidebar-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-secondary);padding:0 var(--space-5) var(--space-4);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:var(--text-xs)}.settings-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);text-decoration:none;background:none;border:none;border-left:2px solid transparent;width:100%;text-align:left;font-family:var(--font-body)}.settings-nav-link:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-nav-link.active{color:var(--color-accent);border-left-color:var(--color-accent);background:var(--color-accent-muted);font-weight:var(--weight-medium)}.settings-content{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6);position:relative}.settings-close-desktop{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;display:flex}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.settings-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.settings-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);flex-shrink:0;background:none;border:none}.settings-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-1)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);gap:var(--space-4)}.settings-row-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.settings-row-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.settings-row-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-snug)}.settings-profile-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.settings-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-overlay);border:2px solid var(--color-border-default);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--color-text-secondary)}.settings-profile-info{flex:1;min-width:0}.settings-profile-name{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--color-text-primary)}.settings-profile-email{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.settings-toggle{position:relative;width:40px;height:22px;flex-shrink:0}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-track{position:absolute;inset:0;background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.settings-toggle input:checked+.settings-toggle-track{background:var(--color-accent);border-color:var(--color-accent)}.settings-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--color-text-tertiary);border-radius:50%;transition:transform var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.settings-toggle input:checked+.settings-toggle-track:after{transform:translateX(18px);background:var(--color-bg-base)}.settings-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.settings-badge.enabled{background:var(--color-success-bg);color:var(--color-success-normal);border:1px solid rgba(34,197,94,.2)}.settings-badge.active{background:var(--color-accent-muted);color:var(--color-accent);border:1px solid var(--color-border-accent)}.settings-badge.soon{background:var(--color-bg-hover);color:var(--color-text-tertiary);border:1px solid var(--color-border-subtle)}.settings-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.settings-stat-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.settings-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--space-2)}.settings-stat-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary)}.settings-stat-bar{height:3px;background:var(--color-border-subtle);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-1)}.settings-stat-bar-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.settings-stat-bar-fill.warning{background:var(--color-warning-normal)}.settings-stat-bar-fill.danger{background:var(--color-error-normal)}.settings-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.settings-table th{text-align:left;color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.settings-table td,.settings-table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.settings-table td{color:var(--color-text-secondary);vertical-align:middle}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:var(--color-bg-hover)}.settings-table-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-right:var(--space-2);vertical-align:middle}.settings-view-all{text-align:center;padding:var(--space-4);font-size:var(--text-sm);color:var(--color-accent);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out)}.settings-view-all:hover{opacity:.8}.settings-card-stack{position:relative;height:140px;margin:var(--space-2) 0}.settings-payment-card{position:absolute;width:220px;height:130px;background:var(--color-bg-overlay);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md)}.settings-payment-card:first-child{left:0;top:0;transform:rotate(-4deg);z-index:1}.settings-payment-card:nth-child(2){left:30px;top:5px;transform:rotate(-1deg);z-index:2}.settings-payment-card:nth-child(3){left:60px;top:0;transform:rotate(3deg);z-index:3}.settings-card-bank{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.settings-card-number{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);letter-spacing:2px}.settings-card-footer{display:flex;justify-content:space-between;align-items:flex-end}.settings-card-name{text-transform:uppercase;letter-spacing:var(--tracking-wide)}.settings-card-expiry,.settings-card-name{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings-sessions-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-sessions-col-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-3)}.settings-session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.settings-session-info{display:flex;flex-direction:column;gap:2px}.settings-session-name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-2)}.settings-session-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.settings-notif-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);gap:var(--space-4)}.settings-notif-info{display:flex;flex-direction:column;gap:4px}.settings-notif-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.settings-notif-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-snug)}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.settings-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-form-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.settings-form-input{padding:10px var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.settings-form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.settings-form-input::-moz-placeholder{color:var(--color-text-tertiary)}.settings-form-input::placeholder{color:var(--color-text-tertiary)}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5) var(--space-4)}.settings-sidebar-title{padding:0}.settings-search-wrap{position:relative;margin:0 var(--space-3) var(--space-3)}.settings-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.settings-search-input{width:100%;padding:7px 10px 7px 30px;background:var(--color-bg-overlay);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--color-text-primary);font-family:var(--font-body);transition:border-color var(--duration-fast) var(--ease-out)}.settings-search-input:focus{outline:none;border-color:var(--color-accent)}.settings-search-input::-moz-placeholder{color:var(--color-text-tertiary)}.settings-search-input::placeholder{color:var(--color-text-tertiary)}.settings-nav-chevron{display:none;margin-left:auto;color:var(--color-text-tertiary)}.settings-mobile-topbar{flex-shrink:0}.settings-sidebar-mobile-topbar{display:none}.settings-content-inner{flex:1;display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto}.settings-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary);background:none;border:none;cursor:pointer;font-family:var(--font-body);padding:0;transition:color var(--duration-fast) var(--ease-out)}.settings-back-btn:hover{color:var(--color-accent)}.settings-mobile-topbar-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.settings-close-desktop{display:none!important}.settings-mobile-topbar{display:none}@media (max-width:640px){.settings-sidebar.mobile-hidden{display:none}.settings-overlay{padding:0!important;align-items:flex-end}.settings-modal{flex-direction:column;height:92vh;max-height:92vh;width:100vw!important;max-width:100vw!important;min-width:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;overflow:hidden;margin:0;display:flex}.settings-modal-close{display:none!important}.settings-mobile-topbar{display:flex!important;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;background:var(--color-bg-elevated);width:100%;box-sizing:border-box;order:-1}.settings-sidebar{width:100%!important;max-width:100%!important;border-right:none;padding:0;overflow-y:auto;flex:1;box-sizing:border-box}.settings-sidebar-header{display:none!important}.settings-search-wrap{display:none}.settings-nav-link{border-left:none!important;border-radius:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-base);width:100%;box-sizing:border-box}.settings-nav-link:last-child{border-bottom:none}.settings-nav-link.active{background:var(--color-accent-muted);color:var(--color-accent);border-left:none!important}.settings-nav-chevron{display:block;flex-shrink:0}.settings-content{display:none!important;padding:0;overflow:hidden;flex:1;width:100%;box-sizing:border-box}.settings-content.mobile-in-tab{display:flex!important;flex-direction:column;overflow:hidden;width:100%}.settings-content-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-4) var(--space-5);-webkit-overflow-scrolling:touch;width:100%;box-sizing:border-box}.settings-modal:has(.settings-content.mobile-in-tab) .settings-sidebar{display:none!important}.settings-table{display:block}.settings-table thead{display:none}.settings-table tbody{display:flex;flex-direction:column;gap:var(--space-3)}.settings-table tr{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.settings-table td{border-bottom:none;padding:0;font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.settings-table td:last-child{color:var(--color-accent);font-weight:var(--weight-semibold)}.settings-form-grid,.settings-sessions-grid,.settings-stats-grid{grid-template-columns:1fr}.billing-plans-grid{grid-template-columns:1fr!important}.settings-card-stack{height:110px}.settings-payment-card{width:180px;height:108px}}