:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--background: #f8fafc;--surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--border-focus: #3b82f6;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 8px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--error-bg: #fef2f2;--error-border: #fecaca;--success-bg: #f0fdf4;--success-border: #bbf7d0;--warning-bg: #fffbeb;--warning-border: #fed7aa;--info-bg: #eff6ff;--info-border: #bfdbfe;--surface-secondary: #f1f5f9;--surface-primary: #ffffff;--surface-hover: #f8fafc;--surface-tertiary: #f1f5f9;--border-color: #e2e8f0}@media (prefers-color-scheme: dark){:root:not([data-theme]){--primary-color: #007acc;--primary-hover: #005a9e;--primary-light: #094771;--secondary-color: #999999;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--background: #1e1e1e;--surface: #252526;--text-primary: #cccccc;--text-secondary: #999999;--border: #404040;--border-focus: #007acc;--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--error-bg: #2e1a1a;--error-border: #7f1d1d;--success-bg: #1a2e1a;--success-border: #065f46;--warning-bg: #2a1a00;--warning-border: #92400e;--info-bg: #0e2a42;--info-border: #094771;--surface-secondary: #2d2d2d;--surface-primary: #252526;--surface-hover: #2a2a2a;--surface-tertiary: #3d3d3d;--border-color: #404040}}html:root[data-theme=dark]{--primary-color: #007acc;--primary-hover: #005a9e;--primary-light: #094771;--secondary-color: #999999;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--background: #1e1e1e;--surface: #252526;--text-primary: #cccccc;--text-secondary: #999999;--border: #404040;--border-focus: #007acc;--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--error-bg: #2e1a1a;--error-border: #7f1d1d;--success-bg: #1a2e1a;--success-border: #065f46;--warning-bg: #2a1a00;--warning-border: #92400e;--info-bg: #0e2a42;--info-border: #094771;--surface-secondary: #2d2d2d;--surface-primary: #252526;--surface-hover: #2a2a2a;--surface-tertiary: #3d3d3d;--border-color: #404040}html:root[data-theme=light]{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-light: #dbeafe;--secondary-color: #64748b;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--background: #f8fafc;--surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border: #e2e8f0;--border-focus: #3b82f6;--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--error-bg: #fef2f2;--error-border: #fecaca;--success-bg: #f0fdf4;--success-border: #bbf7d0;--warning-bg: #fffbeb;--warning-border: #fed7aa;--info-bg: #eff6ff;--info-border: #bfdbfe;--surface-secondary: #f1f5f9;--surface-primary: #ffffff;--surface-hover: #f8fafc;--surface-tertiary: #f1f5f9;--border-color: #e2e8f0}.theme-toggle-section{margin:2rem 0}.theme-toggle-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.theme-toggle-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.theme-toggle-header .icon{width:20px;height:20px;color:var(--text-secondary)}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.theme-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:all .2s ease;position:relative;-webkit-user-select:none;user-select:none}.theme-option:hover{border-color:var(--primary-color);background:var(--surface-secondary);transform:translateY(-1px);box-shadow:var(--shadow)}.theme-option.active{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 3px #2563eb1a}.theme-option.active:after{content:"✓";position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;box-shadow:var(--shadow)}.theme-option-content{display:flex;align-items:center;gap:.75rem;width:100%;pointer-events:none}.theme-option-icon{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.theme-option-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.theme-option-info p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);line-height:1.6}code,pre{background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}code{padding:2px 4px;font-size:.875em}pre{padding:12px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}pre code{background:none;border:none;padding:0}.profile-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem}.profile-section-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.plans-page-container{width:100%}.profile-container{max-width:1100px}.profile-header{margin-bottom:2rem}.profile-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--text-primary)}.profile-header p{color:var(--text-secondary);margin:0}.current-plan-row{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.current-plan-name{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.current-plan-meta{color:var(--text-secondary);font-size:.9rem}.credit-bar-wrap{margin-top:.5rem}.credit-bar-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem}.credit-bar-track{height:8px;background:var(--border);border-radius:99px;overflow:hidden}.credit-bar-fill{height:100%;background:var(--primary-color);border-radius:99px;transition:width .4s ease}.credit-bar-fill.warn{background:var(--warning-color, #f59e0b)}.credit-bar-fill.danger{background:var(--danger-color, #ef4444)}.credit-bar-as-of{font-size:.75rem;color:var(--text-muted, var(--text-secondary));margin-top:.3rem;text-align:right}.plans-section-header{margin-bottom:1.25rem}.plans-section-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.plans-section-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:stretch}@media (max-width: 960px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.plans-grid{grid-template-columns:1fr}}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:0;position:relative;transition:box-shadow .2s,border-color .2s}.plan-card:hover{box-shadow:var(--shadow-lg)}.plan-card-best{border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb40}.plan-card-current{border-color:var(--success-color, #22c55e)}.plan-card-badges{display:flex;gap:.4rem;flex-wrap:wrap;min-height:1.6rem;margin-bottom:.75rem}.badge-best,.badge-current{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .65rem;border-radius:99px;white-space:nowrap;line-height:1}.badge-best{background:var(--primary-color);color:#fff}.badge-current{background:var(--success-color, #22c55e);color:#fff}.plan-card-header{margin-bottom:1.25rem}.plan-card-name{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.plan-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.plan-card-pricing{display:flex;align-items:baseline;gap:.2rem;margin-bottom:1.5rem}.plan-card-price{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1}.plan-card-price sup{font-size:1.1rem;font-weight:700;vertical-align:top;margin-top:.45rem}.plan-card-price-free{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.plan-card-price-period{font-size:.85rem;color:var(--text-secondary);align-self:flex-end;padding-bottom:.3rem}.plan-card-features{flex:1;margin-bottom:1.5rem}.plan-card-features-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.6rem}.plan-card-features ul{list-style:none;margin:0;padding:0}.plan-card-features li{display:flex;align-items:flex-start;gap:.4rem;font-size:.875rem;color:var(--text-primary);padding:.2rem 0}.plan-card-features li:before{content:"✓";color:var(--primary-color);font-weight:700;flex-shrink:0}.plan-card-action{margin-top:auto}.plan-btn{display:block;width:100%;padding:.65rem 1rem;border-radius:var(--radius);font-size:.9rem;font-weight:600;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .2s}.plan-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.plan-btn-primary:hover:not(:disabled){opacity:.9}.plan-btn-outline{background:transparent;border-color:var(--border);color:var(--text-secondary)}.plan-btn-downgrade{background:transparent;border-color:var(--error-color, #dc2626);color:var(--error-color, #dc2626)}.plan-btn-downgrade:hover:not(:disabled){background:var(--error-color, #dc2626);color:#fff}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.plans-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.plan-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.75rem;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.plans-columns-full{grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:0}@media (max-width: 960px){.plans-columns-full{grid-template-columns:repeat(2,1fr)}.plans-columns{grid-template-columns:1fr}}@media (max-width: 600px){.plans-columns-full{grid-template-columns:1fr}}.current-plan-price-badge{display:flex;align-items:baseline;gap:.15rem;flex-shrink:0}.current-plan-amount{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.current-plan-period{font-size:.85rem;color:var(--text-secondary)}.credit-token-breakdown{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.card-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary)}@media (max-width: 768px){.plans-columns{grid-template-columns:1fr}}.payment-methods-list{margin-bottom:1.5rem}.pm-add-btn,.pm-add-btn:hover,.pm-add-btn:focus,.pm-add-btn:active{--bs-btn-bg: #2563eb !important;--bs-btn-border-color: #2563eb !important;--bs-btn-hover-bg: #1d4ed8 !important;--bs-btn-hover-border-color: #1d4ed8 !important;--bs-btn-active-bg: #1d4ed8 !important;--bs-btn-active-border-color: #1d4ed8 !important;background-color:#2563eb!important;border-color:#2563eb!important}.pm-add-btn:hover{background-color:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 4px 12px #2563eb4d!important}.pm-add-btn:focus,.pm-add-btn:focus-visible{box-shadow:0 0 0 .2rem #2563eb40!important}.payment-method-row{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .2s,box-shadow .2s;margin-bottom:.75rem}.payment-method-row:last-child{margin-bottom:0}.payment-method-row:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.payment-method-row.pm-row-default{border-color:var(--primary-color);background:var(--primary-light, rgba(37, 99, 235, .04))}.pm-brand-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56px;height:36px}.pm-info{flex:1;display:flex;align-items:center;gap:1.5rem;min-width:0}.pm-number{font-family:Monaco,Menlo,Courier New,monospace;font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;letter-spacing:.06em;flex-shrink:0}.pm-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-width:0}.pm-holder{color:var(--text-primary);font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-nick{color:var(--text-secondary);font-size:.875rem;font-style:italic}.pm-exp{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.pm-right{flex-shrink:0;display:flex;align-items:center;gap:.75rem}.pm-default-badge{background:var(--primary-color);color:#fff;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}@media (max-width: 768px){.payment-method-row{flex-wrap:wrap;align-items:flex-start;padding:.875rem 1rem;gap:.75rem}.pm-info{flex-direction:column;align-items:flex-start;gap:.3rem}.pm-right{width:100%;justify-content:space-between}}.card-details{display:flex;flex-direction:column;gap:.5rem}.card-row-primary{display:flex!important;align-items:center!important;gap:.75rem!important;margin:0!important;padding:0!important}.card-row-secondary{display:flex!important;gap:1rem!important;font-size:.875rem!important;color:var(--text-secondary)!important;margin-left:2.5rem!important;margin-top:.25rem!important;padding:0!important}.card-brand{display:flex;align-items:center;flex-shrink:0}.card-info{display:flex;flex-direction:column;gap:.25rem}.card-number{font-weight:500;color:var(--text-primary);font-size:1rem}.card-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.default-badge{background:var(--primary-color);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:.5rem}.empty-state svg{margin-bottom:1rem;color:var(--text-secondary)}.empty-state h3{margin-bottom:.5rem;color:var(--text-primary)}.stripe-element{padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:1rem}.loading-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.error-icon{margin-bottom:1rem;color:var(--error-color)}.error-state h3{margin-bottom:.5rem;color:var(--text-primary)}.form-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-color);padding:.75rem;border-radius:var(--radius);font-size:.875rem;margin-top:.5rem}.profile-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.profile-section-content{padding:1.5rem}.form-grid{display:grid;gap:1rem}.form-grid.two-columns{grid-template-columns:1fr 1fr}.form-grid.three-columns{grid-template-columns:1fr 1fr 1fr}.form-group.full-width{grid-column:1 / -1}.payment-methods-list{display:flex;flex-direction:column;gap:1rem}.payment-method-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.payment-method-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.payment-method-card.expired{opacity:.7;border-color:var(--error-color)}.payment-method-info{display:flex;align-items:center;gap:1rem}.card-brand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:9px;font-weight:600;text-align:center;color:#fff;background-color:var(--secondary-color);flex-shrink:0}.card-brand-abbrev{font-size:9px;font-weight:600;letter-spacing:.5px;line-height:1}.card-brand-name{font-weight:500;color:var(--text-primary);white-space:nowrap}.card-brand-icon i{display:none!important}.card-brand-icon .fa-regular{font-family:"Font Awesome 6 Free"!important;font-weight:400}.card-brand-icon .fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400}.card-brand-info{display:flex;align-items:center;gap:.75rem}.card-brand-name{font-weight:500;color:var(--text-primary)}.card-brand-svg{width:24px;height:24px}.card-details{display:flex;flex-direction:column;gap:.25rem}.card-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--text-secondary);font-size:.875rem}.card-expiry{color:var(--text-secondary);font-size:.875rem}.default-badge{background:var(--success-color);color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.expired-badge{background:var(--error-color);color:#fff;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.payment-method-actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state svg{margin-bottom:1rem}.empty-state h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-primary)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s}.modal[style*="display: block"],.modal[style*="display: flex"]{opacity:1!important;visibility:visible!important}.modal[style*="display: none"]{opacity:0!important;visibility:hidden!important}.modal-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;transform:translateY(-20px);transition:transform .3s}.modal.active .modal-content{transform:translateY(0)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:background-color .2s}.modal-close:hover{background:var(--background)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end}.modal-wide .modal-content{max-width:800px;width:90vw}.permissions-info{background:var(--primary-light);padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;color:var(--text-primary)}.permissions-container{max-height:500px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.permissions-app-section{border-bottom:1px solid var(--border)}.permissions-app-section:last-child{border-bottom:none}.permissions-app-header{padding:1.5rem;background:var(--background);border-bottom:1px solid var(--border)}.permissions-app-header h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.app-description{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem}.no-permissions{margin:0;color:var(--text-secondary);font-style:italic}.permissions-toggle-all{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--primary-color);cursor:pointer}.permissions-toggle-all input[type=checkbox]{margin:0}.permissions-grid{padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.permission-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;background:var(--surface)}.permission-item:hover{border-color:var(--primary-color);background:var(--primary-light)}.permission-item input[type=checkbox]{margin:0;margin-top:.125rem;flex-shrink:0}.permission-content{flex:1}.permission-name{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.permission-description{display:block;font-size:.875rem;color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.modal-wide .modal-content{max-width:100%;width:95vw;margin:1rem}.permissions-grid{grid-template-columns:1fr}.permissions-container{max-height:400px}}@media (max-width: 480px){.permissions-app-header{padding:1rem}.permissions-grid{padding:.75rem}.permission-item{padding:.5rem}}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:box-shadow .2s ease}.stat-card:hover{box-shadow:var(--shadow-lg)}.stat-icon{background:var(--primary-color);color:#fff;padding:.75rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-card:nth-child(4) .stat-value{color:var(--error-color)}.stat-card:nth-child(4) .stat-icon{background:var(--error-color)}.card-input-group{position:relative}.card-brand-display{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:24px;height:24px}.card-input-group input{padding-right:3rem}.billing-address-toggle{margin-bottom:1rem}.billing-address-form{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid;opacity:0;transform:translateY(-10px);transition:all .3s}.alert.show{opacity:1;transform:translateY(0)}.alert.success{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.alert.error{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.btn.btn-small{padding:.375rem .75rem;font-size:.875rem}.btn.btn-large{padding:.75rem 1.5rem;font-size:1rem}@media (max-width: 768px){.form-grid.two-columns,.form-grid.three-columns{grid-template-columns:1fr}.payment-method-card{flex-direction:column;align-items:flex-start;gap:1rem}.payment-method-actions{width:100%;justify-content:flex-end}.modal-content{width:95%;margin:1rem}.modal-footer{flex-direction:column}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#43b14b,#5ce1e6)}.auth-card{background:var(--surface);border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden;max-width:560px;width:100%;margin:20px}.auth-card.wide{max-width:600px}.auth-header{text-align:center;padding:32px 0 20px;background:#fff;border-radius:12px 12px 0 0}.auth-header .logo{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.logo img,.auth-header .logo-dark-theme{height:60px;width:auto;display:block}.auth-header .logo-light-theme{height:60px;width:auto;display:none}[data-theme=dark] .auth-header .logo-dark-theme{display:none!important}[data-theme=dark] .auth-header .logo-light-theme{display:block!important}.auth-form-container{padding:28px 40px 40px}.auth-error-slot{min-height:3.5rem;display:flex;align-items:center;margin-bottom:.5rem}.auth-error-slot .alert{margin-bottom:0;width:100%}.form-floating>label{color:var(--text-secondary)}.btn-primary{--bs-btn-bg: #43b14b;--bs-btn-border-color: #43b14b;--bs-btn-hover-bg: #3a9a42;--bs-btn-hover-border-color: #3a9a42;--bs-btn-active-bg: #3a9a42;--bs-btn-active-border-color: #3a9a42;--bs-btn-disabled-bg: #43b14b;--bs-btn-disabled-border-color: #43b14b;--bs-btn-focus-shadow-rgb: 67, 177, 75;background-color:#43b14b!important;border-color:#43b14b!important;border-radius:8px;padding:12px;font-weight:500;transition:all .2s ease}.btn-primary:hover{background-color:#3a9a42!important;border-color:#3a9a42!important;transform:translateY(-1px);box-shadow:0 4px 12px #43b14b4d}.btn-primary:focus,.btn-primary:focus-visible{background-color:#3a9a42!important;border-color:#3a9a42!important;box-shadow:0 0 0 .2rem #43b14b40!important}.btn-primary:active,.btn-primary.active{background-color:#3a9a42!important;border-color:#3a9a42!important}.auth-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.totp-input-group{display:flex;gap:8px;justify-content:center;margin:20px 0}.totp-digit{width:45px;height:45px;text-align:center;border:2px solid var(--border);border-radius:8px;font-size:18px;font-weight:600;background:var(--surface);color:var(--text-primary)}.totp-digit:focus{border-color:var(--border-focus);box-shadow:0 0 0 .2rem #3b82f640}.verification-status{text-align:center;padding:40px 0}.spinner-border{width:1rem;height:1rem}.form-control:focus{border-color:#43b14b;box-shadow:0 0 0 .2rem #43b14b40}.form-control:disabled,.form-control[readonly]{background-color:var(--surface-secondary, rgba(0,0,0,.06));color:var(--text-secondary, #6b7280);opacity:1;cursor:not-allowed}[data-theme=dark] .form-control:disabled,[data-theme=dark] .form-control[readonly]{background-color:#ffffff0f;color:var(--text-secondary, #9ca3af);border-color:var(--border, #374151)}.form-check-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1rem;height:1rem;border:2px solid var(--border);border-radius:4px;background:var(--surface);cursor:pointer;flex-shrink:0;position:relative;transition:background .15s,border-color .15s}.form-check-input:checked{background-color:#43b14b;border-color:#43b14b}.form-check-input:checked:after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.form-check-input:focus{outline:none;border-color:#43b14b;box-shadow:0 0 0 .2rem #43b14b40}.auth-link,.auth-footer a,.auth-form a{color:#43b14b;text-decoration:none;font-weight:500}.auth-link:hover,.auth-footer a:hover,.auth-form a:hover{color:#3a9a42;text-decoration:underline}.form-label-link{float:right;color:#43b14b;font-weight:400;font-size:.85em;text-decoration:none}.form-label-link:hover{color:#3a9a42;text-decoration:underline}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-success{background:color-mix(in srgb,#43b14b 12%,var(--surface));border:1px solid #43b14b;color:#2d7a33}.alert-danger{background:transparent;border:none;border-left:3px solid #dc3545;border-radius:0 4px 4px 0;color:#dc3545;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.alert-warning{background:color-mix(in srgb,#ffc107 15%,var(--surface));border:1px solid #ffc107;color:#856404}.alert-info{background:color-mix(in srgb,#0dcaf0 12%,var(--surface));border:1px solid #0dcaf0;color:#0a6271}.text-center{text-align:center!important}.text-left{text-align:left!important}.d-flex{display:flex!important}.d-none{display:none!important}.d-block{display:block!important}.align-items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.w-100{width:100%!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-auto{margin-left:auto!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.p-0{padding:0!important}.fw-bold{font-weight:700!important}.fw-medium{font-weight:500!important}.small{font-size:.875rem!important}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 0;box-shadow:var(--shadow)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav{display:flex;gap:1rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius);transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--primary-color);background-color:var(--primary-light)}.main{flex:1;padding:2rem 0}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2aa2de,#1e8bc3);padding:2rem}.auth-card{background:var(--surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg);width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.875rem}.app-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.app-info-header{display:flex;align-items:center;gap:.75rem}.app-icon{width:40px;height:40px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--border)}.app-icon-placeholder{width:40px;height:40px;border-radius:var(--radius);background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;text-transform:uppercase}.app-info-text h6{margin:0;font-weight:600;color:var(--text-primary);font-size:.875rem}.app-info-text small{color:var(--text-secondary);font-size:.75rem}.form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:500;color:var(--text-primary);font-size:.875rem}.form-input{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:all .2s;background:var(--surface)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:var(--error-color)}.form-textarea{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:all .2s;background:var(--surface);resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-textarea.error{border-color:var(--error-color)}.form-error{color:var(--error-color);font-size:.875rem;display:none}.form-error.show{display:block}.form-success{color:var(--success-color);font-size:.875rem;display:none}.form-success.show{display:block}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);border-color:var(--text-secondary)}.btn-danger{background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-full{width:100%}.link{color:var(--primary-color);text-decoration:none;font-size:.875rem}.link:hover{text-decoration:underline}.auth-links{text-align:center;margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card-body.p-0{padding:0;margin:-1.5rem;margin-top:0}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.card-description{color:var(--text-secondary);font-size:.875rem}.page-section{margin-bottom:2rem}.unified-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.unified-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.unified-card .card-header{background:var(--surface-secondary);padding:1.5rem;margin-bottom:0;border-bottom:1px solid var(--border)}.unified-card .card-body{padding:1.5rem}.unified-card .card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.unified-card .card-description{color:var(--text-secondary);font-size:1rem;line-height:1.5}.unified-card-header{background:var(--surface-secondary);padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.unified-card-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.unified-card-title p{font-size:.875rem;color:var(--text-secondary);margin:0}.unified-card-actions{flex-shrink:0}.unified-card-content{padding:0}.unified-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.unified-stat-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.unified-stat-card:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.unified-stat-card .stat-icon{padding:1rem;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.unified-stat-card .stat-icon-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%)}.unified-stat-card .stat-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.unified-stat-card .stat-icon-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.unified-stat-card .stat-icon-info{background:linear-gradient(135deg,#6366f1,#4f46e5)}.unified-stat-card .stat-content{flex:1}.unified-stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1}.unified-stat-card .stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.unified-billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.unified-billing-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease}.unified-billing-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.billing-card-header{padding:1.5rem;background:var(--surface-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.billing-icon{padding:.75rem;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.billing-icon-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%)}.billing-icon-success{background:linear-gradient(135deg,#10b981,#059669)}.billing-icon-info{background:linear-gradient(135deg,#6366f1,#4f46e5)}.billing-card-title{flex:1;display:flex;align-items:center;justify-content:space-between}.billing-card-title h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.count-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.outstanding-badge{background:#fef3c7;color:#92400e;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.billing-card-content{padding:1.5rem;min-height:120px;display:flex;flex-direction:column;justify-content:center}.billing-card-footer{padding:1rem 1.5rem;background:var(--surface-tertiary);border-top:1px solid var(--border)}.subscription-preview,.invoice-preview-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-hover);border-radius:8px;margin-bottom:1rem}.subscription-info,.invoice-info{display:flex;flex-direction:column;gap:.25rem}.product-name,.invoice-number{font-weight:600;color:var(--text-primary)}.price,.amount{font-size:.875rem;color:var(--text-secondary)}.api-usage-stats{display:flex;flex-direction:column;gap:1rem}.usage-metric{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-secondary);border-radius:8px}.metric-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.metric-label{font-size:.875rem;color:var(--text-secondary)}.empty-state-mini{text-align:center;padding:1rem}.no-data{color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.more-items{font-size:.875rem;color:var(--text-secondary);margin:0;text-align:center;font-style:italic}.status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active,.status-paid{background:#dcfce7;color:#166534}.status-pending{background:#fef3c7;color:#92400e}.status-overdue{background:#fee2e2;color:#991b1b}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid;display:none}.alert.show{display:block}.alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-color)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-color)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--primary-color)}.form-text{color:var(--text-secondary)!important;font-size:.875rem!important;margin-top:.25rem!important;line-height:1.4!important;display:block!important}[data-theme=light] .form-text,[data-user-theme=light] .form-text{color:#6c757d!important;opacity:1!important}[data-theme=dark] .form-text,[data-user-theme=dark] .form-text{color:#adb5bd!important;opacity:1!important}@media (prefers-color-scheme: light){[data-user-theme=auto] .form-text{color:#6c757d!important;opacity:1!important}}@media (prefers-color-scheme: dark){[data-user-theme=auto] .form-text{color:#adb5bd!important;opacity:1!important}}.lockout-message-container{height:56px!important;min-height:56px!important;max-height:56px!important;position:relative;overflow:visible!important;margin-bottom:1rem!important;padding:2px 0!important}.lockout-message-container .alert{position:absolute!important;width:calc(100% + -0px)!important;top:2px!important;left:0!important;margin:0!important;padding:.75rem 1rem!important;transition:opacity .3s ease;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:52px!important;box-sizing:border-box!important;line-height:1.2!important;font-size:.875rem!important;border-radius:.375rem!important}.lockout-message-container .alert-danger,.lockout-message-container .alert-danger span,.lockout-message-container .alert-danger button{color:#721c24!important}.lockout-message-container .alert-success,.lockout-message-container .alert-success span,.lockout-message-container .alert-success button{color:#0f5132!important}.lockout-message-container .alert-warning,.lockout-message-container .alert-warning span,.lockout-message-container .alert-warning button{color:#664d03!important}.lockout-message-container .alert.d-none{opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}.lockout-message-container .alert:not(.d-none){opacity:1!important;pointer-events:auto!important;visibility:visible!important;z-index:1!important}#lockoutError:not(.d-none),#lockoutWarning:not(.d-none),#loginError:not(.d-none),#loginSuccess:not(.d-none),#registerError:not(.d-none),#registerSuccess:not(.d-none){display:flex!important;align-items:center!important;justify-content:flex-start!important;opacity:1!important;visibility:visible!important;position:absolute!important;top:2px!important;left:0!important;width:calc(100% + -0px)!important;height:52px!important;margin:0!important;z-index:1!important;border-radius:.375rem!important}.loading{display:inline-flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.totp-input{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.totp-digit{width:3rem;height:3rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface)}.profile-section{margin-bottom:2rem}.profile-section:last-child{margin-bottom:0}.profile-info-container{display:flex;gap:2rem;margin-bottom:2rem}.profile-section-half{flex:1;margin-bottom:0}.profile-info{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.info-value{font-size:1rem;color:var(--text-primary)}@media (max-width: 768px){body{font-size:16px!important}.container{padding:0 .5rem!important}.auth-container{padding:1rem .5rem .5rem!important;min-height:100vh!important;align-items:flex-start!important;justify-content:flex-start!important}.auth-card{margin:0!important;max-width:100%!important;border-radius:12px!important;box-shadow:0 4px 20px #00000026!important;width:calc(100vw - 1rem)!important}.auth-header{padding:1rem 1rem .5rem!important;margin-bottom:0!important}.auth-header h1,.auth-header .h3{font-size:1.25rem!important;margin-bottom:.25rem!important;color:var(--text-primary)!important;font-weight:600!important}.auth-header p{font-size:.875rem!important;color:var(--text-secondary)!important;margin-bottom:0!important;line-height:1.3!important}.auth-form-container{padding:1rem 1rem 1.5rem!important}.logo img,.logo-image,.auth-header .logo img,.auth-header .logo-image{height:40px!important;margin-bottom:.5rem!important}.app-info-card{margin-bottom:1rem!important;padding:.75rem!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:8px!important}.app-info-header{gap:.5rem!important}.app-icon,.app-icon-placeholder{width:32px!important;height:32px!important}.app-info-text h6{color:var(--text-primary)!important;font-size:.875rem!important;margin-bottom:.125rem!important;font-weight:600!important}.app-info-text small{color:var(--text-secondary)!important;font-size:.75rem!important}.form-floating{margin-bottom:.875rem!important}.form-floating>.form-control{font-size:16px!important;padding:.875rem .75rem!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-primary)!important}.form-floating>label{color:var(--text-secondary)!important;font-size:.875rem!important;padding:.875rem .75rem!important}.form-control:focus~label,.form-control:not(:placeholder-shown)~label{color:var(--primary-color)!important;font-size:.75rem!important}.d-flex.justify-content-between.align-items-center{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;margin-bottom:1rem!important}.form-check{order:2!important;margin-bottom:0!important}.form-check-label{color:var(--text-primary)!important;font-size:.875rem!important}.form-check-input{margin-right:.5rem!important}.d-flex.justify-content-between.align-items-center a{order:1!important;color:var(--primary-color)!important;text-decoration:none!important;font-size:.875rem!important;font-weight:500!important}.d-flex.justify-content-between.align-items-center a:hover{color:var(--primary-hover)!important;text-decoration:underline!important}.btn-primary{padding:.75rem!important;font-size:1rem!important;margin-bottom:1rem!important;background:var(--primary-color)!important;border:none!important;color:#fff!important}.btn-primary:hover,.btn-primary:focus{background:var(--primary-hover)!important;color:#fff!important}.auth-footer{text-align:center!important;margin-top:.5rem!important;padding-top:.75rem!important;border-top:1px solid var(--border)!important}.auth-footer p{color:var(--text-secondary)!important;font-size:.875rem!important;margin-bottom:0!important}.auth-footer a{color:var(--primary-color)!important;text-decoration:none!important;font-weight:500!important}.auth-footer a:hover{color:var(--primary-hover)!important;text-decoration:underline!important}.form-text{color:var(--text-secondary)!important;font-size:.75rem!important;margin-top:.25rem!important;line-height:1.3!important;opacity:1!important;visibility:visible!important}.lockout-message-container{height:auto!important;min-height:52px!important;max-height:none!important;margin-bottom:1rem!important;padding:2px 0!important;overflow:visible!important}.lockout-message-container .alert{position:relative!important;font-size:.75rem!important;padding:.6rem .75rem!important;height:auto!important;min-height:48px!important;line-height:1.3!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.lockout-message-container .alert-danger,.lockout-message-container .alert-danger span,.lockout-message-container .alert-danger button{color:#721c24!important}.lockout-message-container .alert-success,.lockout-message-container .alert-success span,.lockout-message-container .alert-success button{color:#0f5132!important}.lockout-message-container .alert-warning,.lockout-message-container .alert-warning span,.lockout-message-container .alert-warning button{color:#664d03!important}.lockout-message-container .alert span{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.form-check{margin-bottom:.875rem!important;padding-left:1.5em!important;clear:both!important}.form-check+.form-check{margin-top:.625rem!important}.form-check+.lockout-message-container{margin-top:.75rem!important}.totp-input-group{gap:.375rem!important;justify-content:center!important;margin-bottom:1rem!important}.totp-digit{width:2.25rem!important;height:2.25rem!important;text-align:center!important;font-size:1.125rem!important;font-weight:600!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-primary)!important}.totp-digit:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #2563eb33!important}.auth-card .text-muted,.auth-card .text-secondary,.text-muted,.text-secondary{color:var(--text-secondary)!important}.auth-card .text-primary,.auth-card h1,.auth-card h2,.auth-card h3,.auth-card h4,.auth-card h5,.auth-card h6,.auth-card p,.auth-card span,.auth-card div{color:var(--text-primary)!important}.auth-card small{color:var(--text-secondary)!important}.header-content{flex-direction:column!important;gap:1rem!important}.nav{justify-content:center!important;flex-wrap:wrap!important}.profile-info{grid-template-columns:1fr!important}.profile-info-container{flex-direction:column!important;gap:1rem!important}.profile-section-half{margin-bottom:1rem!important}}@media (max-width: 480px){.auth-container{padding:.5rem .25rem .25rem!important}.auth-card{width:calc(100vw - .5rem)!important;margin:.25rem auto!important}.auth-header{padding:.75rem .75rem .25rem!important}.auth-header h1,.auth-header .h3{font-size:1.125rem!important;margin-bottom:.125rem!important}.auth-header p{font-size:.8125rem!important}.auth-form-container{padding:.75rem .75rem 1rem!important}.app-info-card{padding:.625rem!important;margin-bottom:.75rem!important}.app-icon,.app-icon-placeholder{width:28px!important;height:28px!important}.app-info-text h6{font-size:.8125rem!important}.app-info-text small{font-size:.6875rem!important}.form-floating{margin-bottom:.75rem!important}.form-floating>.form-control{padding:.75rem .625rem!important}.form-floating>label{padding:.75rem .625rem!important}.btn-primary{padding:.625rem!important;margin-bottom:.75rem!important}.d-flex.justify-content-between.align-items-center{gap:.375rem!important;margin-bottom:.75rem!important}.auth-footer{margin-top:.25rem!important;padding-top:.5rem!important}.totp-input-group{gap:.25rem!important}.totp-digit{width:2rem!important;height:2rem!important;font-size:1rem!important}.logo img,.logo-image,.auth-header .logo img,.auth-header .logo-image{height:36px!important;margin-bottom:.25rem!important}}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-muted{color:var(--text-secondary)!important}.text-primary{color:var(--text-primary)!important}.text-secondary,.btn-primary .text-muted,.auth-footer .text-muted,.app-info-card .text-muted,.app-info-card small,.auth-header .text-muted{color:var(--text-secondary)!important}@media (max-width: 768px){.auth-card *{color:var(--text-primary)}.auth-card .text-muted,.auth-card .text-secondary{color:var(--text-secondary)!important}.auth-card a{color:var(--primary-color);font-weight:500}.auth-card a:hover{color:var(--primary-hover)}.form-floating>label{color:var(--text-secondary)!important;font-size:.9rem}.form-control:focus~label,.form-control:not(:placeholder-shown)~label{color:var(--primary-color)!important}.totp-input-group{gap:.5rem;justify-content:center}.totp-digit{width:2.5rem;height:2.5rem;text-align:center;font-size:1.25rem;font-weight:600}.btn{font-size:1rem;padding:.75rem 1rem}}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.focus-visible:focus{outline:2px solid var(--border-focus);outline-offset:2px}.dashboard-layout{background-color:var(--background);margin:0;padding:0}.dashboard-wrapper{display:flex;min-height:100vh}.side-nav{width:280px;background:var(--surface);border-right:1px solid var(--border);position:fixed;left:0;top:0;bottom:0;z-index:30;display:flex;flex-direction:column;transition:transform .3s ease}.side-nav-header{padding:12px 16px 0;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;height:64px;flex-shrink:0}.side-nav .logo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.side-nav .logo-image{width:140px;height:50px;flex-shrink:0;object-fit:contain;transition:transform .2s ease}.side-nav .logo-image:hover{transform:scale(1.05)}.logo-dark-theme,.logo-light-theme{width:140px;height:50px;object-fit:contain;transition:transform .2s ease}.logo-dark-theme{display:block}.logo-light-theme{display:none}[data-theme=dark] .logo-dark-theme,html[data-theme=dark] .admin-layout .logo-dark-theme{display:none!important}[data-theme=dark] .logo-light-theme,html[data-theme=dark] .admin-layout .logo-light-theme,[data-theme=light] .logo-dark-theme,html[data-theme=light] .admin-layout .logo-dark-theme{display:block!important}[data-theme=light] .logo-light-theme,html[data-theme=light] .admin-layout .logo-light-theme{display:none!important}@media (prefers-color-scheme: dark){:root:not([data-theme]) .logo-dark-theme,html:not([data-theme]) .admin-layout .logo-dark-theme{display:none!important}:root:not([data-theme]) .logo-light-theme,html:not([data-theme]) .admin-layout .logo-light-theme{display:block!important}}@media (prefers-color-scheme: light){:root:not([data-theme]) .logo-dark-theme,html:not([data-theme]) .admin-layout .logo-dark-theme{display:block!important}:root:not([data-theme]) .logo-light-theme,html:not([data-theme]) .admin-layout .logo-light-theme{display:none!important}}.admin-side-nav .logo .logo-dark-theme{display:block}.admin-side-nav .logo .logo-light-theme{display:none}html[data-theme=dark] .admin-side-nav .logo .logo-dark-theme{display:none!important}html[data-theme=dark] .admin-side-nav .logo .logo-light-theme,html[data-theme=light] .admin-side-nav .logo .logo-dark-theme{display:block!important}html[data-theme=light] .admin-side-nav .logo .logo-light-theme{display:none!important}@media (prefers-color-scheme: dark){html:not([data-theme]) .admin-side-nav .logo .logo-dark-theme{display:none!important}html:not([data-theme]) .admin-side-nav .logo .logo-light-theme{display:block!important}}@media (prefers-color-scheme: light){html:not([data-theme]) .admin-side-nav .logo .logo-dark-theme{display:block!important}html:not([data-theme]) .admin-side-nav .logo .logo-light-theme{display:none!important}}.side-nav .logo svg{width:48px;height:48px;flex-shrink:0}.side-nav .logo-text{font-size:20px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.side-nav-menu{flex:1;padding:16px 0;overflow-y:auto}.nav-list{list-style:none;padding:0 12px}.nav-item{margin-bottom:4px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);transition:all .2s ease;font-weight:500}.nav-link:hover{background-color:var(--primary-light);color:var(--primary-color);text-decoration:none}.nav-link.active{background-color:var(--primary-color);color:#fff}.nav-icon{width:20px;height:20px;flex-shrink:0}.nav-section{margin-top:32px;padding:0 12px}.nav-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px;padding:0 16px}.nav-section-divider{margin-top:24px;margin-bottom:8px;padding:0;list-style:none}.nav-section-divider .nav-section-title{margin-bottom:8px}.app-launcher-sidebar{padding:0 16px}.side-nav-footer{padding:16px 20px;border-top:1px solid var(--border)}.nav-user-info{display:flex;align-items:center;gap:12px}.user-avatar-small{width:36px;height:36px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-details{flex:1;min-width:0}.user-details .user-name{display:block;font-weight:600;font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details .user-email{display:block;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.top-nav{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;position:sticky;top:0;z-index:20}.top-nav-content{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-menu-toggle{display:none;background:none;border:none;padding:8px;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mobile-menu-toggle:hover{background-color:var(--primary-light);color:var(--primary-color)}.page-title-mobile{display:none}.page-title-mobile h1{font-size:18px;font-weight:600;margin:0}.top-nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto;height:100%}.top-nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.top-nav-logo img{height:32px;width:auto}.action-btn{background:none;border:none;padding:8px;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:var(--primary-light);color:var(--primary-color)}.user-dropdown{position:relative}.user-dropdown-toggle{display:flex;align-items:center;gap:12px;background:none;border:none;padding:8px 12px;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.user-dropdown-toggle:hover{background-color:var(--primary-light)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-info-desktop{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-info-desktop .user-name{font-weight:600;font-size:14px;color:var(--text-primary);line-height:1.2}.user-role{font-size:12px;color:var(--text-secondary);line-height:1.2}.dropdown-arrow{transition:transform .2s ease}.user-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;width:280px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:50;margin-top:8px}.user-dropdown-menu.active,.user-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.dropdown-header .user-details{flex:1}.dropdown-header .user-name{display:block;font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:2px}.dropdown-header .user-email{display:block;font-size:14px;color:var(--text-secondary)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;font-size:14px;cursor:pointer}.dropdown-item:hover{background-color:var(--primary-light);color:var(--primary-color);text-decoration:none}.dropdown-divider{height:1px;background-color:var(--border);margin:8px 0}.content-area{flex:1;padding:32px;overflow-y:auto}.dashboard-page{max-width:1400px;margin:0 auto;padding:0 24px}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.page-header p{font-size:16px;color:var(--text-secondary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:40px}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease}.subscription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.subscription-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.subscription-card:hover{border-color:var(--primary-color);box-shadow:0 4px 16px #00000026}.subscription-header{padding:20px 20px 16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.subscription-title h3{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.subscription-description{margin:0;font-size:.875rem;color:var(--text-secondary)}.subscription-body{padding:20px}.subscription-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-row .label{font-size:.875rem;color:var(--text-secondary);font-weight:500;min-width:100px}.detail-row .value{font-size:.875rem;color:var(--text-primary);font-weight:500;text-align:right;flex:1}.subscription-actions{padding:16px 20px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--border);background:var(--surface-light)}.subscription-actions .btn{min-width:100px}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-active{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-expired{background:#fef3c7;color:#92400e}.status-pending{background:#e0e7ff;color:#3730a3}.detail-section{margin-bottom:24px}.detail-section h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:8px}.detail-grid{display:grid;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-item label{font-weight:500;color:var(--text-secondary);margin:0;min-width:120px}.detail-item span{color:var(--text-primary);text-align:right;flex:1}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.stats-overview{margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.stats-grid .stat-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px;text-align:center}.stats-grid .stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stats-grid .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.top-endpoints h4{margin:0 0 16px;font-size:1.1rem;color:var(--text-primary)}.endpoints-list{display:flex;flex-direction:column;gap:8px}.endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-secondary);border-radius:6px}.endpoint-path{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-primary)}.endpoint-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stats-note{margin-top:24px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px}.stats-note p{margin:0;font-size:.875rem;color:#92400e}.status-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.status-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-icon.status-success{background-color:#dcfce7;color:var(--success-color)}.status-icon.status-warning{background-color:#fef3c7;color:var(--warning-color)}.status-icon.status-muted{background-color:#f1f5f9;color:var(--text-secondary)}.status-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.status-content p{color:var(--text-secondary);line-height:1.5}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.unified-card-content .activity-list,.activity-list{background:var(--surface)!important;border:none!important;border-radius:0!important;overflow:hidden!important;display:block!important;max-width:100%!important;grid-template-columns:none!important;grid-template-rows:none!important;flex-direction:column!important}.unified-card-content .activity-item,.activity-item{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 1.5rem!important;border-bottom:1px solid var(--border)!important;transition:background-color .15s ease!important;width:100%!important;grid-column:unset!important;grid-row:unset!important;flex-direction:row!important;flex-wrap:nowrap!important}.unified-card-content .activity-item:hover,.activity-item:hover{background:var(--surface-hover)!important}.unified-card-content .activity-item:last-child,.activity-item:last-child{border-bottom:none!important}.activity-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface-tertiary);border-radius:50%;color:var(--text-secondary);flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.activity-description{font-weight:500;color:var(--text-primary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.activity-meta{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--text-secondary);margin:0}.activity-type{padding:2px 6px;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;background:var(--surface-tertiary);color:var(--text-secondary);flex-shrink:0}.activity-time{font-weight:500;color:var(--text-secondary)}.activity-user{color:var(--text-secondary)}.activity-user:before{content:"•";margin-right:4px}.loading-state,.error-state,.empty-state{padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.loading-state .loading-spinner{margin:0 auto 1rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.action-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;text-decoration:none;transition:all .2s ease;display:block}.action-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);text-decoration:none;transform:translateY(-2px)}.action-icon{width:48px;height:48px;border-radius:50%;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.action-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.action-card p{color:var(--text-secondary);line-height:1.5}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:25;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}@media (max-width: 1024px){.main-content{margin-left:0}.side-nav{transform:translate(-100%)}.side-nav.mobile-open{transform:translate(0)}.mobile-menu-toggle{display:block}.content-area{padding:20px}}@media (max-width: 768px){.page-title-mobile{display:block}.user-info-desktop{display:none}.card-grid,.action-grid{grid-template-columns:1fr;gap:16px}.page-header h1{font-size:24px}.content-area{padding:16px}.user-dropdown-menu{width:260px}}@media (max-width: 480px){.top-nav{padding:0 16px}.status-card{padding:20px}.activity-item{padding:16px}.action-card{padding:20px}}@media (prefers-contrast: high){:root{--border: #000000;--text-secondary: #000000}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1000;display:none;align-items:center;justify-content:center;overflow:hidden}.modal.show{display:flex!important;visibility:visible!important;opacity:1!important;animation:fadeIn .2s ease-out}.modal-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;margin:auto;position:relative}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);transition:all .2s ease}.modal-close:hover{background-color:var(--primary-light);color:var(--primary-color)}.qr-code-container{display:flex;justify-content:center;margin:20px 0;padding:20px;background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.qr-code-container img{max-width:200px;width:100%;height:auto;border-radius:4px}.manual-setup{margin:20px 0;padding:16px;background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.manual-setup label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.manual-setup code{display:block;padding:12px;background-color:var(--surface);border:1px solid var(--border);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;word-break:break-all;-webkit-user-select:all;user-select:all;cursor:text}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.modal-actions .btn{min-width:120px;text-align:center}.warning-icon{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.warning-icon svg{color:#f59e0b;filter:drop-shadow(0 1px 2px rgba(245,158,11,.3))}.totp-verify-form{margin-top:20px}.totp-input-group{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.totp-digit{width:45px;height:45px;text-align:center;font-size:18px;font-weight:600;border:2px solid var(--border);border-radius:4px;background:var(--surface);color:var(--text-primary);transition:border-color .2s ease}.totp-digit:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.totp-digit:valid{border-color:var(--success-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.modal,.modal-content{animation:none}}.app-launcher-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1100;display:flex;align-items:flex-start;justify-content:center;padding-top:80px;animation:fadeIn .2s ease-out;overflow-y:auto}.app-launcher-overlay.hidden{display:none}.app-launcher-content{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:slideIn .3s ease-out;margin:auto;position:relative}.app-launcher-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border);background:var(--surface)}.app-launcher-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.app-launcher-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-secondary);transition:all .2s ease}.app-launcher-close:hover{background-color:var(--primary-light);color:var(--primary-color)}.app-launcher-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px;max-height:400px;overflow-y:auto}.app-launcher-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.app-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all .2s ease;cursor:pointer}.app-item:hover{background-color:var(--primary-light);text-decoration:none;transform:translateY(-2px)}.app-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;flex-shrink:0}.app-icon img{width:32px;height:32px;border-radius:4px}.app-icon svg{width:24px;height:24px}.app-name{font-size:14px;font-weight:500;text-align:center;line-height:1.2;max-width:100px;word-wrap:break-word}.app-description{font-size:12px;color:var(--text-secondary);text-align:center;line-height:1.2;max-width:100px;word-wrap:break-word;display:none}@media (min-width: 768px){.app-launcher-content{max-width:700px}.app-launcher-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px}.app-description{display:block}}@media (max-width: 480px){.app-launcher-overlay{padding-top:20px}.app-launcher-content{width:95%;max-height:90vh}.app-launcher-header{padding:16px}.app-launcher-grid{padding:16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}}.admin-layout{--primary-color: #6366f1;--primary-dark: #4338ca;--primary-light: #e0e7ff;--admin-bg: #f8fafc}.admin-side-nav .brand-text{color:var(--primary-color);font-weight:600}.admin-top-nav{color:var(--text-primary)}.admin-top-nav .page-title h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.admin-badge{background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;margin-left:1rem}.admin-badge-small{background:var(--primary-color);color:#fff;padding:.2rem .5rem;border-radius:.75rem;font-size:.65rem;font-weight:500;margin-top:.25rem;display:inline-block}.admin-role{color:var(--primary-color)!important;font-weight:600}.user-role.admin-role{color:var(--primary-color)!important}.admin-content{background:var(--admin-bg);min-height:calc(100vh - 80px);padding:2rem}.admin-header{margin-bottom:2rem}.admin-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.admin-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.admin-stat-card{background:var(--surface);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color)}.admin-stat-card:nth-child(2):before{background:#059669}.admin-stat-card:nth-child(3):before{background:#d97706}.admin-stat-card:nth-child(4):before{background:#dc2626}.admin-stat-icon{width:60px;height:60px;background:var(--primary-light);color:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.admin-stat-card:nth-child(2) .admin-stat-icon{background:#d1fae5;color:#059669}.admin-stat-card:nth-child(3) .admin-stat-icon{background:#fed7aa;color:#d97706}.admin-stat-card:nth-child(4) .admin-stat-icon{background:#fecaca;color:#dc2626}.admin-stat-info{flex:1}.admin-stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1}.admin-stat-label{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.admin-card{background:var(--surface);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border);overflow:hidden;transition:all .3s ease}.admin-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.admin-card-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.5rem 2rem}.admin-card-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.admin-card-body{padding:2rem}.admin-card-body p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.admin-dashboard{width:100%;max-width:none;margin:0}.admin-section{display:none}.admin-section.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:2rem;border-radius:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-card:nth-child(2){background:linear-gradient(135deg,#059669,#047857)}.stat-card:nth-child(3){background:linear-gradient(135deg,#d97706,#b45309)}.stat-card:nth-child(4){background:linear-gradient(135deg,#dc2626,#b91c1c)}.stat-icon{background:#fff3;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-content h3{font-size:2.5rem;font-weight:700;margin:0;line-height:1}.stat-content p{margin:.5rem 0 0;opacity:.9;font-size:1rem}.admin-card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:2rem;overflow:hidden}.admin-card .card-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.5rem 2rem;display:flex;align-items:center;justify-content:between}.admin-card .card-header h4{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.admin-card .card-body{padding:2rem}.card-actions{margin-left:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--background);font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.admin-table tbody tr:hover{background:var(--background)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem}.settings-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid var(--border)}.app-launcher-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.app-launcher-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.app-launcher-content{background:var(--surface);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:600px;max-height:80vh;overflow:hidden;transform:scale(.9);transition:all .3s ease}.app-launcher-overlay:not(.hidden) .app-launcher-content{transform:scale(1)}.app-launcher-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.app-launcher-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.app-launcher-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.app-launcher-close:hover{background:var(--background);color:var(--text-primary)}.app-launcher-grid{padding:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;max-height:50vh;overflow-y:auto}.app-launcher-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.app-launcher-item:hover{background:var(--background);border-color:var(--primary-color);transform:translateY(-2px)}.app-launcher-icon{width:48px;height:48px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.app-launcher-icon img{width:100%;height:100%;object-fit:cover}.app-launcher-icon-placeholder{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.app-launcher-name{font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.3}.app-launcher-loading,.app-launcher-empty,.app-launcher-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-secondary)}.app-launcher-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;background-color:var(--surface);color:var(--text-primary);cursor:pointer}.form-check{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.form-check-input{width:1.25rem;height:1.25rem;cursor:pointer}.form-check-label{cursor:pointer;margin-bottom:0}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#475569}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}.activity-list{min-height:200px;display:flex;align-items:center;justify-content:center}.table-responsive{overflow-x:auto}.hidden{display:none!important}.admin-side-nav .nav-link.active{background:var(--primary-light);color:var(--primary-color)}.admin-side-nav .nav-link.active .nav-icon{color:var(--primary-color)}@media (max-width: 768px){.admin-content{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.settings-grid{grid-template-columns:1fr}.admin-card .card-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.card-actions{margin-left:0;width:100%}.settings-actions{flex-direction:column}}.admin-section{margin-bottom:2rem}.admin-section-header{margin-bottom:1rem}.admin-section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.activity-icon{width:40px;height:40px;background:var(--primary-light);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-description{margin:0 0 .25rem;color:var(--text-primary);font-weight:500}.activity-time{color:var(--text-secondary);font-size:.875rem}.system-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.health-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--background);border-radius:8px;border:1px solid var(--border)}.health-label{font-weight:500;color:var(--text-primary)}.health-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.health-status-ok{color:#059669}.health-status-warning{color:#d97706}.health-status-error{color:#dc2626}.modal-dialog{max-width:600px}.modal-lg{max-width:900px}.modal-xl{max-width:1200px}.modal-body{padding:2rem}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border)}.modal-footer{padding:1rem 2rem;border-top:1px solid var(--border)}.app-launcher-description{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.2}.activity-list{padding:0;margin:0}.activity-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;background-color:var(--surface-secondary);display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.activity-icon i{font-size:16px}.activity-icon .text-success{color:#198754!important}.activity-icon .text-primary{color:#0d6efd!important}.activity-icon .text-info{color:#0dcaf0!important}.activity-content{flex:1}.activity-title{font-weight:500;color:#212529;margin-bottom:2px}.activity-time{font-size:.875rem;color:#6c757d}.health-status-warning{color:#fd7e14!important}.health-status-warning i{color:#fd7e14}.admin-layout{background-color:var(--background)}.admin-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-radius:6px;margin:0 16px 16px;font-size:.875rem;font-weight:500}.admin-badge svg{width:16px;height:16px}.admin-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-radius:50%;margin-right:12px}.nav-divider{height:1px;background-color:var(--border);margin:16px 0}.nav-link-secondary{color:var(--text-secondary);opacity:.8}.nav-link-secondary:hover{opacity:1;color:var(--primary-color)}.nav-link-admin{background:linear-gradient(135deg,#2563eb1a,#1d4ed81a);border-left:3px solid var(--primary-color)}.nav-link-admin:hover{background:linear-gradient(135deg,#2563eb26,#1d4ed826);color:var(--primary-color)}.user-role{font-size:.75rem;color:var(--text-secondary)}.user-role-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500;margin-top:4px}.admin-dashboard .stat-number{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin:8px 0}.stat-description{font-size:.875rem;color:var(--text-secondary);margin:0}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.quick-action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text-primary);transition:all .2s ease}.quick-action-card:hover{color:var(--text-primary);text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.quick-action-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-light) 0%,rgba(37,99,235,.1) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--primary-color)}.quick-action-card h4{font-size:1.125rem;font-weight:600;margin-bottom:8px}.quick-action-card p{font-size:.875rem;color:var(--text-secondary);margin:0}.admin-page{padding:0}.page-actions{display:flex;gap:12px;align-items:center}.table-container{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:24px}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.table-header h3{margin:0;font-size:1.25rem;font-weight:600}.table-controls{display:flex;gap:12px;align-items:center}.search-box{position:relative;display:flex;align-items:center}.search-box input{padding:8px 16px 8px 40px;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;width:250px;background:var(--surface);color:var(--text-primary)}.search-box svg{position:absolute;left:12px;color:var(--text-secondary)}.filter-select{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--surface);color:var(--text-primary);min-width:120px;cursor:pointer}.filter-select option{background:var(--surface);color:var(--text-primary)}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:16px 24px;font-weight:600;color:var(--text-secondary);background:var(--surface-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:16px 24px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:hover{background:var(--surface-secondary)}.api-keys-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;width:100%}.api-keys-table .table-header{background:var(--surface-secondary);border-bottom:1px solid var(--border);width:100%}.api-keys-table .table-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;align-items:center;border-bottom:1px solid #f0f0f0;transition:background-color .2s;width:100%}.api-keys-table .table-header .table-row{font-weight:600;color:var(--text-secondary);background:var(--background);border-bottom:1px solid var(--border);width:100%}.api-keys-table .table-body .table-row:hover{background:var(--background)}.api-keys-table .table-body .table-row:last-child{border-bottom:none}.api-keys-table .table-body{width:100%}.api-keys-table .table-cell{display:flex;align-items:center;font-size:.875rem;width:100%}.key-info{flex:1}.key-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.key-description{font-size:.75rem;color:var(--text-secondary)}.key-preview{display:flex;align-items:center;gap:8px;flex:1}.key-preview code{background:var(--surface-secondary);padding:4px 8px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;color:var(--text-primary);flex:1}.key-actions{display:flex;gap:8px}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.request-count{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.api-keys-table .table-row{grid-template-columns:1fr;gap:8px}.api-keys-table .table-cell{justify-content:space-between}.api-keys-table .table-cell:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);margin-right:8px}}.user-cell{display:flex;align-items:center;gap:12px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:500;color:var(--text-primary)}.user-id{font-size:.75rem;color:var(--text-secondary)}.role-badges{display:flex;gap:4px;flex-wrap:wrap}.role-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.role-badge.role-admin{background:#fee2e2;color:#dc2626}.role-badge.role-user{background:#e0f2fe;color:#0277bd}.status-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.status-active,.status-badge.status-enabled,.status-badge.status-success{background:#dcfce7;color:#059669}.status-badge.status-inactive,.status-badge.status-disabled,.status-badge.status-failed{background:#fee2e2;color:#dc2626}.status-badge.status-verified{background:#dbeafe;color:#1d4ed8}.status-badge.status-unverified{background:#fef3c7;color:#d97706}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-form{padding:24px}.modal-form input[type=text],.modal-form input[type=email],.modal-form input[type=password],.modal-form select,.modal-form textarea{padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;transition:all .2s;background:var(--surface);color:var(--text-primary);width:100%;box-sizing:border-box}.modal-form input[type=text]:focus,.modal-form input[type=email]:focus,.modal-form input[type=password]:focus,.modal-form select:focus,.modal-form textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.modal-form select[multiple]{min-height:80px}.applications-container{margin-top:24px}.applications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.applications-header h3{margin:0;font-size:1.125rem;font-weight:600}.applications-controls{display:flex;gap:12px;align-items:center}.applications-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.apps-table{width:100%;border-collapse:collapse;font-size:.875rem}.apps-table thead tr{border-bottom:1px solid var(--border)}.apps-table th{padding:10px 14px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap}.apps-table td{padding:10px 14px;vertical-align:middle;border-bottom:1px solid var(--border)}.apps-table tbody tr:last-child td{border-bottom:none}.app-row{transition:background .15s}.app-row:hover{background:var(--surface-hover, rgba(255,255,255,.04))}.app-row-disabled{opacity:.5}.app-row-disabled .app-row-name{text-decoration:line-through;text-decoration-color:var(--text-secondary)}.apps-table .col-icon{width:40px;padding-right:4px}.apps-table .col-name{min-width:180px}.apps-table .col-group{width:110px}.apps-table .col-roles{width:200px}.apps-table .col-vis{width:90px}.apps-table .col-status{width:60px;text-align:center}.apps-table .col-actions{width:130px;white-space:nowrap}.app-table-icon{width:30px;height:30px;border-radius:6px;object-fit:cover;display:block}.app-table-icon-fallback{width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.app-row-name{display:block;font-weight:600;color:var(--text-primary);line-height:1.3}.app-row-desc{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:2px;line-height:1.3;max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-badge{padding:2px 8px;background:var(--primary-color-muted, rgba(99,102,241,.15));color:var(--primary-color);border-radius:10px;font-size:.75rem;font-weight:500;white-space:nowrap}.role-badge{display:inline-block;padding:1px 7px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:lowercase;background:var(--surface-alt, rgba(255,255,255,.08));color:var(--text-secondary);border:1px solid var(--border);margin:1px 2px 1px 0}.role-badge-any{color:var(--text-secondary);font-style:italic;border-style:dashed}.vis-badge{padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600;text-transform:capitalize}.vis-public{background:#05966926;color:#10b981}.vis-private{background:#d9770626;color:#f59e0b}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.status-dot-on{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot-off{background:var(--text-secondary);opacity:.5}.tbl-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s,border-color .15s;margin-right:3px;padding:0;vertical-align:middle;text-decoration:none}.tbl-btn:hover{background:var(--surface-hover, rgba(255,255,255,.06));color:var(--text-primary)}.tbl-btn.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.tbl-btn.btn-info:hover{border-color:#38bdf8;color:#38bdf8}.tbl-btn.btn-warning:hover{border-color:#f59e0b;color:#f59e0b}.tbl-btn.btn-success:hover{border-color:#10b981;color:#10b981}.tbl-btn.btn-danger:hover{border-color:#ef4444;color:#ef4444}.app-name{font-weight:600;color:var(--text-primary)}.app-roles{font-size:.75rem;color:var(--text-secondary)}.filters-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:24px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.filter-input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;background:var(--surface);color:var(--text-primary)}.filter-input[type=date]{background:var(--surface);color:var(--text-primary);color-scheme:light dark}html[data-theme=dark] .filter-input[type=date]{color-scheme:dark}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .filter-input[type=date]{color-scheme:dark}}.filter-input::placeholder{color:var(--text-secondary);opacity:.7}.filter-input:focus,.filter-select:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.filter-input[type=date]::-webkit-calendar-picker-indicator{filter:var(--date-picker-icon-filter, none);cursor:pointer}html[data-theme=dark] .filter-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}@media (prefers-color-scheme: dark){html:not([data-theme=light]) .filter-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}}.filter-actions{display:flex;gap:8px}.filter-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px}.filter-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.filter-controls{display:flex;flex-direction:column;gap:16px}.filter-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.audit-table{font-size:.8rem}.audit-table .log-row.log-failed{background-color:var(--error-bg)}.timestamp-cell{display:flex;flex-direction:column;gap:2px}.timestamp-date{font-weight:500}.timestamp-time{font-size:.75rem;color:var(--text-secondary)}.event-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize;background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border)}.ip-address{font-family:Monaco,Courier New,monospace;font-size:.8rem}.log-details{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface-secondary)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-controls{display:flex;gap:8px;align-items:center}.page-numbers{display:flex;gap:4px}.page-btn{padding:6px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.page-btn:hover{background:var(--primary-light);border-color:var(--primary-color)}.page-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.log-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:start}.detail-item{display:contents}.detail-item.full-width{display:grid;grid-column:1 / -1;grid-template-columns:1fr 2fr;gap:16px}.detail-item label{font-weight:600;color:var(--text-secondary);padding:8px 0}.detail-item span{padding:8px 0;word-break:break-word}.json-details{background:var(--surface-secondary);border:1px solid var(--border);padding:12px;border-radius:var(--radius);overflow-x:auto;white-space:pre-wrap;font-family:Monaco,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.4;color:var(--text-primary);max-height:300px;overflow-y:auto}.settings-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-auto-rows:min-content;gap:1.5rem;max-width:none;width:100%;align-items:start}.settings-section{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;height:fit-content}.section-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface-secondary)}.section-header h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.section-header p{margin:0;color:var(--text-secondary);font-size:.8125rem}.settings-form{padding:1.25rem 1.5rem}.settings-form input[type=text],.settings-form input[type=email],.settings-form input[type=password],.settings-form input[type=number],.settings-form input[type=url],.settings-form textarea,.settings-form select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:.875rem;background:var(--surface);color:var(--text-primary);transition:all .2s ease;font-family:inherit;box-sizing:border-box}.settings-form textarea{resize:vertical;min-height:80px}.settings-form select{cursor:pointer;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6,9 12,15 18,9"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-form input[type=text]:focus,.settings-form input[type=email]:focus,.settings-form input[type=password]:focus,.settings-form input[type=number]:focus,.settings-form input[type=url]:focus,.settings-form textarea:focus,.settings-form select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}html[data-theme=dark] .settings-form input[type=text],html[data-theme=dark] .settings-form input[type=email],html[data-theme=dark] .settings-form input[type=password],html[data-theme=dark] .settings-form input[type=number],html[data-theme=dark] .settings-form input[type=url],html[data-theme=dark] .settings-form textarea{background:var(--surface-tertiary);border-color:var(--border);color:var(--text-primary)}html[data-theme=dark] .settings-form select.form-control,html[data-theme=dark] .settings-form select{background:var(--surface-tertiary);border-color:var(--border);color:var(--text-primary);background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6,9 12,15 18,9"/></svg>')!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;background-size:16px!important}.settings-form .form-group{margin-bottom:1.25rem}.settings-form .form-group:last-child{margin-bottom:0}.settings-form label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--text-primary);font-size:.8125rem}.settings-form small{display:block;margin-top:.375rem;color:var(--text-secondary);font-size:.6875rem;line-height:1.3}.color-input-group{display:flex;gap:12px;align-items:center}.color-input-group input[type=color]{width:50px;height:40px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--surface)}.color-input-group input[type=text]{flex:1}.settings-form .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:0;font-weight:500;color:var(--text-primary)}.settings-form .checkbox-label input[type=checkbox]{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;background:var(--surface);cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.settings-form .checkbox-label input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.settings-form .checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.settings-form .checkbox-label input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.settings-form .form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}@media (max-width: 768px){.settings-container{grid-template-columns:1fr;gap:1rem}.settings-form,.section-header{padding:1rem}}@media (min-width: 1200px){.settings-container{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary)}.loading-state p{margin-top:12px;margin-bottom:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--error-color);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-secondary);text-align:center}.empty-state svg{margin-bottom:16px;color:var(--text-secondary);opacity:.5}.btn-spinner{display:inline-flex;align-items:center;gap:8px}.btn-spinner.hidden,.btn-text.hidden{display:none}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:var(--radius);color:#fff;font-weight:500;z-index:1001;animation:slideIn .3s ease}.notification-success{background:var(--success-color)}.notification-error{background:var(--error-color)}.notification-warning{background:var(--warning-color)}.notification-info{background:var(--primary-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.quick-actions-grid,.applications-grid,.filters-grid{grid-template-columns:1fr}.page-actions,.table-controls{flex-direction:column;gap:8px;align-items:stretch}.search-box input{width:100%}.pagination-container{flex-direction:column;gap:16px;text-align:center}.log-details-grid,.detail-item.full-width{grid-template-columns:1fr}.settings-container{max-width:100%}}.phone-input-group{display:flex;gap:8px;align-items:center}.phone-input-group .btn{flex-shrink:0;min-width:80px}.sms-input-group{display:flex;gap:8px;justify-content:center;margin:16px 0}.sms-digit{width:50px;height:50px;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-primary);transition:all .2s ease}.sms-digit:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.sms-digit.filled{border-color:var(--primary-color);background:var(--primary-light)}.stripe-element{padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:16px}.stripe-element:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-icon{color:var(--error-color);margin-bottom:16px}.error-state h3{margin-bottom:8px;color:var(--text-primary)}.error-state p{color:var(--text-secondary);margin-bottom:24px}.payment-methods-list{min-height:120px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;color:var(--text-secondary)}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;background:var(--surface);transition:all .2s ease}.payment-method-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow)}.payment-method-item.default{border-color:var(--primary-color);background:var(--primary-light)}.payment-method-info,.card-info{flex:1}.card-number{font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px}.default-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--primary-color);color:#fff;font-size:11px;font-weight:500;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.card-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.card-meta span{display:flex;align-items:center}.nickname{font-style:italic;color:var(--primary-color)}.payment-method-actions{display:flex;gap:8px}.payment-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.form-error{background:#fef2f2;border:1px solid #fecaca;color:var(--error-color);padding:12px;border-radius:var(--radius);margin-top:12px;font-size:14px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{background-color:initial;transform:none}.toast{position:fixed;top:20px;right:20px;z-index:1000;padding:16px 20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);display:none;max-width:400px;font-weight:500}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:var(--success-color)}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:var(--error-color)}.modal-content{max-width:500px;width:90%}.modal-body{max-height:80vh;overflow-y:auto}@media (max-width: 768px){.payment-method-item{flex-direction:column;align-items:flex-start;gap:12px}.payment-method-actions{width:100%;justify-content:flex-end}.card-meta{flex-direction:column;align-items:flex-start;gap:4px}}.unified-table{width:100%;border-collapse:collapse}.unified-table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb}.unified-table-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px 0;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.unified-table-row:hover{background:#f9fafb}.unified-table-header .unified-table-row{padding:12px 0;background:transparent}.unified-table-header .unified-table-row:hover{background:transparent}.unified-table-cell{padding:0 16px;display:flex;align-items:center;min-height:40px}.unified-table-header .unified-table-cell{font-weight:600;color:#374151;font-size:.875rem;min-height:auto}.unified-empty-state{text-align:center;padding:48px 24px}.empty-state-icon{margin:0 auto 16px;color:#9ca3af}.unified-empty-state h3{margin:0 0 8px;color:#374151;font-size:1.125rem;font-weight:600}.unified-empty-state p{margin:0 0 24px;color:#6b7280}.unified-billing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.unified-billing-card{background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.billing-card-header{padding:20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.billing-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.billing-icon-primary{background:#dbeafe;color:#2563eb}.billing-icon-info{background:#e0f2fe;color:#0891b2}.billing-icon-success{background:#dcfce7;color:#16a34a}.billing-card-title{display:flex;align-items:center;gap:8px;flex:1}.billing-card-title h3{margin:0;font-size:1rem;font-weight:600;color:#111827}.count-badge{background:#3b82f6;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.outstanding-badge{background:#dc2626;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:4px}.billing-card-content{padding:20px}.billing-card-footer{padding:16px 20px;background:var(--surface);border-top:1px solid var(--border)}.subscription-preview,.invoice-preview{display:flex;flex-direction:column;gap:12px}.subscription-preview .subscription-info,.invoice-preview .invoice-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.product-name,.invoice-number{font-weight:600;color:#111827}.price,.amount{color:#059669;font-weight:600}.api-usage-stats{display:flex;flex-direction:column;gap:12px}.usage-metric{display:flex;justify-content:space-between;align-items:center}.metric-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.metric-label{color:var(--text-secondary);font-size:.875rem}.invoice-preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.more-items{color:#6b7280;font-size:.875rem;margin:8px 0 0}.empty-state-mini{text-align:center;padding:16px}.empty-state-mini .no-data{color:#6b7280;margin:0 0 12px;font-size:.875rem}@media (max-width: 768px){.unified-billing-grid{grid-template-columns:1fr;gap:16px}.billing-card-header,.billing-card-content{padding:16px}.billing-card-footer{padding:12px 16px}}.unified-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.unified-stat-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:8px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease}.unified-stat-card:hover{background:var(--surface-hover);border-color:var(--border-color)}.stat-icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-icon-primary{background:#dbeafe;color:#2563eb}.stat-icon-success{background:#dcfce7;color:#16a34a}.stat-icon-warning{background:#fef3c7;color:#d97706}.stat-icon-info{background:#e0f2fe;color:#0891b2}.stat-content{flex:1;min-width:0}.stat-value{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:4px;line-height:1.2}.stat-label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:2px}.stat-detail{font-size:.75rem;color:#6b7280;margin-top:4px}.stat-actions{margin-top:8px}@media (max-width: 768px){.unified-stats-grid{grid-template-columns:1fr;gap:16px}.unified-stat-card{padding:16px;gap:12px}.stat-icon{width:32px;height:32px}.stat-value{font-size:1.25rem}}.content-container{width:100%;max-width:none;padding:0;margin:0}.content-container .page-header,.content-container .page-section{margin-bottom:32px}.content-container .page-section:last-child{margin-bottom:0}.profile-info-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.profile-section-half{min-height:100%}.profile-section-half .unified-card{height:100%;display:flex;flex-direction:column}.profile-section-half .card-body,.profile-section-half .profile-form,.profile-section-half .address-form{flex:1;display:flex;flex-direction:column}.profile-section-half .form-actions{margin-top:auto}.profile-form,.address-form{padding:0}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:.875rem;color:var(--text-primary);background:var(--surface);transition:all .2s ease}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled,.form-input[readonly]{background:var(--surface-secondary);color:var(--text-secondary);cursor:not-allowed}.form-help{display:block;font-size:.75rem;color:#6b7280;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.form-row:last-child{margin-bottom:0}.form-actions{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.phone-input-group{display:flex;gap:12px;align-items:flex-end}.phone-input-group .form-input{flex:1}@media (max-width: 768px){.profile-info-container{grid-template-columns:1fr;gap:24px}.form-row{grid-template-columns:1fr;gap:0}.phone-input-group{flex-direction:column;align-items:stretch;gap:8px}}.security-info-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.security-section-half{min-height:100%}.security-section-half .unified-card{height:100%;display:flex;flex-direction:column}.security-section-half .card-body,.security-section-half .security-form{flex:1;display:flex;flex-direction:column}.security-section-half .form-actions{margin-top:auto}.security-section-half .totp-status{flex:1;display:flex;flex-direction:column;justify-content:center}@media (max-width: 768px){.security-info-container{grid-template-columns:1fr;gap:24px}}.key-info{display:flex;flex-direction:column;gap:4px}.key-name{font-weight:500;color:var(--text-primary)}.key-description{font-size:.875rem;color:var(--text-secondary)}.key-preview{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.875rem;background:var(--surface-secondary);padding:8px 12px;border-radius:6px;border:1px solid var(--border);display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-count{font-weight:500;color:var(--text-primary)}.action-buttons{display:flex;gap:8px;align-items:center}.action-buttons .btn{padding:6px 8px;min-width:auto}.unified-table table{width:100%;border-collapse:collapse;background:var(--surface)}.unified-table table th{background:var(--surface-secondary);border-bottom:1px solid var(--border);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-primary);font-size:.875rem}.unified-table table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.unified-table table tr:hover{background:var(--surface-secondary)}.unified-table table tr:last-child td{border-bottom:none}.security-notice{display:flex;gap:12px;padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--radius);margin-top:16px}.notice-icon{color:#d97706;flex-shrink:0}.notice-content{color:#92400e;font-size:.875rem}.key-display{margin:24px 0}.key-display label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.key-copy-group{display:flex;gap:8px}.key-copy-group input{flex:1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;background:#f8fafc;border:2px solid var(--border);padding:12px;border-radius:var(--radius);font-size:.875rem}.key-copy-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}.success-message{display:flex;align-items:center;gap:12px;padding:16px;background:#dcfce7;border:1px solid #16a34a;border-radius:var(--radius);margin-bottom:24px}.success-icon{color:#16a34a;flex-shrink:0}.warning-message{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #ef4444;border-radius:var(--radius)}.warning-icon{color:#ef4444;flex-shrink:0}.security-warning{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:24px 0}.security-warning p{color:var(--text-secondary);font-size:.875rem;margin:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal.modal-show{opacity:1}.modal-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal-show .modal-content{transform:scale(1)}.modal-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}.notification{position:fixed;top:20px;right:20px;max-width:400px;min-width:300px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border-left:4px solid var(--primary-color);z-index:9999;transform:translate(100%);transition:transform .3s ease;opacity:1}.notification.notification-show{transform:translate(0)}.notification.notification-success{border-left-color:var(--success-color)}.notification.notification-error{border-left-color:var(--error-color)}.notification.notification-warning{border-left-color:var(--warning-color)}.notification-content{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-message{flex:1;color:var(--text-primary);font-size:.875rem;line-height:1.4}.notification-close{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close:hover{background:var(--border);color:var(--text-primary)}.modal .form-group input:not(.form-input),.modal .form-group textarea:not(.form-input),.modal .form-group select:not(.form-input){width:100%;padding:12px 16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background-color:var(--surface-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:14px;transition:border-color .2s,box-shadow .2s}.modal .form-group input:not(.form-input):focus,.modal .form-group textarea:not(.form-input):focus,.modal .form-group select:not(.form-input):focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px var(--primary-color-alpha, rgba(59, 130, 246, .1))}[data-theme=dark] *::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] *::-webkit-scrollbar-track{background:var(--surface-primary)}[data-theme=dark] *::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] *{scrollbar-color:var(--border-color) var(--surface-primary)}@media (prefers-color-scheme: dark){:not([data-theme=light]) *::-webkit-scrollbar{width:8px;height:8px}:not([data-theme=light]) *::-webkit-scrollbar-track{background:var(--surface-primary)}:not([data-theme=light]) *::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}:not([data-theme=light]) *::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:not([data-theme=light]) *{scrollbar-color:var(--border-color) var(--surface-primary)}}.warning-text{display:block;font-size:12px;color:var(--warning-color);margin-top:4px;font-weight:500}.form-group .warning-text{margin-left:24px}html[data-theme=dark] .auth-header{background:#000!important}@media (prefers-color-scheme: dark){:root:not([data-theme]) .auth-header{background:#000!important}}html[data-theme=dark] .top-nav,html[data-theme=dark] .side-nav-header{background:#000;border-color:#2a2a2a}@media (prefers-color-scheme: dark){:root:not([data-theme]) .top-nav,:root:not([data-theme]) .side-nav-header{background:#000;border-color:#2a2a2a}}html[data-theme=dark] .auth-card .form-control,html[data-theme=dark] .auth-card .form-floating>.form-control{background:#fff!important;color:#1a1a1a!important;border-color:#d0d0d0!important}html[data-theme=dark] .auth-card .form-floating>label{color:#555!important}@media (prefers-color-scheme: dark){:root:not([data-theme]) .auth-card .form-control,:root:not([data-theme]) .auth-card .form-floating>.form-control{background:#fff!important;color:#1a1a1a!important;border-color:#d0d0d0!important}:root:not([data-theme]) .auth-card .form-floating>label{color:#555!important}}.users-page{width:100%;max-width:1600px;margin:0 auto}.users-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.users-page-heading{min-width:0}.users-page-eyebrow{display:block;margin-bottom:6px;color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.users-page-heading h1{margin:0;color:var(--text-primary);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.users-page-heading p{margin:8px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.users-create-button.btn-primary{min-height:42px;padding:10px 16px!important;border-radius:9px;font-size:.875rem;font-weight:650;line-height:1;white-space:nowrap}.users-create-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.users-page>.alert{opacity:1;transform:none}.users-panel{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a09}.users-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:11px 16px;border-bottom:1px solid var(--border)}.users-search{position:relative;width:min(100%,420px)}.users-search svg{position:absolute;top:50%;left:13px;width:18px;height:18px;fill:none;stroke:var(--text-secondary);stroke-linecap:round;stroke-width:1.8;transform:translateY(-50%);pointer-events:none}.users-search input{width:100%;height:40px;padding:0 14px 0 41px;color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.users-search input::placeholder{color:var(--text-secondary);opacity:.8}.users-search input:focus{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.users-result-count{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.users-result-count strong{color:var(--text-primary);font-weight:650}.users-table-scroll{width:100%;overflow:visible}.users-table{width:100%;border-spacing:0;border-collapse:separate;table-layout:fixed}.users-table th{height:42px;padding:0 12px;color:var(--text-secondary);background:var(--surface-secondary);border-bottom:1px solid var(--border);font-size:.6875rem;font-weight:700;letter-spacing:.065em;line-height:1;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table th:first-child,.users-table td:first-child{padding-left:16px}.users-table th:last-child,.users-table td:last-child{padding-right:16px;text-align:right}.users-table td{height:64px;padding:10px 12px;color:var(--text-primary);border-bottom:1px solid var(--border);font-size:.8375rem;vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr{transition:background-color .15s ease}.users-table tbody tr:hover{background:var(--surface-hover)}.users-table th.users-col-user,.users-table th.users-col-email{width:20%}.users-table th.users-col-roles{width:9%}.users-table th.users-col-status{width:19%}.users-table th.users-col-security{width:10%}.users-table th.users-col-created,.users-table th.users-col-actions{width:11%}.users-identity{display:flex;align-items:center;min-width:0;gap:11px}.users-identity-link{color:inherit;text-decoration:none}.users-identity-link:hover strong{color:var(--primary-color)}.users-avatar{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;color:#fff;background:linear-gradient(145deg,#1683d8,#0b65ad);border:1px solid rgb(255 255 255 / .14);border-radius:11px;box-shadow:inset 0 1px #ffffff26;font-size:.75rem;font-weight:700;letter-spacing:.025em}.users-identity-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.users-identity-copy strong{overflow:hidden;max-width:190px;color:var(--text-primary);font-size:.8625rem;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.users-id{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.675rem;letter-spacing:.015em;line-height:1.3}.users-email-compact{display:none;overflow:hidden;color:var(--text-secondary);font-size:.7rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.users-email,.users-created{display:block;overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap}.users-badge-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.users-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:.6875rem;font-weight:650;letter-spacing:.012em;line-height:1;text-transform:capitalize;white-space:nowrap}.users-role-user{color:#075985;background:#e0f2fe;border-color:#bae6fd}.users-role-developer{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}.users-role-support{color:#a16207;background:#fef9c3;border-color:#fef08a}.users-role-admin{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.users-status-dot{width:6px;height:6px;margin-right:5px;background:currentColor;border-radius:50%;box-shadow:0 0 0 2px #fff9}.users-status-active{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.users-status-inactive{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.users-status-verified{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.users-status-unverified{color:#a16207;background:#fef9c3;border-color:#fef08a}.users-security svg{width:12px;height:12px;margin-right:5px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.users-security-enabled{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.users-security-disabled{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.users-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap}.users-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 8px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:7px;font:inherit;font-size:.7375rem;font-weight:600;line-height:1;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.users-action:hover{color:var(--text-primary);background:var(--surface-secondary);border-color:var(--border)}.users-action-primary{color:var(--text-primary);background:var(--surface);border-color:var(--border);box-shadow:0 1px 1px #0f172a0a}.users-action-primary:hover{color:var(--primary-color);border-color:var(--primary-color)}.users-action-danger{width:30px;padding:0;color:var(--text-secondary)}.users-action-icon{width:30px;padding:0}.users-action-icon svg,.users-action-danger svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.users-action-danger svg{stroke-width:1.7}.users-action-danger:hover{color:var(--error-color);background:var(--error-bg);border-color:var(--error-border)}.users-action:focus-visible,.user-admin-cancel:focus-visible,.user-role-option:focus-within,.user-toggle-card:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.users-loading-state,.users-empty-state{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;padding:48px 24px;text-align:center}.users-loading-state{gap:12px;color:var(--text-secondary);font-size:.875rem}.users-loading-state .loading-spinner{width:28px;height:28px;margin:0}.users-empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:13px}.users-empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.users-empty-state h2{margin:0;color:var(--text-primary);font-size:1rem;font-weight:650}.users-empty-state p{margin:6px 0 0;color:var(--text-secondary);font-size:.875rem}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.user-admin-modal{padding:24px;background:#020617ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-admin-modal .modal-content{width:min(760px,100%);max-width:760px;max-height:min(900px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px #02061747,0 4px 18px #02061729}.user-admin-modal .modal-header{min-height:72px;padding:20px 28px;background:var(--surface);border-bottom:1px solid var(--border)}.user-admin-modal .modal-title,.user-admin-modal .modal-header h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;letter-spacing:-.015em}.user-admin-modal .modal-close{width:34px;height:34px;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px;font-size:1.45rem;line-height:1}.user-admin-modal .modal-close:hover{color:var(--text-primary);background:var(--surface-secondary);border-color:var(--border)}.user-admin-modal .modal-body{max-height:calc(100vh - 120px);padding:0;overflow-y:auto;overscroll-behavior:contain}.user-admin-form{padding:24px 28px 28px}.user-admin-form-intro{margin:0 0 22px;color:var(--text-secondary);font-size:.875rem;line-height:1.55}.user-admin-editing{display:flex;align-items:center;gap:12px;margin:0 0 24px;padding:14px 16px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:11px}.user-admin-editing>div:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.user-admin-editing strong{color:var(--text-primary);font-size:.875rem;font-weight:650}.user-admin-editing span{overflow:hidden;color:var(--text-secondary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.user-admin-form-section{margin:0;padding:0 0 26px}.user-admin-form-section+.user-admin-form-section{padding-top:26px;border-top:1px solid var(--border)}.user-admin-section-heading{margin-bottom:16px}.user-admin-section-heading h4{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:700;letter-spacing:-.005em;line-height:1.4}.user-admin-section-heading p{margin:3px 0 0;color:var(--text-secondary);font-size:.75rem;line-height:1.45}.user-admin-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.user-admin-field{min-width:0}.user-admin-field-full{grid-column:1 / -1}.user-admin-field label{display:block;margin:0 0 7px;color:var(--text-primary);font-size:.75rem;font-weight:650;line-height:1.4}.user-admin-modal .user-admin-field .form-control{width:100%;height:42px;padding:9px 12px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.875rem;line-height:1.4}.user-admin-modal .user-admin-field .form-control:hover{border-color:var(--text-secondary)}.user-admin-modal .user-admin-field .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.user-admin-field-help{display:block;margin-top:6px;color:var(--text-secondary);font-size:.6875rem;line-height:1.45}.user-role-options,.user-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-role-option,.user-toggle-card{display:flex;min-width:0;min-height:70px;align-items:center;gap:11px;margin:0;padding:13px 14px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.user-role-option:hover,.user-toggle-card:hover{background:var(--surface-hover);border-color:var(--text-secondary)}.user-role-option.selected{background:var(--success-bg);border-color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.user-role-option>span,.user-toggle-card>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.user-role-option strong,.user-toggle-card strong{color:var(--text-primary);font-size:.775rem;font-weight:650;line-height:1.35;text-transform:capitalize}.user-role-option small,.user-toggle-card small{color:var(--text-secondary);font-size:.675rem;line-height:1.4}.user-admin-modal .form-check-input{position:relative;flex:0 0 18px;width:18px!important;min-width:18px;max-width:18px;height:18px!important;min-height:18px;margin:0!important;padding:0!important;background-color:var(--surface);border:1.5px solid var(--border);border-radius:5px}.user-admin-modal .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.user-admin-modal .form-check-input:checked:after{top:2px;left:5px;width:4px;height:8px}.user-toggle-card{justify-content:space-between}.user-toggle-card .form-check-input{order:2}.user-toggle-card-full{grid-column:1 / -1}.user-admin-invite-limit{max-width:260px;margin-top:16px}.user-admin-form .alert{margin:0 0 18px;opacity:1;transform:none}.user-admin-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 -28px -28px;padding:16px 28px;background:var(--surface-secondary);border-top:1px solid var(--border)}.user-admin-form-actions .btn-primary{min-width:118px;min-height:40px;padding:9px 16px!important;font-size:.8125rem;font-weight:650;line-height:1}.user-admin-cancel{min-height:40px;padding:9px 16px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.user-admin-cancel:hover{background:var(--surface-hover);border-color:var(--text-secondary)}.user-details-page{width:100%;max-width:1280px;margin:0 auto}.user-details-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-decoration:none}.user-details-back:hover{color:var(--primary-color)}.user-details-back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.user-details-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.user-details-header-main{min-width:0}.user-details-header h1{margin:0;overflow-wrap:anywhere;color:var(--text-primary);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.user-details-header p{margin:8px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.user-details-header-save.btn-primary,.user-details-save-bar .btn-primary{min-height:42px;padding:10px 18px!important;border-radius:9px;font-size:.8375rem;font-weight:650;white-space:nowrap}.user-details-page>.alert{margin-bottom:18px;opacity:1;transform:none}.user-details-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.user-details-layout-create{grid-template-columns:minmax(0,920px)}.user-details-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a08}.user-details-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.user-details-card-header h2,.user-details-not-found h2{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.4}.user-details-card-header p,.user-details-not-found p{margin:3px 0 0;color:var(--text-secondary);font-size:.75rem;line-height:1.45}.user-details-form{padding:26px 24px 0}.user-details-form fieldset{min-width:0;border:0}.user-details-form .user-admin-form-section:last-of-type{padding-bottom:26px}.user-details-form .user-admin-section-heading{display:block;width:100%;padding:0}.user-details-form .user-admin-section-heading span{display:block;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.4}.user-details-form .user-admin-section-heading small{display:block;margin-top:3px;color:var(--text-secondary);font-size:.75rem;font-weight:400;line-height:1.45}.user-details-page .user-admin-field .form-control{width:100%;height:42px;padding:9px 12px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:.875rem;line-height:1.4}.user-details-page .user-admin-field .form-control:hover{border-color:var(--text-secondary)}.user-details-page .user-admin-field .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.user-details-page .form-check-input{position:relative;flex:0 0 18px;width:18px!important;min-width:18px;max-width:18px;height:18px!important;min-height:18px;margin:0!important;padding:0!important;background-color:var(--surface);border:1.5px solid var(--border);border-radius:5px}.user-details-page .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.user-details-page .form-check-input:checked:after{top:2px;left:5px;width:4px;height:8px}.user-details-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 -24px;padding:16px 24px;background:var(--surface-secondary);border-top:1px solid var(--border)}.user-details-sidebar{display:grid;gap:20px;min-width:0}.user-details-summary{padding:22px}.user-details-profile{display:flex;align-items:center;gap:13px;min-width:0}.user-details-avatar{flex-basis:46px;width:46px;height:46px;border-radius:13px;font-size:.875rem}.user-details-profile>div:last-child{min-width:0}.user-details-profile h2{margin:0;overflow:hidden;color:var(--text-primary);font-size:.925rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.user-details-profile p{margin:3px 0 0;overflow:hidden;color:var(--text-secondary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.user-details-badges{margin-top:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.user-details-meta{display:grid;gap:0;margin:0}.user-details-meta>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.user-details-meta>div:last-child{padding-bottom:0;border-bottom:0}.user-details-meta dt,.user-details-meta dd{margin:0;font-size:.725rem;line-height:1.45}.user-details-meta dt{color:var(--text-secondary)}.user-details-meta dd{overflow-wrap:anywhere;color:var(--text-primary);font-weight:600;text-align:right}.user-details-meta .user-details-id{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.65rem}.user-details-actions-list{display:grid;padding:8px}.user-details-actions-list button{display:flex;align-items:flex-start;flex-direction:column;gap:2px;width:100%;padding:12px;color:var(--text-primary);background:transparent;border:0;border-radius:8px;font:inherit;text-align:left;cursor:pointer}.user-details-actions-list button:hover{background:var(--surface-hover)}.user-details-actions-list button:disabled{cursor:wait;opacity:.55}.user-details-actions-list button span{font-size:.775rem;font-weight:650;line-height:1.4}.user-details-actions-list button small{color:var(--text-secondary);font-size:.675rem;line-height:1.4}.user-details-actions-list .user-details-delete span{color:var(--error-color)}.user-details-actions-list .user-details-delete:hover{background:var(--error-bg)}.user-delete-dialog{padding:20px;background:#020617ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-delete-dialog .modal-content{width:min(100%,480px);max-width:480px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px #02061747,0 4px 18px #02061729;transform:translateY(0) scale(1)!important}.user-delete-dialog .modal-header{min-height:68px;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.user-delete-dialog .modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.user-delete-dialog .modal-close{width:34px;height:34px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px}.user-delete-dialog .modal-close:hover{color:var(--text-primary);background:var(--surface-secondary);border-color:var(--border)}.user-delete-dialog .modal-body{padding:24px 22px}.user-delete-dialog-content{display:flex;align-items:flex-start;gap:16px}.user-delete-dialog-icon{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;color:var(--error-color);background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px}.user-delete-dialog-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.user-delete-dialog-copy{min-width:0;flex:1}.user-delete-dialog-copy>p{margin:0;color:var(--text-primary);font-size:.8375rem;line-height:1.55}.user-delete-dialog-account{display:flex;align-items:center;gap:11px;margin:17px 0;padding:12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:10px}.user-delete-dialog-account>div:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.user-delete-dialog-account strong,.user-delete-dialog-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-delete-dialog-account strong{color:var(--text-primary);font-size:.8rem;font-weight:650}.user-delete-dialog-account span{color:var(--text-secondary);font-size:.7rem}.user-delete-dialog-copy ul{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--text-secondary);font-size:.75rem;line-height:1.45}.user-delete-dialog .modal-footer{gap:10px;padding:16px 22px;background:var(--surface-secondary);border-top:1px solid var(--border)}.user-delete-dialog .modal-footer .btn{min-width:112px;min-height:40px;padding:9px 16px;border-radius:8px;font-size:.8rem;font-weight:650}.user-details-loading,.user-details-not-found{min-height:320px}.user-details-not-found{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px 24px;text-align:center}.user-details-not-found .btn{margin-top:18px}html[data-theme=dark] .users-role-user,html[data-theme=dark] .users-status-verified{color:#93c5fd;background:#2563eb24;border-color:#60a5fa4d}html[data-theme=dark] .users-role-admin{color:#c4b5fd;background:#7c3aed26;border-color:#a78bfa4d}html[data-theme=dark] .users-role-developer{color:#99f6e4;background:#0d948824;border-color:#2dd4bf47}html[data-theme=dark] .users-role-support{color:#fde68a;background:#ca8a0424;border-color:#facc1542}html[data-theme=dark] .users-status-active,html[data-theme=dark] .users-security-enabled{color:#86efac;background:#16a34a24;border-color:#4ade8047}html[data-theme=dark] .users-status-inactive,html[data-theme=dark] .users-security-disabled{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b83d}html[data-theme=dark] .users-status-unverified{color:#fde68a;background:#ca8a0424;border-color:#facc1542}@media (prefers-color-scheme: dark){:root:not([data-theme]) .users-role-user,:root:not([data-theme]) .users-status-verified{color:#93c5fd;background:#2563eb24;border-color:#60a5fa4d}:root:not([data-theme]) .users-role-admin{color:#c4b5fd;background:#7c3aed26;border-color:#a78bfa4d}:root:not([data-theme]) .users-role-developer{color:#99f6e4;background:#0d948824;border-color:#2dd4bf47}:root:not([data-theme]) .users-role-support{color:#fde68a;background:#ca8a0424;border-color:#facc1542}:root:not([data-theme]) .users-status-active,:root:not([data-theme]) .users-security-enabled{color:#86efac;background:#16a34a24;border-color:#4ade8047}:root:not([data-theme]) .users-status-inactive,:root:not([data-theme]) .users-security-disabled{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b83d}:root:not([data-theme]) .users-status-unverified{color:#fde68a;background:#ca8a0424;border-color:#facc1542}}@media (max-width: 1440px){.users-table .users-col-email,.users-table .users-col-created{display:none}.users-email-compact{display:block}.users-table th.users-col-user{width:33%}.users-table th.users-col-roles{width:11%}.users-table th.users-col-status{width:23%}.users-table th.users-col-security{width:13%}.users-table th.users-col-actions{width:20%}}@media (max-width: 1050px){.user-details-layout{grid-template-columns:minmax(0,1fr)}.user-details-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.users-panel{overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}.users-toolbar{margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.users-table,.users-table tbody{display:block;width:100%}.users-table thead{display:none}.users-table tbody{display:grid;gap:10px}.users-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0f172a09}.users-table tbody tr:hover{background:var(--surface)}.users-table td,.users-table td:first-child,.users-table td:last-child{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;width:100%;height:auto;min-height:34px;padding:7px 0;text-align:left;border:0}.users-table td[data-label]:before{content:attr(data-label);color:var(--text-secondary);font-size:.675rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.users-table td.users-col-user{display:block;padding:0 0 12px;border-bottom:1px solid var(--border)}.users-table td.users-col-email{display:none}.users-table td.users-col-created{display:grid}.users-identity-copy strong{max-width:none}.users-badge-list{min-width:0}.users-table td.users-col-actions{display:block;margin-top:6px;padding:12px 0 0;border-top:1px solid var(--border)}.users-actions{justify-content:flex-start}}@media (max-width: 768px){.content-area:has(.users-page){padding:20px 16px}.content-area:has(.user-details-page){padding:20px 16px}.user-details-header{align-items:stretch;flex-direction:column;gap:16px}.user-details-header-save.btn-primary{align-self:flex-start;width:auto;margin:0!important}.user-details-sidebar{grid-template-columns:minmax(0,1fr)}.user-details-card-header,.user-details-form{padding-right:18px;padding-left:18px}.user-details-save-bar{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.users-page-header{align-items:stretch;flex-direction:column;margin-bottom:20px}.users-create-button.btn-primary{align-self:flex-start;width:auto;margin:0!important}.users-toolbar{align-items:stretch;flex-direction:column;gap:10px}.users-search{width:100%}.users-result-count{padding-left:2px}.user-admin-modal{align-items:flex-end;padding:0}.user-admin-modal .modal-content{width:100%;max-height:calc(100dvh - 16px);margin:16px 0 0;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.user-admin-modal .modal-header{min-height:64px;padding:16px 20px}.user-admin-modal .modal-body{max-height:calc(100dvh - 80px)}.user-admin-form{padding:22px 20px 24px}.user-admin-field-grid,.user-role-options,.user-toggle-grid{grid-template-columns:1fr}.user-toggle-card-full{grid-column:auto}.user-admin-form-actions{margin:0 -20px -24px;padding:14px 20px calc(14px + env(safe-area-inset-bottom))}}@media (max-width: 480px){.users-page-heading h1,.user-details-header h1{font-size:1.65rem}.user-details-save-bar>*{flex:1;text-align:center}.user-delete-dialog{align-items:flex-end;padding:0}.user-delete-dialog .modal-content{width:100%;margin-top:16px;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.user-delete-dialog-content{gap:12px}.user-delete-dialog .modal-footer .btn{min-width:0;flex:1}.user-admin-form-actions>*{flex:1}}.applications-toolbar{min-height:68px}.applications-filters{display:flex;align-items:center;gap:10px;width:min(100%,660px)}.applications-filters .users-search{flex:1}.applications-group-filter{width:190px;height:40px;padding:0 34px 0 12px;color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:.8125rem;outline:none}.applications-group-filter:focus{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.applications-table th.applications-col-app{width:32%}.applications-table th.applications-col-group{width:14%}.applications-table th.applications-col-access{width:18%}.applications-table th.applications-col-status{width:14%}.applications-table th.applications-col-launcher{width:10%}.applications-table th.applications-col-actions{width:12%}.applications-identity{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}.applications-identity:hover strong{color:var(--primary-color)}.applications-icon{display:flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;object-fit:cover;color:#fff;background:var(--surface-secondary);border:1px solid var(--border);border-radius:10px;font-size:.8rem;font-weight:750}.applications-icon-fallback{background:linear-gradient(145deg,#6d5bd0,#4c3daf);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff29}.applications-identity-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.applications-identity-copy strong{overflow:hidden;color:var(--text-primary);font-size:.8625rem;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.applications-shortcode{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.675rem;line-height:1.3}.applications-description{display:-webkit-box;overflow:hidden;max-width:440px;color:var(--text-secondary);font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:1}.applications-group{display:block;overflow:hidden;color:var(--text-secondary);font-size:.775rem;text-overflow:ellipsis;white-space:nowrap}.applications-visibility-public{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.applications-visibility-private{color:#a16207;background:#fef9c3;border-color:#fef08a}.applications-role-count{color:#475569;background:#f1f5f9;border-color:#e2e8f0;text-transform:none}.applications-launcher{color:var(--text-secondary);font-size:.775rem}.applications-launcher.is-visible{color:var(--text-primary);font-weight:600}.applications-row-disabled .applications-identity,.applications-row-disabled .applications-col-group,.applications-row-disabled .applications-col-access,.applications-row-disabled .applications-col-launcher{opacity:.6}.applications-table .users-action:disabled{cursor:wait;opacity:.5}html[data-theme=dark] .applications-visibility-public{color:#86efac;background:#16a34a24;border-color:#4ade8047}html[data-theme=dark] .applications-visibility-private{color:#fde68a;background:#ca8a0424;border-color:#facc1542}html[data-theme=dark] .applications-role-count{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b83d}@media (prefers-color-scheme: dark){:root:not([data-theme]) .applications-visibility-public{color:#86efac;background:#16a34a24;border-color:#4ade8047}:root:not([data-theme]) .applications-visibility-private{color:#fde68a;background:#ca8a0424;border-color:#facc1542}:root:not([data-theme]) .applications-role-count{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b83d}}.app-details-page textarea.form-control{height:auto;min-height:96px;resize:vertical}.app-details-page select.form-control{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.app-callback-field{margin-top:20px}.app-callback-list{display:grid;gap:9px}.app-callback-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px}.app-callback-row button,.app-add-callback{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit;cursor:pointer}.app-callback-row button{width:38px;height:42px}.app-callback-row button:hover:not(:disabled),.app-add-callback:hover{color:var(--primary-color);background:var(--surface-hover);border-color:var(--primary-color)}.app-callback-row button:disabled{cursor:not-allowed;opacity:.4}.app-callback-row svg,.app-add-callback svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.app-add-callback{gap:6px;min-height:36px;margin-top:10px;padding:7px 11px;font-size:.75rem;font-weight:600}.app-visibility-field{max-width:300px;margin-bottom:20px}.app-details-subheading{display:flex;flex-direction:column;gap:3px;margin-bottom:11px}.app-details-subheading strong{color:var(--text-primary);font-size:.75rem;font-weight:650}.app-details-subheading span{color:var(--text-secondary);font-size:.6875rem;line-height:1.4}.app-auth-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app-insecure-toggle:has(.form-check-input:checked){background:var(--error-bg);border-color:var(--error-border)}.app-details-icon-large{flex-basis:46px;width:46px;height:46px;border-radius:13px;font-size:.925rem}.app-details-open-wrap{padding:12px 12px 4px}.app-details-open{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:9px 11px;color:var(--text-primary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;font-size:.775rem;font-weight:650;text-decoration:none}.app-details-open:hover{color:var(--primary-color);border-color:var(--primary-color)}.app-details-open svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.app-details-actions-list{padding-top:4px}@media (max-width: 1200px){.applications-table .applications-col-group,.applications-table .applications-col-launcher{display:none}.applications-table th.applications-col-app{width:40%}.applications-table th.applications-col-access{width:22%}.applications-table th.applications-col-status{width:17%}.applications-table th.applications-col-actions{width:21%}}@media (max-width: 850px){.app-auth-methods{grid-template-columns:minmax(0,1fr)}}@media (max-width: 700px){.applications-table td.applications-col-app{display:block;padding:0 0 12px;border-bottom:1px solid var(--border)}.applications-table td.applications-col-group,.applications-table td.applications-col-launcher{display:grid}.applications-table td.applications-col-actions{display:block;margin-top:6px;padding:12px 0 0;border-top:1px solid var(--border)}.applications-description{max-width:none;-webkit-line-clamp:2}}@media (max-width: 600px){.applications-filters{align-items:stretch;flex-direction:column}.applications-group-filter{width:100%}}.audit-page-header{align-items:flex-end}.audit-refresh-button,.audit-clear-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.audit-refresh-button{min-height:42px;padding:9px 14px}.audit-refresh-button:hover:not(:disabled),.audit-clear-button:hover{color:var(--primary-color);background:var(--surface-hover);border-color:var(--primary-color)}.audit-refresh-button:disabled{cursor:wait;opacity:.6}.audit-refresh-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.audit-filter-card{margin-bottom:18px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a09}.audit-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.audit-filter-heading h2,.audit-results-header h2{margin:0;color:var(--text-primary);font-size:.875rem;font-weight:700;line-height:1.4}.audit-filter-heading p,.audit-results-header p{margin:2px 0 0;color:var(--text-secondary);font-size:.7rem;line-height:1.4}.audit-clear-button{min-height:34px;padding:7px 10px;background:transparent;font-size:.7375rem}.audit-filter-grid{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(128px,.75fr)) auto;gap:12px;align-items:end;padding:16px 18px 18px}.audit-filter-field{min-width:0}.audit-filter-field label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.035em;line-height:1.3;text-transform:uppercase}.audit-filter-field input,.audit-filter-field select{width:100%;height:40px;padding:0 11px;color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.8rem;outline:none}.audit-filter-field input:focus,.audit-filter-field select:focus{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.audit-search-input{position:relative}.audit-search-input svg{position:absolute;top:50%;left:11px;width:17px;height:17px;fill:none;stroke:var(--text-secondary);stroke-linecap:round;stroke-width:1.8;transform:translateY(-50%);pointer-events:none}.audit-search-input input{padding-left:36px}.audit-apply-button.btn-primary{min-height:40px;margin:0!important;padding:9px 14px!important;border-radius:8px;font-size:.775rem;font-weight:650;white-space:nowrap}.audit-panel{min-width:0}.audit-results-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:12px 16px;border-bottom:1px solid var(--border)}.audit-table-modern th.audit-col-time{width:16%}.audit-table-modern th.audit-col-event{width:18%}.audit-table-modern th.audit-col-actor{width:20%}.audit-table-modern th.audit-col-source{width:14%}.audit-table-modern th.audit-col-status{width:11%}.audit-table-modern th.audit-col-details{width:13%}.audit-table-modern th.audit-col-actions{width:8%}.audit-row-failure,.audit-row-error{background:linear-gradient(90deg,var(--error-bg),transparent 32%)}.audit-timestamp,.audit-event-cell>div,.audit-actor-cell,.audit-source-cell{display:flex;min-width:0;flex-direction:column;gap:2px}.audit-timestamp{color:inherit;font-style:normal}.audit-timestamp strong,.audit-event-cell strong,.audit-actor-cell strong,.audit-source-cell strong{overflow:hidden;color:var(--text-primary);font-size:.775rem;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.audit-timestamp span,.audit-event-cell span,.audit-actor-cell span,.audit-source-cell span{overflow:hidden;color:var(--text-secondary);font-size:.675rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.audit-event-cell{display:flex;align-items:center;gap:9px;min-width:0}.audit-event-dot{flex:0 0 8px;width:8px;height:8px;background:#64748b;border-radius:50%;box-shadow:0 0 0 3px #64748b21}.audit-category-authentication,.audit-category-authorization{background:#2563eb;box-shadow:0 0 0 3px #2563eb21}.audit-category-user_management{background:#7c3aed;box-shadow:0 0 0 3px #7c3aed21}.audit-category-application,.audit-category-api_access{background:#0891b2;box-shadow:0 0 0 3px #0891b221}.audit-category-billing{background:#d97706;box-shadow:0 0 0 3px #d9770621}.audit-status{text-transform:capitalize}.audit-status-success{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.audit-status-failure,.audit-status-error{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.audit-status-pending{color:#a16207;background:#fef9c3;border-color:#fef08a}.audit-details-summary{display:block;overflow:hidden;color:var(--text-secondary);font-size:.725rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.audit-col-actions .users-action{margin-left:auto}.audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:11px 16px;background:var(--surface-secondary);border-top:1px solid var(--border)}.audit-pagination>span{color:var(--text-secondary);font-size:.75rem}.audit-pagination>span strong{color:var(--text-primary);font-weight:650}.audit-pagination>div{display:flex;align-items:center;gap:8px}.audit-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:7px 10px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.7375rem;font-weight:600;cursor:pointer}.audit-pagination button:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.audit-pagination button:disabled{cursor:not-allowed;opacity:.45}.audit-pagination svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}html[data-theme=dark] .audit-status-success{color:#86efac;background:#16a34a24;border-color:#4ade8047}html[data-theme=dark] .audit-status-failure,html[data-theme=dark] .audit-status-error{color:#fca5a5;background:#dc262621;border-color:#f8717147}html[data-theme=dark] .audit-status-pending{color:#fde68a;background:#ca8a0424;border-color:#facc1542}@media (prefers-color-scheme: dark){:root:not([data-theme]) .audit-status-success{color:#86efac;background:#16a34a24;border-color:#4ade8047}:root:not([data-theme]) .audit-status-failure,:root:not([data-theme]) .audit-status-error{color:#fca5a5;background:#dc262621;border-color:#f8717147}:root:not([data-theme]) .audit-status-pending{color:#fde68a;background:#ca8a0424;border-color:#facc1542}}.audit-detail-modal{padding:24px;background:#020617ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.audit-detail-modal .modal-content{width:min(760px,100%);max-width:760px;max-height:calc(100dvh - 48px);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px #02061747,0 4px 18px #02061729;transform:translateY(0) scale(1)!important}.audit-detail-modal .modal-header{min-height:68px;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.audit-detail-modal .modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.audit-detail-modal .modal-close{width:34px;height:34px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px}.audit-detail-modal .modal-close:hover{color:var(--text-primary);background:var(--surface-secondary);border-color:var(--border)}.audit-detail-modal .modal-body{max-height:calc(100dvh - 116px);padding:0;overflow-y:auto}.audit-detail-content{padding:22px}.audit-detail-hero{display:flex;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--border)}.audit-detail-hero-icon{display:flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px;height:48px;color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:13px}.audit-detail-hero-failure,.audit-detail-hero-error{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.audit-detail-hero-pending{color:#a16207;background:#fef9c3;border-color:#fef08a}.audit-detail-hero-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.audit-detail-hero>div:last-child{min-width:0}.audit-detail-hero h3{margin:8px 0 0;color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.35}.audit-detail-hero p{margin:2px 0 0;color:var(--text-secondary);font-size:.75rem;line-height:1.45}.audit-detail-section,.audit-detail-json-section{padding:22px 0;border-bottom:1px solid var(--border)}.audit-detail-json-section:last-child,.audit-detail-section:last-child{padding-bottom:0;border-bottom:0}.audit-detail-section h4,.audit-detail-json-section h4{margin:0 0 13px;color:var(--text-primary);font-size:.8rem;font-weight:700;line-height:1.4}.audit-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.audit-detail-grid>div{min-width:0;padding:12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:9px}.audit-detail-grid>.audit-detail-grid-full{grid-column:1 / -1}.audit-detail-grid dt,.audit-detail-grid dd{margin:0;overflow-wrap:anywhere}.audit-detail-grid dt{margin-bottom:4px;color:var(--text-secondary);font-size:.65rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.audit-detail-grid dd{color:var(--text-primary);font-size:.75rem;font-weight:550;line-height:1.45}.audit-detail-grid .audit-detail-error{background:var(--error-bg);border-color:var(--error-border)}.audit-detail-grid .audit-detail-error dd{color:var(--error-color)}.audit-detail-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.675rem!important}.audit-detail-json-section pre{max-height:280px;margin:0;padding:14px;overflow:auto;color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:9px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.6875rem;line-height:1.55;white-space:pre-wrap}@media (max-width: 1300px){.audit-table-modern .audit-col-details{display:none}.audit-table-modern th.audit-col-time{width:18%}.audit-table-modern th.audit-col-event{width:22%}.audit-table-modern th.audit-col-actor{width:25%}.audit-table-modern th.audit-col-source{width:15%}.audit-table-modern th.audit-col-status{width:12%}.audit-table-modern th.audit-col-actions{width:8%}}@media (max-width: 1120px){.audit-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-filter-search{grid-column:span 2}}@media (max-width: 1000px){.audit-table-modern .audit-col-source{display:none}.audit-table-modern th.audit-col-time{width:22%}.audit-table-modern th.audit-col-event,.audit-table-modern th.audit-col-actor{width:27%}.audit-table-modern th.audit-col-status{width:15%}.audit-table-modern th.audit-col-actions{width:9%}}@media (max-width: 700px){.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-filter-search{grid-column:1 / -1}.audit-apply-button{align-self:end}.audit-table-modern td.audit-col-source,.audit-table-modern td.audit-col-details{display:grid}.audit-table-modern td.audit-col-actions{display:block;margin-top:6px;padding:12px 0 0;border-top:1px solid var(--border)}.audit-col-actions .users-action{margin-left:0}.audit-row-failure,.audit-row-error{border-left:3px solid var(--error-color)!important}.audit-details-summary{white-space:normal}}@media (max-width: 600px){.audit-detail-modal{align-items:flex-end;padding:0}.audit-detail-modal .modal-content{width:100%;max-height:calc(100dvh - 16px);margin-top:16px;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.audit-detail-modal .modal-body{max-height:calc(100dvh - 84px)}.audit-detail-grid{grid-template-columns:minmax(0,1fr)}.audit-detail-grid>.audit-detail-grid-full{grid-column:auto}}@media (max-width: 520px){.audit-filter-heading{align-items:flex-start;flex-direction:column;gap:10px}.audit-filter-grid{grid-template-columns:minmax(0,1fr)}.audit-filter-search{grid-column:auto}.audit-apply-button.btn-primary{width:100%}.audit-pagination{align-items:stretch;flex-direction:column;gap:10px}.audit-pagination>div,.audit-pagination button{flex:1}.audit-detail-content{padding:18px}}.leads-page-header{align-items:flex-end}.lead-filter-grid{grid-template-columns:minmax(260px,1fr) minmax(190px,240px) auto}.leads-table th.leads-col-email{width:31%}.leads-table th.leads-col-status{width:14%}.leads-table th.leads-col-source{width:12%}.leads-table th.leads-col-engagement{width:13%}.leads-table th.leads-col-created,.leads-table th.leads-col-converted{width:12%}.leads-table th.leads-col-actions{width:6%}.lead-identity{display:flex;align-items:center;gap:11px;min-width:0;max-width:100%;padding:0;color:inherit;background:transparent;border:0;font:inherit;text-align:left;cursor:pointer}.lead-identity:hover strong{color:var(--primary-color)}.lead-avatar,.lead-detail-avatar{display:inline-flex;flex:0 0 36px;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background:linear-gradient(145deg,#0f9f9a,#08736f);border:1px solid rgb(255 255 255 / .14);border-radius:11px;box-shadow:inset 0 1px #ffffff26;font-size:.775rem;font-weight:750}.lead-identity-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.lead-identity-copy strong{overflow:hidden;max-width:360px;color:var(--text-primary);font-size:.8375rem;font-weight:650;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.lead-identity-copy span{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.65rem;line-height:1.3}.lead-status{text-transform:capitalize}.lead-status-converted{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.lead-status-verified{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.lead-status-unverified{color:#a16207;background:#fef9c3;border-color:#fef08a}.lead-source{display:block;overflow:hidden;color:var(--text-secondary);font-size:.775rem;text-overflow:ellipsis;white-space:nowrap}.lead-engagement{display:inline-flex;align-items:baseline;gap:4px;color:var(--text-secondary);font-size:.7rem}.lead-engagement strong{color:var(--text-primary);font-size:.825rem;font-weight:700}.lead-date{display:block;overflow:hidden;color:var(--text-secondary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.leads-col-actions .users-action{margin-left:auto}.lead-empty-icon svg{stroke-width:1.6}.lead-detail-avatar{flex-basis:48px;width:48px;height:48px;border-radius:13px;font-size:.925rem}.lead-detail-hero h3{overflow-wrap:anywhere}.lead-user-link{color:var(--primary-color);font-weight:650;text-decoration:none}.lead-user-link:hover{text-decoration:underline}html[data-theme=dark] .lead-status-converted{color:#c4b5fd;background:#7c3aed26;border-color:#a78bfa4d}html[data-theme=dark] .lead-status-verified{color:#86efac;background:#16a34a24;border-color:#4ade8047}html[data-theme=dark] .lead-status-unverified{color:#fde68a;background:#ca8a0424;border-color:#facc1542}@media (prefers-color-scheme: dark){:root:not([data-theme]) .lead-status-converted{color:#c4b5fd;background:#7c3aed26;border-color:#a78bfa4d}:root:not([data-theme]) .lead-status-verified{color:#86efac;background:#16a34a24;border-color:#4ade8047}:root:not([data-theme]) .lead-status-unverified{color:#fde68a;background:#ca8a0424;border-color:#facc1542}}@media (max-width: 1300px){.leads-table .leads-col-engagement{display:none}.leads-table th.leads-col-email{width:36%}.leads-table th.leads-col-status{width:16%}.leads-table th.leads-col-source{width:14%}.leads-table th.leads-col-created{width:15%}.leads-table th.leads-col-converted{width:12%}.leads-table th.leads-col-actions{width:7%}}@media (max-width: 1000px){.leads-table .leads-col-source{display:none}.leads-table th.leads-col-email{width:37%}.leads-table th.leads-col-status,.leads-table th.leads-col-created,.leads-table th.leads-col-converted{width:18%}.leads-table th.leads-col-actions{width:9%}}@media (max-width: 700px){.lead-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-filter-grid .audit-filter-search{grid-column:1 / -1}.leads-table td.leads-col-email{display:block;padding:0 0 12px;border-bottom:1px solid var(--border)}.leads-table td.leads-col-source,.leads-table td.leads-col-engagement{display:grid}.leads-table td.leads-col-actions{display:block;margin-top:6px;padding:12px 0 0;border-top:1px solid var(--border)}.lead-identity-copy strong{max-width:none}.leads-col-actions .users-action{margin-left:0}}@media (max-width: 520px){.lead-filter-grid{grid-template-columns:minmax(0,1fr)}.lead-filter-grid .audit-filter-search{grid-column:auto}}.billing-management-page{width:100%;max-width:1440px;margin:0 auto}.billing-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.billing-page-eyebrow{display:block;margin-bottom:6px;color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.billing-page-header h1{margin:0;color:var(--text-primary);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.billing-page-header p{margin:8px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.billing-primary-action.btn-primary,.billing-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 15px!important;border-radius:9px;font:inherit;font-size:.8125rem;font-weight:650;white-space:nowrap}.billing-primary-action svg,.billing-refresh-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.billing-refresh-button{color:var(--text-primary);background:var(--surface);border:1px solid var(--border);cursor:pointer}.billing-refresh-button:hover:not(:disabled){color:var(--primary-color);background:var(--surface-hover);border-color:var(--primary-color)}.billing-refresh-button:disabled{cursor:wait;opacity:.6}.billing-management-page>.alert{margin-bottom:18px;opacity:1;transform:none}.billing-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.billing-invoice-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-summary-card{display:flex;min-width:0;min-height:122px;justify-content:center;flex-direction:column;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 2px #0f172a09}.billing-summary-card>span{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.billing-summary-card>strong{display:block;overflow:hidden;margin:7px 0 4px;color:var(--text-primary);font-size:1.65rem;font-weight:725;letter-spacing:-.025em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.billing-summary-card>.billing-summary-text{font-size:1rem;letter-spacing:-.01em}.billing-summary-card>.billing-summary-amount{font-size:1.35rem}.billing-summary-card>small{color:var(--text-secondary);font-size:.6875rem;line-height:1.4}.billing-summary-warning{background:linear-gradient(145deg,var(--surface),var(--error-bg));border-color:var(--error-border)}.billing-panel{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a08}.billing-panel-header{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.billing-panel-header h2{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.4}.billing-panel-header p{margin:2px 0 0;color:var(--text-secondary);font-size:.7rem;line-height:1.4}.billing-panel-count{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.billing-empty-state{display:flex;min-height:340px;align-items:center;justify-content:center;flex-direction:column;padding:44px 24px;text-align:center}.billing-empty-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-bottom:15px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:14px}.billing-empty-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.billing-empty-state h2{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700}.billing-empty-state p{margin:6px 0 18px;color:var(--text-secondary);font-size:.825rem;line-height:1.5}.billing-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.billing-method-card{min-width:0;overflow:hidden;background:radial-gradient(circle at 92% 8%,rgb(99 102 241 / .08),transparent 34%),var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 2px #0f172a09}.billing-method-card.is-default{border-color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.billing-method-card.is-expired{background:linear-gradient(145deg,var(--surface),var(--error-bg));border-color:var(--error-border)}.billing-method-topline,.billing-method-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.billing-method-topline{padding:18px 18px 0}.billing-card-brand-logo{display:block;width:56px;height:36px;border-radius:5px}.billing-default-badge{color:#075985;background:#e0f2fe;border-color:#bae6fd}.billing-expired-badge{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.billing-method-number{display:flex;align-items:center;gap:10px;padding:24px 18px 20px;color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95rem;letter-spacing:.06em}.billing-method-number strong{color:var(--text-primary);font-size:1rem}.billing-method-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:0 18px 16px}.billing-method-meta>div{display:flex;min-width:0;flex-direction:column;gap:3px}.billing-method-meta span{color:var(--text-secondary);font-size:.625rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.billing-method-meta strong{overflow:hidden;color:var(--text-primary);font-size:.75rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.billing-method-nickname{margin:0 18px 16px;color:var(--text-secondary);font-size:.725rem;font-style:italic}.billing-method-footer{min-height:52px;padding:10px 14px 10px 18px;background:var(--surface-secondary);border-top:1px solid var(--border)}.billing-method-footer>span{color:var(--text-secondary);font-size:.675rem}.billing-method-footer>div{display:flex;align-items:center;gap:4px}.billing-method-footer button{min-height:30px;padding:5px 8px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:7px;font:inherit;font-size:.7rem;font-weight:600;cursor:pointer}.billing-method-footer button:hover{color:var(--text-primary);background:var(--surface);border-color:var(--border)}.billing-method-footer .billing-method-remove:hover{color:var(--error-color);background:var(--error-bg);border-color:var(--error-border)}.billing-form-modal{padding:24px;background:#020617ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.billing-form-modal .modal-content{width:min(680px,100%);max-width:680px;max-height:calc(100dvh - 48px);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px #02061747,0 4px 18px #02061729;transform:translateY(0) scale(1)!important}.billing-edit-modal .modal-content,.invoice-payment-modal .modal-content{max-width:500px}.billing-form-modal .modal-header{min-height:68px;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.billing-form-modal .modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.billing-form-modal .modal-close{width:34px;height:34px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px}.billing-form-modal .modal-close:hover{color:var(--text-primary);background:var(--surface-secondary);border-color:var(--border)}.billing-form-modal .modal-body{max-height:calc(100dvh - 116px);padding:0;overflow-y:auto}.billing-form-modal .modal-footer{gap:10px;padding:16px 22px;background:var(--surface-secondary);border-top:1px solid var(--border)}.billing-form-modal .modal-footer .btn,.billing-modal-actions .btn{min-width:112px;min-height:40px;padding:9px 15px;border-radius:8px;font-size:.775rem;font-weight:650}.billing-modal-form,.billing-edit-content,.invoice-payment-content{padding:22px}.billing-modal-intro{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:13px 14px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:10px}.billing-secure-icon{display:flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;color:var(--primary-color);background:var(--surface);border:1px solid var(--border);border-radius:10px}.billing-secure-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.billing-modal-intro strong,.billing-edit-card-summary strong{color:var(--text-primary);font-size:.775rem;font-weight:650}.billing-modal-intro p,.billing-edit-card-summary span{margin:2px 0 0;color:var(--text-secondary);font-size:.675rem;line-height:1.4}.billing-modal-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-modal-field{min-width:0}.billing-modal-field label,.billing-stripe-field>label{display:block;margin-bottom:7px;color:var(--text-primary);font-size:.725rem;font-weight:650}.billing-modal-field label span{color:var(--text-secondary);font-weight:450}.billing-modal-field input{width:100%;height:42px;padding:9px 11px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.825rem;outline:none}.billing-modal-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.billing-stripe-field{margin-top:18px}.billing-stripe-element{min-height:104px;padding:13px;background:#fff;border:1px solid var(--border);border-radius:9px}.billing-stripe-mount{min-width:0}.billing-stripe-element.is-ready .billing-stripe-mount{min-height:76px}.billing-stripe-loading{display:flex;min-height:76px;align-items:center;justify-content:center;gap:9px;color:var(--text-secondary);font-size:.75rem}.billing-stripe-loading .loading-spinner{width:20px;height:20px;margin:0}.billing-checkbox-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;margin-top:16px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:pointer}.billing-checkbox-card>span{display:flex;flex-direction:column;gap:3px}.billing-checkbox-card strong{color:var(--text-primary);font-size:.75rem;font-weight:650}.billing-checkbox-card small{color:var(--text-secondary);font-size:.675rem;line-height:1.4}.billing-form-modal .form-check-input{flex:0 0 18px;width:18px!important;min-width:18px;max-width:18px;height:18px!important;min-height:18px;margin:0!important;padding:0!important}.billing-modal-form>.alert,.invoice-payment-content>.alert{margin:16px 0 0;opacity:1;transform:none}.billing-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:20px -22px -22px;padding:16px 22px;background:var(--surface-secondary);border-top:1px solid var(--border)}.billing-edit-card-summary{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:10px}.billing-edit-card-summary>div{display:flex;min-width:0;flex-direction:column}.billing-edit-content .billing-checkbox-card{margin-top:16px}.billing-delete-card-summary .billing-card-brand-logo{flex:0 0 56px}.billing-delete-note{margin:0;color:var(--text-secondary);font-size:.7rem;line-height:1.45}.billing-filter-card{margin-bottom:18px}.invoice-filter-grid{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(150px,.8fr)) auto}.billing-invoices-table th.invoice-col-number{width:20%}.billing-invoices-table th.invoice-col-date{width:13%}.billing-invoices-table th.invoice-col-app{width:18%}.billing-invoices-table th.invoice-col-amount{width:14%}.billing-invoices-table th.invoice-col-status{width:13%}.billing-invoices-table th.invoice-col-due{width:12%}.billing-invoices-table th.invoice-col-actions{width:10%}.billing-invoice-row-overdue,.billing-invoice-row-failed{background:linear-gradient(90deg,var(--error-bg),transparent 30%)}.invoice-identity{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;padding:0;color:inherit;background:transparent;border:0;font:inherit;text-align:left;cursor:pointer}.invoice-identity:hover strong{color:var(--primary-color)}.invoice-document-icon{display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;width:34px;height:34px;color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:9px}.invoice-document-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.invoice-identity>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.invoice-identity strong{overflow:hidden;color:var(--text-primary);font-size:.8rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.invoice-identity small{color:var(--text-secondary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.625rem}.invoice-date,.invoice-app{display:block;overflow:hidden;color:var(--text-secondary);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.invoice-amount{color:var(--text-primary);font-size:.8rem;font-weight:700;white-space:nowrap}.invoice-status{text-transform:capitalize}.invoice-status-paid,.invoice-status-succeeded{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.invoice-status-open,.invoice-status-pending,.invoice-status-processing{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.invoice-status-overdue,.invoice-status-failed,.invoice-status-error{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.invoice-status-draft,.invoice-status-void,.invoice-status-canceled{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.invoice-pay-action{color:#fff;background:var(--primary-color);border-color:var(--primary-color)}.invoice-pay-action:hover{color:#fff;background:var(--primary-hover);border-color:var(--primary-hover)}html[data-theme=dark] .billing-default-badge,html[data-theme=dark] .invoice-status-open,html[data-theme=dark] .invoice-status-pending,html[data-theme=dark] .invoice-status-processing{color:#93c5fd;background:#2563eb24;border-color:#60a5fa4d}html[data-theme=dark] .billing-expired-badge,html[data-theme=dark] .invoice-status-overdue,html[data-theme=dark] .invoice-status-failed,html[data-theme=dark] .invoice-status-error{color:#fca5a5;background:#dc262621;border-color:#f8717147}html[data-theme=dark] .invoice-status-paid,html[data-theme=dark] .invoice-status-succeeded{color:#86efac;background:#16a34a24;border-color:#4ade8047}html[data-theme=dark] .invoice-status-draft,html[data-theme=dark] .invoice-status-void,html[data-theme=dark] .invoice-status-canceled{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b83d}html[data-theme=dark] .invoice-document-icon{color:#a5b4fc;background:#4f46e524;border-color:#818cf847}.invoice-detail-loading{min-height:320px}.invoice-detail-error,.invoice-detail-content{padding:22px}.invoice-detail-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--border)}.invoice-detail-document-icon{width:48px;height:48px;border-radius:13px}.invoice-detail-document-icon svg{width:23px;height:23px}.invoice-detail-hero h3{margin:7px 0 0;color:var(--text-primary);font-size:1rem;font-weight:700}.invoice-detail-hero p{margin:2px 0 0;color:var(--text-secondary);font-size:.725rem}.invoice-detail-hero>strong{color:var(--text-primary);font-size:1.25rem;font-weight:725;letter-spacing:-.02em;white-space:nowrap}.invoice-detail-section{padding:21px 0;border-bottom:1px solid var(--border)}.invoice-detail-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.invoice-detail-meta-grid>div{min-width:0;padding:11px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px}.invoice-detail-meta-grid dt,.invoice-detail-meta-grid dd{margin:0}.invoice-detail-meta-grid dt{margin-bottom:4px;color:var(--text-secondary);font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.invoice-detail-meta-grid dd{overflow-wrap:anywhere;color:var(--text-primary);font-size:.7rem;font-weight:600;line-height:1.4}.invoice-detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.invoice-detail-section-heading h4{margin:0;color:var(--text-primary);font-size:.8rem;font-weight:700}.invoice-detail-section-heading span{color:var(--text-secondary);font-size:.675rem}.invoice-line-items,.invoice-transactions{display:grid}.invoice-line-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;min-width:0;padding:12px 0;border-bottom:1px solid var(--border)}.invoice-line-item>div{display:flex;min-width:0;flex-direction:column;gap:2px}.invoice-line-item>div strong{overflow:hidden;color:var(--text-primary);font-size:.75rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.invoice-line-item>div span,.invoice-line-item>span{color:var(--text-secondary);font-size:.675rem}.invoice-line-item>strong{color:var(--text-primary);font-size:.75rem;font-weight:700;white-space:nowrap}.invoice-detail-total{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding-top:14px}.invoice-detail-total span{color:var(--text-secondary);font-size:.75rem;font-weight:650}.invoice-detail-total strong{color:var(--text-primary);font-size:1rem;font-weight:725}.invoice-transaction{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(120px,auto);align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.invoice-transaction>div{display:flex;justify-content:space-between;gap:12px;min-width:0}.invoice-transaction>div strong,.invoice-transaction>div span{font-size:.7rem}.invoice-transaction>div strong{color:var(--text-primary)}.invoice-transaction>div span{color:var(--text-secondary)}.invoice-transaction code{overflow:hidden;color:var(--text-secondary);font-size:.625rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.invoice-detail-actions{display:flex;justify-content:flex-end;padding-top:18px}.invoice-detail-actions .btn-primary{min-height:40px;padding:9px 16px;font-size:.775rem;font-weight:650}.invoice-payment-summary{display:flex;align-items:center;flex-direction:column;margin-bottom:17px;padding:18px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:11px;text-align:center}.invoice-payment-summary span,.invoice-payment-summary small{color:var(--text-secondary);font-size:.675rem}.invoice-payment-summary strong{margin:5px 0;color:var(--text-primary);font-size:1.45rem;font-weight:725;letter-spacing:-.025em}.invoice-payment-method{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:9px}.invoice-payment-card-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:9px}.invoice-payment-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.invoice-payment-method>div{display:flex;min-width:0;flex-direction:column;gap:2px}.invoice-payment-method strong{overflow:hidden;color:var(--text-primary);font-size:.75rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.invoice-payment-method span,.invoice-payment-method a{color:var(--text-secondary);font-size:.675rem}.invoice-payment-method a{color:var(--primary-color);font-weight:650;text-decoration:none}.invoice-payment-missing{padding:18px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px;text-align:center}.invoice-payment-missing strong{color:var(--text-primary);font-size:.8rem}.invoice-payment-missing p{margin:4px 0 14px;color:var(--text-secondary);font-size:.7rem}.invoice-payment-missing .btn{min-height:36px;padding:7px 12px;font-size:.725rem}.invoice-payment-security{margin:15px 0 0;color:var(--text-secondary);font-size:.65rem;line-height:1.45;text-align:center}@media (prefers-color-scheme: dark){:root:not([data-theme]) .billing-default-badge,:root:not([data-theme]) .invoice-status-open,:root:not([data-theme]) .invoice-status-pending,:root:not([data-theme]) .invoice-status-processing{color:#93c5fd;background:#2563eb24;border-color:#60a5fa4d}:root:not([data-theme]) .billing-expired-badge,:root:not([data-theme]) .invoice-status-overdue,:root:not([data-theme]) .invoice-status-failed,:root:not([data-theme]) .invoice-status-error{color:#fca5a5;background:#dc262621;border-color:#f8717147}:root:not([data-theme]) .invoice-status-paid,:root:not([data-theme]) .invoice-status-succeeded{color:#86efac;background:#16a34a24;border-color:#4ade8047}:root:not([data-theme]) .invoice-status-draft,:root:not([data-theme]) .invoice-status-void,:root:not([data-theme]) .invoice-status-canceled{color:#cbd5e1;background:#94a3b81a;border-color:#94a3b83d}:root:not([data-theme]) .invoice-document-icon{color:#a5b4fc;background:#4f46e524;border-color:#818cf847}}@media (max-width: 1180px){.billing-invoice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-invoices-table .invoice-col-app,.billing-invoices-table .invoice-col-due{display:none}.billing-invoices-table th.invoice-col-number{width:29%}.billing-invoices-table th.invoice-col-date,.billing-invoices-table th.invoice-col-amount,.billing-invoices-table th.invoice-col-status{width:18%}.billing-invoices-table th.invoice-col-actions{width:17%}}@media (max-width: 900px){.billing-method-grid,.billing-summary-grid{grid-template-columns:minmax(0,1fr)}.billing-invoice-summary-grid,.invoice-filter-grid,.invoice-detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.billing-invoices-table td.invoice-col-number{display:block;padding:0 0 12px;border-bottom:1px solid var(--border)}.billing-invoices-table td.invoice-col-app,.billing-invoices-table td.invoice-col-due{display:grid}.billing-invoices-table td.invoice-col-actions{display:block;margin-top:6px;padding:12px 0 0;border-top:1px solid var(--border)}.billing-invoice-row-overdue,.billing-invoice-row-failed{border-left:3px solid var(--error-color)!important}}@media (max-width: 768px){.content-area:has(.billing-management-page){padding:20px 16px}.billing-page-header{align-items:stretch;flex-direction:column;gap:16px}.billing-primary-action.btn-primary,.billing-refresh-button{align-self:flex-start;width:auto;margin:0!important}}@media (max-width: 600px){.billing-form-modal{align-items:flex-end;padding:0}.billing-form-modal .modal-content{width:100%;max-height:calc(100dvh - 16px);margin-top:16px;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.billing-form-modal .modal-body{max-height:calc(100dvh - 84px)}.billing-modal-field-grid,.invoice-filter-grid{grid-template-columns:minmax(0,1fr)}.invoice-detail-hero{grid-template-columns:48px minmax(0,1fr)}.invoice-detail-hero>strong{grid-column:1 / -1;padding-top:12px;border-top:1px solid var(--border)}.invoice-line-item{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.invoice-line-item>span{grid-column:1}.invoice-line-item>strong{grid-column:2;grid-row:1 / span 2}.invoice-transaction{grid-template-columns:auto minmax(0,1fr)}.invoice-transaction code{display:none}}@media (max-width: 520px){.billing-invoice-summary-grid,.invoice-detail-meta-grid{grid-template-columns:minmax(0,1fr)}.billing-method-grid{padding:12px}.billing-method-meta{gap:12px}.billing-method-footer{align-items:flex-start;flex-direction:column}.billing-modal-actions>*,.billing-form-modal .modal-footer>*{min-width:0;flex:1}.invoice-payment-method{grid-template-columns:38px minmax(0,1fr)}.invoice-payment-method>a{grid-column:2}}.account-management-page{width:100%;max-width:1440px;margin:0 auto}.account-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.account-page-eyebrow{display:block;margin-bottom:6px;color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.account-page-header h1{margin:0;color:var(--text-primary);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.account-page-header p{max-width:680px;margin:8px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.account-primary-action.btn-primary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:10px 15px!important;border-radius:9px;font-size:.8125rem;font-weight:650;white-space:nowrap}.account-primary-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.account-management-page>.alert{margin-bottom:18px;opacity:1;transform:none}.account-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.account-status-card{display:grid;min-width:0;min-height:118px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 2px #0f172a09}.account-status-icon{display:inline-flex;width:42px;height:42px;flex:0 0 auto;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:11px}.account-status-icon svg,.account-panel-icon svg,.account-action-icon svg,.account-action-arrow,.account-security-feature-icon svg,.account-two-factor-details svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.account-status-icon svg{width:21px;height:21px}.account-status-icon.is-success{color:var(--success-color);background:var(--success-bg);border-color:var(--success-border)}.account-status-icon.is-warning{color:var(--warning-color);background:var(--warning-bg);border-color:var(--warning-border)}.account-status-icon.is-neutral{color:var(--text-secondary);background:var(--surface-secondary)}.account-status-card>div{min-width:0}.account-status-card>div>span{display:block;color:var(--text-secondary);font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.account-status-card>div>strong{display:block;overflow:hidden;margin-top:4px;color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.account-status-card>div>small{display:block;overflow:hidden;margin-top:2px;color:var(--text-secondary);font-size:.7rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.account-state-pill{display:inline-flex;min-height:24px;align-items:center;justify-content:center;padding:4px 8px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px;font-size:.65rem;font-weight:700;line-height:1;white-space:nowrap}.account-state-pill.is-success{color:var(--success-color);background:var(--success-bg);border-color:var(--success-border)}.account-state-pill.is-warning{color:var(--warning-color);background:var(--warning-bg);border-color:var(--warning-border)}.account-state-pill.is-danger{color:var(--error-color);background:var(--error-bg);border-color:var(--error-border)}.account-inline-action{min-height:32px;padding:6px 10px;color:var(--primary-color);background:transparent;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.7rem;font-weight:700;cursor:pointer}.account-inline-action:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color)}.account-inline-action:disabled{cursor:wait;opacity:.6}.account-panel{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a08}.account-panel-header{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.account-panel-header h2{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.4}.account-panel-header p{margin:2px 0 0;color:var(--text-secondary);font-size:.7rem;line-height:1.4}.account-panel-header>a{color:var(--primary-color);font-size:.72rem;font-weight:700;text-decoration:none;white-space:nowrap}.account-panel-header>a:hover{text-decoration:underline}.account-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:18px}.account-identity-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;margin:18px;padding:15px;background:linear-gradient(145deg,var(--surface-secondary),var(--surface));border:1px solid var(--border);border-radius:12px}.account-avatar{display:inline-flex;width:48px;height:48px;flex:0 0 auto;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,var(--primary-color),var(--primary-hover));border-radius:13px;box-shadow:0 8px 18px #2563eb2e;font-size:.9rem;font-weight:750;letter-spacing:.03em}.account-avatar-large{width:64px;height:64px;margin-bottom:14px;border-radius:17px;font-size:1.1rem}.account-identity-card>div{min-width:0}.account-identity-card strong,.account-identity-card div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity-card strong{color:var(--text-primary);font-size:.9rem;font-weight:700}.account-identity-card div>span{margin-top:2px;color:var(--text-secondary);font-size:.72rem}.account-details-list{margin:0;padding:0 18px 10px}.account-details-list>div{display:grid;min-height:50px;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;border-top:1px solid var(--border)}.account-details-list dt{color:var(--text-secondary);font-size:.72rem;font-weight:600}.account-details-list dd{min-width:0;margin:0;color:var(--text-primary);font-size:.75rem;font-weight:600;text-align:right}.account-role-list{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}.account-role-list>span{padding:3px 7px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px;font-size:.62rem;font-weight:700;text-transform:capitalize}.account-progress-value{display:flex;align-items:center;justify-content:flex-end;gap:9px}.account-progress-value>span{display:block;width:min(120px,55%);height:6px;overflow:hidden;background:var(--surface-secondary);border-radius:999px}.account-progress-value i{display:block;height:100%;background:var(--primary-color);border-radius:inherit}.account-action-list{padding:8px 18px}.account-action-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:14px 0;color:var(--text-primary);border-bottom:1px solid var(--border);text-decoration:none}.account-action-list>a:last-child{border-bottom:0}.account-action-list>a:hover .account-action-icon{color:var(--primary-color);background:var(--primary-light);border-color:var(--primary-color)}.account-action-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:10px;transition:.18s ease}.account-action-icon svg{width:19px;height:19px}.account-action-list>a>span:nth-child(2){min-width:0}.account-action-list strong,.account-action-list small{display:block}.account-action-list strong{font-size:.78rem;font-weight:700}.account-action-list small{overflow:hidden;margin-top:2px;color:var(--text-secondary);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.account-action-arrow{width:17px;height:17px;color:var(--text-secondary)}.account-profile-layout{display:grid;grid-template-columns:minmax(260px,.32fr) minmax(0,1fr);align-items:start;gap:18px}.account-profile-sidebar,.account-profile-forms{display:grid;gap:18px}.account-profile-summary{padding:22px;text-align:center}.account-profile-summary h2{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700}.account-profile-summary>p{overflow:hidden;margin:3px 0 12px;color:var(--text-secondary);font-size:.72rem;text-overflow:ellipsis}.account-profile-summary dl{margin:20px 0 0;text-align:left}.account-profile-summary dl>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--border)}.account-profile-summary dt,.account-profile-summary dd{min-width:0;font-size:.7rem}.account-profile-summary dt{color:var(--text-secondary)}.account-profile-summary dd{overflow:hidden;margin:0;color:var(--text-primary);font-weight:650;text-align:right;text-overflow:ellipsis;white-space:nowrap}.account-theme-options{display:grid;gap:8px;padding:12px}.account-theme-options button{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:10px;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:9px;font:inherit;text-align:left;cursor:pointer}.account-theme-options button:hover{background:var(--surface-secondary);border-color:var(--border)}.account-theme-options button.is-active{background:var(--primary-light);border-color:var(--primary-color)}.account-theme-options button>span:first-child{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:9px}.account-theme-options button.is-active>span:first-child{color:var(--primary-color);background:var(--surface);border-color:var(--primary-color)}.account-theme-options svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.account-theme-options strong,.account-theme-options small{display:block}.account-theme-options strong{font-size:.72rem;font-weight:700}.account-theme-options small{margin-top:1px;color:var(--text-secondary);font-size:.62rem}.account-theme-options i{width:12px;height:12px;border:1px solid var(--border);border-radius:50%}.account-theme-options button.is-active i{background:var(--primary-color);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--primary-color)}.account-form-panel form{margin:0}.account-form-body{padding:20px}.account-form-body>.alert,.account-modal-content>.alert,.account-panel-alert .alert{margin-bottom:16px;opacity:1;transform:none}.account-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.account-form-field-wide{grid-column:1 / -1}.account-address-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.account-address-grid>.account-form-field{grid-column:span 3}.account-address-grid>.account-street-number{grid-column:span 1}.account-address-grid>.account-street-name{grid-column:span 5}.account-form-field{min-width:0}.account-form-field+.account-form-field:not(.account-form-grid .account-form-field):not(.account-address-grid .account-form-field){margin-top:16px}.account-form-field label{display:block;margin-bottom:7px;color:var(--text-primary);font-size:.72rem;font-weight:650}.account-form-field input,.account-form-field select{width:100%;min-height:42px;padding:9px 11px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;outline:none;font:inherit;font-size:.78rem;transition:border-color .18s ease,box-shadow .18s ease}.account-form-field input:focus,.account-form-field select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #43b14b24}.account-form-field input:disabled,.account-form-field input[readonly]{color:var(--text-secondary);background:var(--surface-secondary);cursor:not-allowed}.account-form-field input.is-monospace{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;letter-spacing:.04em}.account-form-field>small{display:block;margin-top:5px;color:var(--text-secondary);font-size:.65rem;line-height:1.4}.account-form-footer{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;background:var(--surface-secondary);border-top:1px solid var(--border)}.account-form-footer>span{color:var(--text-secondary);font-size:.68rem;line-height:1.45}.account-form-footer .btn{min-width:116px;min-height:39px;border-radius:8px;font-size:.75rem;font-weight:650;white-space:nowrap}.account-security-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start;gap:18px}.account-panel-icon{display:inline-flex;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:9px}.account-panel-icon svg{width:18px;height:18px}.account-password-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 14px;margin-top:18px;padding:13px 14px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:9px}.account-password-guidance>strong{grid-column:1 / -1;color:var(--text-primary);font-size:.7rem;font-weight:700}.account-password-guidance>span{display:flex;align-items:flex-start;gap:6px;font-size:.62rem;line-height:1.4}.account-password-guidance i{width:5px;height:5px;flex:0 0 auto;margin-top:4px;background:var(--primary-color);border-radius:50%}.account-panel-alert{padding:16px 18px 0}.account-security-feature{margin:18px;padding:22px;text-align:center;background:linear-gradient(145deg,var(--surface-secondary),var(--warning-bg));border:1px solid var(--warning-border);border-radius:12px}.account-security-feature.is-enabled{background:linear-gradient(145deg,var(--surface-secondary),var(--success-bg));border-color:var(--success-border)}.account-security-feature-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;color:var(--warning-color);background:var(--surface);border:1px solid var(--warning-border);border-radius:14px;box-shadow:0 8px 20px #0f172a0f}.account-security-feature.is-enabled .account-security-feature-icon{color:var(--success-color);border-color:var(--success-border)}.account-security-feature-icon svg{width:25px;height:25px}.account-security-feature h3{margin:13px 0 0;color:var(--text-primary);font-size:.9rem;font-weight:700}.account-security-feature p{max-width:430px;margin:6px auto 13px;color:var(--text-secondary);font-size:.7rem;line-height:1.55}.account-two-factor-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 18px}.account-two-factor-details>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;padding:12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:9px}.account-two-factor-details svg{width:20px;height:20px;color:var(--text-secondary)}.account-two-factor-details strong,.account-two-factor-details small{display:block}.account-two-factor-details strong{color:var(--text-primary);font-size:.68rem;font-weight:700}.account-two-factor-details small{margin-top:2px;color:var(--text-secondary);font-size:.61rem;line-height:1.4}.account-feature-footer{display:flex;min-height:68px;align-items:center;justify-content:flex-end;padding:13px 18px;background:var(--surface-secondary);border-top:1px solid var(--border)}.account-feature-footer .btn{min-height:39px;border-radius:8px;font-size:.72rem;font-weight:650}.account-danger-action{color:var(--error-color)!important;border-color:var(--error-border)!important}.account-danger-action:hover{background:var(--error-bg)!important}.account-form-modal{padding:24px;background:#020617ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-form-modal .modal-content{width:min(580px,100%);max-width:580px;max-height:calc(100dvh - 48px);overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 70px #02061747,0 4px 18px #02061729;transform:translateY(0) scale(1)!important}.account-form-modal.account-confirm-modal .modal-content{max-width:500px}.account-form-modal .modal-header{min-height:68px;padding:18px 22px;background:var(--surface);border-bottom:1px solid var(--border)}.account-form-modal .modal-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.account-form-modal .modal-close{width:34px;height:34px;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:8px}.account-form-modal .modal-close:hover{color:var(--text-primary);background:var(--surface-secondary);border-color:var(--border)}.account-form-modal .modal-body{max-height:calc(100dvh - 116px);padding:0;overflow-y:auto}.account-form-modal .modal-footer{gap:10px;padding:16px 22px;background:var(--surface-secondary);border-top:1px solid var(--border)}.account-form-modal .modal-footer .btn,.account-modal-actions .btn{min-width:112px;min-height:40px;padding:9px 15px;border-radius:8px;font-size:.775rem;font-weight:650}.account-modal-content{padding:22px}.account-modal-intro{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:13px 14px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:10px}.account-modal-intro>div{min-width:0}.account-modal-intro strong,.account-modal-intro p{display:block}.account-modal-intro strong{color:var(--text-primary);font-size:.78rem;font-weight:700}.account-modal-intro p{margin:2px 0 0;color:var(--text-secondary);font-size:.67rem;line-height:1.45}.account-qr-code{display:flex;justify-content:center;margin-bottom:18px}.account-qr-code img{display:block;width:190px;height:190px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:12px}.account-form-field .totp-input-group,.account-form-field .totp-input{display:flex;width:auto;justify-content:flex-start;gap:8px}.account-form-field .totp-digit{width:44px;min-width:0;height:48px;flex:0 0 44px;padding:0;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:1rem;text-align:center}.account-modal-warning{margin-bottom:18px;padding:14px;color:var(--error-color);background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px}.account-modal-warning strong{display:block;font-size:.78rem;font-weight:700}.account-modal-warning p{margin:4px 0 0;color:var(--text-secondary);font-size:.68rem;line-height:1.5}.account-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:20px -22px -22px;padding:16px 22px;background:var(--surface-secondary);border-top:1px solid var(--border)}@media (max-width: 1180px){.account-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-status-card:last-child{grid-column:1 / -1}.account-dashboard-grid,.account-security-grid{grid-template-columns:minmax(0,1fr)}.account-profile-layout{grid-template-columns:minmax(230px,.36fr) minmax(0,1fr)}}@media (max-width: 900px){.account-profile-layout{grid-template-columns:minmax(0,1fr)}.account-profile-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.content-area:has(.account-management-page){padding:20px 16px}.account-page-header{align-items:stretch;flex-direction:column;gap:16px}.account-primary-action.btn-primary{align-self:flex-start;width:auto;margin:0!important}.account-status-grid,.account-profile-sidebar{grid-template-columns:minmax(0,1fr)}.account-status-card:last-child{grid-column:auto}.account-password-guidance{grid-template-columns:minmax(0,1fr)}}@media (max-width: 600px){.account-form-grid,.account-address-grid,.account-two-factor-details{grid-template-columns:minmax(0,1fr)}.account-address-grid>.account-form-field,.account-address-grid>.account-street-number,.account-address-grid>.account-street-name{grid-column:auto}.account-form-footer{align-items:stretch;flex-direction:column}.account-form-footer .btn{width:100%}.account-form-modal{align-items:flex-end;padding:0}.account-form-modal .modal-content{width:100%;max-height:calc(100dvh - 16px);margin-top:16px;border-right:0;border-bottom:0;border-left:0;border-radius:16px 16px 0 0}.account-form-modal .modal-body{max-height:calc(100dvh - 84px)}}@media (max-width: 520px){.account-status-card{grid-template-columns:38px minmax(0,1fr);padding:15px}.account-status-card>.account-state-pill,.account-status-card>.account-inline-action{grid-column:2;justify-self:start}.account-status-icon{width:38px;height:38px}.account-identity-card{grid-template-columns:44px minmax(0,1fr)}.account-identity-card>.account-state-pill{grid-column:2;justify-self:start}.account-details-list>div{grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 0}.account-details-list dd,.account-role-list,.account-progress-value{justify-content:flex-start;text-align:left}.account-modal-actions>*,.account-form-modal .modal-footer>*{min-width:0;flex:1}.account-form-field .totp-input-group,.account-form-field .totp-input{gap:5px}.account-form-field .totp-digit{width:38px;height:44px;flex-basis:38px}}.admin-overview-page{width:100%;max-width:1440px;margin:0 auto}.admin-overview-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.admin-overview-eyebrow{display:block;margin-bottom:6px;color:var(--primary-color);font-size:.75rem;font-weight:700;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.admin-overview-header h1{margin:0;color:var(--text-primary);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}.admin-overview-header p{max-width:680px;margin:8px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.admin-overview-refresh{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:9px 14px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:.78rem;font-weight:650;white-space:nowrap;cursor:pointer}.admin-overview-refresh:hover:not(:disabled){color:var(--primary-color);background:var(--surface-hover);border-color:var(--primary-color)}.admin-overview-refresh:disabled{cursor:wait;opacity:.65}.admin-overview-refresh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.admin-overview-refresh svg.is-spinning{animation:spin .8s linear infinite}.admin-overview-page>.alert{margin-bottom:18px;opacity:1;transform:none}.admin-overview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-overview-stat{display:grid;min-width:0;min-height:124px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 2px #0f172a09}.admin-overview-stat-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:11px}.admin-overview-stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.admin-overview-stat-icon.is-primary{color:var(--primary-color);background:var(--primary-light);border-color:#43b14b4d}.admin-overview-stat-icon.is-info{color:var(--info-color);background:var(--info-bg);border-color:var(--info-border)}.admin-overview-stat-icon.is-success{color:var(--success-color);background:var(--success-bg);border-color:var(--success-border)}.admin-overview-stat-icon.is-warning{color:var(--warning-color);background:var(--warning-bg);border-color:var(--warning-border)}.admin-overview-stat-icon.is-danger{color:var(--error-color);background:var(--error-bg);border-color:var(--error-border)}.admin-overview-stat>div{min-width:0}.admin-overview-stat>div>span{display:block;color:var(--text-secondary);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.admin-overview-stat>div>strong{display:block;overflow:hidden;margin:5px 0 3px;color:var(--text-primary);font-size:1.55rem;font-weight:725;letter-spacing:-.025em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.admin-overview-stat>div>small{display:block;overflow:hidden;color:var(--text-secondary);font-size:.66rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.admin-overview-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);align-items:start;gap:18px}.admin-overview-aside{display:grid;gap:18px}.admin-overview-panel{min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a08}.admin-overview-panel-header{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;background:var(--surface-secondary);border-bottom:1px solid var(--border)}.admin-overview-panel-header h2{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.4}.admin-overview-panel-header p{margin:2px 0 0;color:var(--text-secondary);font-size:.68rem;line-height:1.4}.admin-overview-panel-header>a{color:var(--primary-color);font-size:.7rem;font-weight:700;text-decoration:none;white-space:nowrap}.admin-overview-panel-header>a:hover{text-decoration:underline}.admin-overview-loading,.admin-overview-empty{display:flex;min-height:430px;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:36px;color:var(--text-secondary);text-align:center}.admin-overview-loading>span{font-size:.75rem}.admin-overview-empty>span{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;background:var(--surface-secondary);border:1px solid var(--border);border-radius:13px}.admin-overview-empty svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.admin-overview-empty h3{margin:3px 0 0;color:var(--text-primary);font-size:.88rem}.admin-overview-empty p{margin:-4px 0 0;font-size:.7rem}.admin-activity-list{padding:5px 18px}.admin-activity-row{display:grid;min-width:0;min-height:62px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}.admin-activity-row:last-child{border-bottom:0}.admin-activity-marker{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;background:var(--surface-secondary);border:1px solid var(--border);border-radius:9px}.admin-activity-marker i{width:7px;height:7px;background:var(--text-secondary);border-radius:50%;box-shadow:0 0 0 4px #64748b1f}.admin-activity-marker.is-success i{background:var(--success-color);box-shadow:0 0 0 4px #16a34a1f}.admin-activity-marker.is-warning i{background:var(--warning-color);box-shadow:0 0 0 4px #d977061f}.admin-activity-marker.is-danger i{background:var(--error-color);box-shadow:0 0 0 4px #dc26261f}.admin-activity-content{min-width:0}.admin-activity-content>div{display:flex;min-width:0;align-items:baseline;justify-content:space-between;gap:14px}.admin-activity-content strong{overflow:hidden;color:var(--text-primary);font-size:.75rem;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.admin-activity-content>div>span{flex:0 0 auto;color:var(--text-secondary);font-size:.63rem;white-space:nowrap}.admin-activity-content p{display:flex;overflow:hidden;align-items:center;gap:5px;margin:2px 0 0;color:var(--text-secondary);font-size:.63rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.admin-activity-status{display:inline-flex;min-height:22px;align-items:center;justify-content:center;padding:3px 7px;color:var(--text-secondary);background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px;font-size:.6rem;font-weight:700;white-space:nowrap}.admin-activity-status.is-success{color:var(--success-color);background:var(--success-bg);border-color:var(--success-border)}.admin-activity-status.is-warning{color:var(--warning-color);background:var(--warning-bg);border-color:var(--warning-border)}.admin-activity-status.is-danger{color:var(--error-color);background:var(--error-bg);border-color:var(--error-border)}.admin-readiness-list{display:grid;gap:18px;padding:18px}.admin-readiness-list>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.admin-readiness-list>div>div>span,.admin-readiness-list>div>div>strong{color:var(--text-primary);font-size:.7rem;font-weight:650}.admin-readiness-track{display:block;width:100%;height:7px;overflow:hidden;background:var(--surface-secondary);border:1px solid var(--border);border-radius:999px}.admin-readiness-track i{display:block;min-width:0;max-width:100%;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--success-color));border-radius:inherit;transition:width .35s ease}.admin-readiness-list small{display:block;margin-top:5px;color:var(--text-secondary);font-size:.61rem;line-height:1.4}.admin-posture-list{margin:0;padding:5px 18px}.admin-posture-list>div{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.admin-posture-list>div:last-child{border-bottom:0}.admin-posture-list dt{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.68rem;font-weight:550}.admin-posture-list dd{margin:0;color:var(--text-primary);font-size:.72rem;font-weight:700}.admin-posture-dot{width:7px;height:7px;flex:0 0 auto;background:var(--text-secondary);border-radius:50%;box-shadow:0 0 0 4px #64748b1a}.admin-posture-dot.is-success{background:var(--success-color);box-shadow:0 0 0 4px #16a34a1a}.admin-posture-dot.is-warning{background:var(--warning-color);box-shadow:0 0 0 4px #d977061a}.admin-posture-dot.is-danger{background:var(--error-color);box-shadow:0 0 0 4px #dc26261a}.admin-posture-dot.is-info{background:var(--info-color);box-shadow:0 0 0 4px #2563eb1a}@media (max-width: 1250px){.admin-overview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-layout{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}}@media (max-width: 980px){.admin-overview-layout{grid-template-columns:minmax(0,1fr)}.admin-overview-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.content-area:has(.admin-overview-page){padding:20px 16px}.admin-overview-header{align-items:stretch;flex-direction:column;gap:16px}.admin-overview-refresh{align-self:flex-start}}@media (max-width: 680px){.admin-overview-summary,.admin-overview-aside{grid-template-columns:minmax(0,1fr)}.admin-activity-row{grid-template-columns:32px minmax(0,1fr)}.admin-activity-status{grid-column:2;justify-self:start}}@media (max-width: 520px){.admin-overview-stat{min-height:108px;padding:15px}.admin-overview-panel-header{align-items:flex-start;flex-direction:column;gap:7px}.admin-activity-content>div{align-items:flex-start;flex-direction:column;gap:2px}.admin-activity-content p{white-space:normal}}.subscription-economics-page{width:100%;max-width:1600px;margin:0 auto}.subscription-economics-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.subscription-economics-eyebrow{display:block;margin-bottom:6px;color:var(--primary-color);font-size:.75rem;font-weight:750;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.subscription-economics-header h1{margin:0;color:var(--text-primary);font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:700;letter-spacing:-.035em;line-height:1.15}.subscription-economics-header p{max-width:760px;margin:8px 0 0;color:var(--text-secondary);font-size:.95rem;line-height:1.55}.subscription-refresh{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 15px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:0 1px 2px #0f172a0a;font:inherit;font-size:.85rem;font-weight:650;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.subscription-refresh:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-color);transform:translateY(-1px)}.subscription-refresh:disabled{opacity:.65;cursor:wait}.subscription-refresh svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.subscription-refresh svg.is-spinning{animation:spin .8s linear infinite}.subscription-economics-page>.alert{opacity:1;transform:none}.subscription-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.subscription-summary-card{display:flex;min-width:0;min-height:126px;align-items:flex-start;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #0f172a09,0 8px 20px #0f172a06}.subscription-summary-icon{display:inline-flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px}.subscription-summary-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.subscription-summary-icon.is-blue{color:#2563eb;background:#2563eb1c}.subscription-summary-icon.is-green{color:#059669;background:#0596691c}.subscription-summary-icon.is-amber{color:#d97706;background:#d977061c}.subscription-summary-icon.is-violet{color:#7c3aed;background:#7c3aed1c}.subscription-summary-icon.is-red{color:var(--error-color);background:#dc26261c}.subscription-summary-card>div{min-width:0}.subscription-summary-card>div>span{display:block;min-height:32px;color:var(--text-secondary);font-size:.76rem;font-weight:650;line-height:1.35}.subscription-summary-card>div>strong{display:block;overflow:hidden;margin-top:3px;color:var(--text-primary);font-size:clamp(1.35rem,2vw,1.72rem);font-weight:720;letter-spacing:-.035em;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.subscription-summary-card>div>small{display:block;margin-top:8px;color:var(--text-secondary);font-size:.71rem;line-height:1.35}.package-economics-section,.account-economics-section{margin-top:28px}.subscription-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:13px}.subscription-section-heading h2{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:700;letter-spacing:-.018em}.subscription-section-heading p{margin:4px 0 0;color:var(--text-secondary);font-size:.82rem;line-height:1.45}.subscription-section-heading>span{color:var(--text-secondary);font-size:.75rem;font-weight:600;white-space:nowrap}.package-economics-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px}.package-economics-card{min-width:0;padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:0 1px 2px #0f172a08}.package-economics-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.package-economics-title>div{min-width:0}.package-economics-title>div>strong{display:block;margin-top:10px;color:var(--text-primary);font-size:1.15rem;font-weight:720;letter-spacing:-.025em}.package-economics-title strong small,.account-economics-plan strong small{margin-left:3px;color:var(--text-secondary);font-size:.68rem;font-weight:500;letter-spacing:0}.package-economics-title>span{padding-top:2px;color:var(--text-secondary);font-size:.72rem;white-space:nowrap}.subscription-plan-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;color:#334155;background:#e2e8f0;border:1px solid transparent;border-radius:999px;font-size:.68rem;font-weight:750;letter-spacing:.035em;line-height:1;text-transform:uppercase}.subscription-plan-badge.plan-free{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.subscription-plan-badge.plan-starter{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.subscription-plan-badge.plan-pro{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.subscription-plan-badge.plan-scale{color:#047857;background:#d1fae5;border-color:#a7f3d0}.package-usage-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:var(--text-secondary);font-size:.72rem}.package-usage-heading strong{color:var(--success-color);font-size:.74rem}.package-usage-heading strong.is-warning{color:var(--warning-color)}.package-usage-heading strong.is-danger{color:var(--error-color)}.package-usage-track,.account-usage-track{display:block;overflow:hidden;width:100%;height:6px;margin-top:7px;background:var(--surface-secondary);border-radius:999px}.package-usage-track i,.account-usage-track i{display:block;min-width:2px;height:100%;background:var(--success-color);border-radius:inherit;transition:width .25s ease}.package-usage-track.is-warning i,.account-usage-track.is-warning i{background:var(--warning-color)}.package-usage-track.is-danger i,.account-usage-track.is-danger i{background:var(--error-color)}.package-usage-copy{display:block;margin-top:6px;color:var(--text-secondary);font-size:.67rem}.package-economics-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0}.package-economics-metrics div{min-width:0;padding:9px;background:var(--background);border:1px solid var(--border);border-radius:8px}.package-economics-metrics dt{overflow:hidden;color:var(--text-secondary);font-size:.62rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.package-economics-metrics dd{overflow:hidden;margin:4px 0 0;color:var(--text-primary);font-size:.76rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.package-economics-metrics dd.is-negative,.account-economics-metrics strong.is-negative{color:var(--error-color)}.package-economics-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px;margin-top:13px;color:var(--text-secondary);font-size:.65rem}.package-economics-footer .is-scheduled{padding:3px 6px;color:var(--warning-color);background:var(--warning-bg);border-radius:999px;font-weight:650;white-space:nowrap}.subscription-economics-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,auto));gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:13px 13px 0 0}.subscription-search{position:relative;display:block;min-width:0}.subscription-search svg{position:absolute;top:50%;left:12px;width:17px;height:17px;fill:none;stroke:var(--text-secondary);stroke-linecap:round;stroke-width:1.8;transform:translateY(-50%);pointer-events:none}.subscription-search input,.subscription-economics-toolbar select{width:100%;height:40px;color:var(--text-primary);background:var(--background);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.78rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.subscription-search input{padding:0 13px 0 39px}.subscription-economics-toolbar select{min-width:0;padding:0 32px 0 11px}.subscription-search input:focus,.subscription-economics-toolbar select:focus{background:var(--surface);border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1f}.account-economics-list{min-height:180px;padding:12px;background:var(--background);border:1px solid var(--border);border-radius:0 0 13px 13px}.account-economics-card{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(135px,.55fr) auto;gap:14px 20px;padding:16px 17px 12px;background:var(--surface);border:1px solid var(--border);border-radius:11px;box-shadow:0 1px 2px #0f172a06}.account-economics-card+.account-economics-card{margin-top:10px}.account-economics-identity{display:flex;min-width:0;align-items:center;gap:11px}.account-economics-avatar{display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#7c3aed);border-radius:10px;font-size:.73rem;font-weight:750;letter-spacing:.025em}.account-economics-identity>div{min-width:0}.account-economics-identity>div strong,.account-economics-identity>div span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-economics-identity>div strong{color:var(--text-primary);font-size:.87rem;font-weight:680}.account-economics-identity>div span{margin-top:3px;color:var(--text-secondary);font-size:.73rem}.account-state-badge{flex:0 0 auto;padding:3px 7px;color:var(--error-color);background:var(--error-bg);border-radius:999px;font-size:.62rem;font-weight:700}.account-economics-plan{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.account-economics-plan>strong{color:var(--text-primary);font-size:.81rem;white-space:nowrap}.account-economics-link{display:inline-flex;align-items:center;align-self:center;gap:4px;color:var(--primary-color);font-size:.72rem;font-weight:650;text-decoration:none;white-space:nowrap}.account-economics-link:hover{text-decoration:underline}.account-economics-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.account-economics-metrics{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:9px}.account-economics-metrics>div{min-width:0;padding:12px 13px;background:var(--background)}.account-economics-metrics>div+div{border-left:1px solid var(--border)}.account-economics-metrics>div.has-scheduled-change{background:var(--warning-bg)}.account-economics-metrics>div>span{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;color:var(--text-secondary);font-size:.65rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.account-economics-metrics>div>span strong{color:var(--success-color);font-size:.67rem}.account-economics-metrics>div>span strong.is-warning{color:var(--warning-color)}.account-economics-metrics>div>span strong.is-danger{color:var(--error-color)}.account-economics-metrics>div>strong{display:block;overflow:hidden;margin-top:7px;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.account-economics-metrics>div>strong.is-muted{color:var(--text-secondary)}.account-economics-metrics>div>small{display:block;overflow:hidden;margin-top:5px;color:var(--text-secondary);font-size:.63rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.account-usage-track{height:5px;margin-top:9px}.account-economics-footnote{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:.61rem;line-height:1.3}.subscription-economics-loading,.subscription-economics-empty,.subscription-empty-inline{display:flex;min-height:180px;align-items:center;justify-content:center;color:var(--text-secondary)}.subscription-economics-loading{gap:12px;font-size:.82rem}.subscription-economics-empty{flex-direction:column;padding:35px 20px;text-align:center}.subscription-economics-empty>span{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;color:var(--primary-color);background:var(--primary-light);border-radius:12px}.subscription-economics-empty svg,.economics-basis-note svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.subscription-economics-empty h3{margin:13px 0 0;color:var(--text-primary);font-size:.94rem}.subscription-economics-empty p{margin:5px 0 0;font-size:.78rem}.subscription-empty-inline{grid-column:1 / -1;min-height:120px;background:var(--surface);border:1px dashed var(--border);border-radius:12px;font-size:.8rem}.subscription-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:13px}.subscription-pagination button{min-height:34px;padding:6px 12px;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit;font-size:.74rem;font-weight:650;cursor:pointer}.subscription-pagination button:hover:not(:disabled){color:var(--primary-color);border-color:var(--primary-color)}.subscription-pagination button:disabled{opacity:.5;cursor:not-allowed}.subscription-pagination span{color:var(--text-secondary);font-size:.72rem}.economics-basis-note{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding:13px 15px;color:var(--text-secondary);background:var(--info-bg);border:1px solid var(--info-border);border-radius:10px}.economics-basis-note>svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--primary-color)}.economics-basis-note p{margin:0;font-size:.72rem;line-height:1.45}.economics-basis-note strong,.economics-basis-note span{display:block}.economics-basis-note strong{margin-bottom:2px;color:var(--text-primary);font-size:.74rem}html:root[data-theme=dark] .subscription-plan-badge.plan-free{color:#cbd5e1;background:#334155;border-color:#475569}html:root[data-theme=dark] .subscription-plan-badge.plan-starter{color:#93c5fd;background:#172554;border-color:#1e3a8a}html:root[data-theme=dark] .subscription-plan-badge.plan-pro{color:#c4b5fd;background:#2e1065;border-color:#4c1d95}html:root[data-theme=dark] .subscription-plan-badge.plan-scale{color:#6ee7b7;background:#022c22;border-color:#065f46}@media (prefers-color-scheme: dark){:root:not([data-theme]) .subscription-plan-badge.plan-free{color:#cbd5e1;background:#334155;border-color:#475569}:root:not([data-theme]) .subscription-plan-badge.plan-starter{color:#93c5fd;background:#172554;border-color:#1e3a8a}:root:not([data-theme]) .subscription-plan-badge.plan-pro{color:#c4b5fd;background:#2e1065;border-color:#4c1d95}:root:not([data-theme]) .subscription-plan-badge.plan-scale{color:#6ee7b7;background:#022c22;border-color:#065f46}}@media (max-width: 1300px){.subscription-summary-grid,.package-economics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1050px){.subscription-economics-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-search{grid-column:1 / -1}.account-economics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-economics-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.account-economics-metrics>div:nth-child(4){border-top:1px solid var(--border)}}@media (max-width: 768px){.content-area:has(.subscription-economics-page){padding:20px 16px}.subscription-economics-header{align-items:stretch;flex-direction:column;gap:16px}.subscription-refresh{align-self:flex-start}.subscription-economics-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-search{grid-column:1 / -1}.subscription-economics-toolbar select:last-child{grid-column:1 / -1}.account-economics-card{grid-template-columns:minmax(0,1fr) auto}.account-economics-plan{grid-column:1;grid-row:2;justify-content:flex-start}.account-economics-link{grid-column:2;grid-row:1 / span 2}.account-economics-footnote{align-items:flex-start;flex-direction:column;gap:3px}}@media (max-width: 620px){.subscription-summary-grid,.package-economics-grid{grid-template-columns:minmax(0,1fr)}.subscription-section-heading{align-items:flex-start;flex-direction:column;gap:5px}.subscription-summary-card{min-height:112px}.account-economics-metrics{grid-template-columns:minmax(0,1fr)}.account-economics-metrics>div+div,.account-economics-metrics>div:nth-child(3){border-top:1px solid var(--border);border-left:0}}@media (max-width: 480px){.subscription-economics-header h1{font-size:1.65rem}.subscription-economics-toolbar{grid-template-columns:minmax(0,1fr)}.subscription-search,.subscription-economics-toolbar select:last-child{grid-column:auto}.account-economics-list{padding:8px}.account-economics-card{display:flex;flex-direction:column;gap:13px;padding:14px}.account-economics-plan{order:2}.account-economics-link{align-self:flex-start;order:5}.account-economics-metrics{order:3}.account-economics-footnote{order:4}.package-economics-metrics{gap:6px}.package-economics-metrics div{padding:8px 6px}}