.ai-fab{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px rgba(99,102,241,.4);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:transform .2s,box-shadow .2s;width:56px;z-index:1300}.ai-fab:hover{box-shadow:0 6px 28px rgba(99,102,241,.5);transform:scale(1.08)}.ai-chat-panel{background:#1e1e2e;border-radius:16px;bottom:92px;box-shadow:0 8px 40px rgba(0,0,0,.35);color:#e0e0e0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;height:520px;max-height:calc(100vh - 140px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;width:400px;z-index:1300}.ai-chat-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;justify-content:space-between;padding:14px 16px}.ai-chat-title{font-size:15px;font-weight:600}.ai-chat-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:4px}.ai-chat-close:hover{background:hsla(0,0%,100%,.15)}.ai-tabs{background:#252536;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-shrink:0}.ai-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:hsla(0,0%,100%,.45);cursor:pointer;display:flex;flex:1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:color .15s,border-color .15s}.ai-tab:hover{color:hsla(0,0%,100%,.7)}.ai-tab--active{border-bottom-color:#818cf8;color:#fff}.ai-chat-messages{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:12px}.ai-chat-messages::-webkit-scrollbar{width:5px}.ai-chat-messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:3px}.ai-msg{border-radius:12px;font-size:13.5px;line-height:1.55;max-width:85%;padding:10px 14px;word-break:break-word}.ai-msg.user{align-self:flex-end;background:#6366f1;border-bottom-right-radius:4px;color:#fff}.ai-msg.assistant{align-self:flex-start;background:hsla(0,0%,100%,.07);border-bottom-left-radius:4px}.ai-msg.assistant p{margin:0 0 6px}.ai-msg.assistant p:last-child{margin-bottom:0}.ai-msg.assistant code{background:hsla(0,0%,100%,.1);border-radius:4px;font-size:12.5px;padding:1px 5px}.ai-msg.assistant a{color:#818cf8}.ai-msg-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ai-action-chip{align-items:center;background:transparent;border:1px solid #6366f1;border-radius:14px;color:#818cf8;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px;transition:background .15s}.ai-action-chip:hover{background:rgba(99,102,241,.15)}.ai-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 16px}.ai-typing span{animation:ai-bounce 1.2s infinite;background:hsla(0,0%,100%,.35);border-radius:50%;height:7px;width:7px}.ai-typing span:nth-child(2){animation-delay:.15s}.ai-typing span:nth-child(3){animation-delay:.3s}.ai-chat-input{align-items:center;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:8px;padding:12px}.ai-chat-input-field{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#e0e0e0;flex:1;font-size:13.5px;outline:none;padding:10px 14px;transition:border-color .15s}.ai-chat-input-field::placeholder{color:hsla(0,0%,100%,.35)}.ai-chat-input-field:focus{border-color:#6366f1}.ai-chat-input-field:disabled{opacity:.5}.ai-chat-send{align-items:center;background:#6366f1;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:background .15s;width:38px}.ai-chat-send:hover:not(:disabled){background:#4f46e5}.ai-chat-send:disabled{cursor:default;opacity:.4}.ai-spinner{animation:ai-spin .6s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}.ai-fb-container{flex:1;overflow-y:auto}.ai-fb-container,.ai-fb-form{display:flex;flex-direction:column}.ai-fb-form{flex:1;gap:14px;padding:16px}.ai-fb-types{display:flex;gap:6px}.ai-fb-type-btn{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:hsla(0,0%,100%,.5);cursor:pointer;flex:1;font-size:12px;padding:8px 6px;text-align:center;transition:all .15s}.ai-fb-type-btn:hover{border-color:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.75)}.ai-fb-type-btn--active{background:rgba(99,102,241,.15);border-color:#6366f1;color:#818cf8}.ai-fb-textarea{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;color:#e0e0e0;flex:1;font-family:inherit;font-size:13.5px;line-height:1.5;min-height:100px;outline:none;padding:10px 14px;resize:vertical;transition:border-color .15s}.ai-fb-textarea::placeholder{color:hsla(0,0%,100%,.35)}.ai-fb-textarea:focus{border-color:#6366f1}.ai-fb-actions{display:flex;gap:8px;justify-content:flex-end}.ai-fb-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:background .15s,opacity .15s}.ai-fb-btn--secondary{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.65)}.ai-fb-btn--secondary:hover{background:hsla(0,0%,100%,.12)}.ai-fb-btn--primary{background:#6366f1;color:#fff}.ai-fb-btn--primary:hover:not(:disabled){background:#4f46e5}.ai-fb-btn--primary:disabled{cursor:default;opacity:.4}.ai-fb-success{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px}.ai-fb-success p{color:hsla(0,0%,100%,.65);font-size:14px;margin:0}@keyframes ai-pulse{0%,to{box-shadow:0 0 0 0 rgba(99,102,241,.6)}50%{box-shadow:0 0 0 8px rgba(99,102,241,0)}}.ai-highlight-pulse{animation:ai-pulse 1.5s ease-in-out 3;border-radius:4px;outline:2px solid #6366f1;outline-offset:2px}@keyframes ai-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes ai-spin{to{transform:rotate(1turn)}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width var(--transition-normal);width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-md)}.sidebar.collapsed .logo-text{display:none}.sidebar.collapsed .sidebar-toggle{margin-left:0;position:static}.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-sm)}.sidebar.collapsed .nav-item-label{display:none}.sidebar.collapsed .nav-item-icon{margin-right:0}.sidebar-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:var(--spacing-sm)}.logo-icon{flex-shrink:0;height:36px;width:36px}.logo-icon img{height:100%;width:100%}.logo-text{display:flex;flex-direction:column}.logo-name{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.logo-badge{color:var(--color-primary);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sidebar-toggle{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.sidebar-toggle:hover{background:var(--bg-quaternary);color:var(--text-primary)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.nav-section{margin-bottom:var(--spacing-md)}.nav-section-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-lg);text-transform:uppercase}.nav-items{list-style:none;margin:0;padding:0}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);margin:0 var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:rgba(var(--color-primary-rgb),.1)}.nav-item.active,.nav-item.active .nav-item-icon{color:var(--color-primary)}.nav-item-icon{color:var(--text-tertiary);flex-shrink:0;transition:color var(--transition-fast)}.nav-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid var(--border-primary);padding:var(--spacing-md) var(--spacing-lg)}.sidebar-version{color:var(--text-tertiary);font-size:11px;text-align:center}.toast-container{display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none;position:fixed;right:1rem;top:1rem;z-index:9999}.toast-container>*{pointer-events:auto}.toast{align-items:flex-start;animation:toastEnter .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative}.toast--exiting{animation:toastExit .3s ease-out forwards}.toast__icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast__content{flex:1;min-width:0}.toast__title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.toast__message{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.toast__close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.toast__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast__progress{animation:toastProgress linear forwards;bottom:0;height:3px;left:0;position:absolute;width:100%}.toast--success{border-left:3px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--success .toast__progress{background:var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--error .toast__progress{background:var(--color-error)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--warning .toast__progress{background:var(--color-warning)}.toast--info{border-left:3px solid var(--color-primary)}.toast--info .toast__icon{color:var(--color-primary)}.toast--info .toast__progress{background:var(--color-primary)}@keyframes toastEnter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastExit{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes toastProgress{0%{width:100%}to{width:0}}.two-factor-setup{padding:1.5rem}.two-factor-setup .loading-state{align-items:center;color:var(--text-secondary);display:flex;gap:.75rem;justify-content:center;padding:2rem}.two-factor-setup .alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.two-factor-setup .alert-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#10b981}.two-factor-setup .alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.two-factor-setup .alert .alert-close{background:none;border:none;cursor:pointer;font-size:1.25rem;margin-left:auto;opacity:.6;transition:opacity .2s}.two-factor-setup .alert .alert-close:hover{opacity:1}.two-factor-setup .status-view .status-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.two-factor-setup .status-view .status-header .status-icon{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;width:56px}.two-factor-setup .status-view .status-header .status-icon.enabled{background:rgba(16,185,129,.1);color:#10b981}.two-factor-setup .status-view .status-header .status-icon.disabled{background:rgba(156,163,175,.1);color:var(--text-secondary)}.two-factor-setup .status-view .status-header .status-info h3{font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.two-factor-setup .status-view .status-header .status-info .status-badge{border-radius:100px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.two-factor-setup .status-view .status-header .status-info .status-badge.enabled{background:rgba(16,185,129,.1);color:#10b981}.two-factor-setup .status-view .status-header .status-info .status-badge.disabled{background:rgba(156,163,175,.1);color:var(--text-secondary)}.two-factor-setup .status-view .enabled-info .info-row{align-items:center;background:var(--background-secondary);border-radius:8px;color:var(--text-secondary);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.two-factor-setup .status-view .enabled-info .info-row strong{color:var(--text-primary)}.two-factor-setup .status-view .enabled-info .warning-box{align-items:flex-start;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#f59e0b;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.two-factor-setup .status-view .enabled-info .warning-box svg{flex-shrink:0;margin-top:.125rem}.two-factor-setup .status-view .enabled-info .actions{display:flex;flex-wrap:wrap;gap:1rem}.two-factor-setup .status-view .setup-prompt p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.two-factor-setup .setup-view .setup-header{align-items:center;color:var(--primary);display:flex;gap:.75rem;margin-bottom:1.5rem}.two-factor-setup .setup-view .setup-header h3{font-size:1.125rem;font-weight:600;margin:0}.two-factor-setup .setup-view .setup-content .qr-section{background:var(--background-secondary);border-radius:12px;margin-bottom:1.5rem;padding:2rem;text-align:center}.two-factor-setup .setup-view .setup-content .qr-section .qr-code{background:#fff;border-radius:8px;display:inline-block;margin-bottom:1rem;padding:1rem}.two-factor-setup .setup-view .setup-content .qr-section .qr-instruction{color:var(--text-secondary);margin:0}.two-factor-setup .setup-view .setup-content .manual-entry{margin-bottom:1.5rem}.two-factor-setup .setup-view .setup-content .manual-entry h4{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .75rem}.two-factor-setup .setup-view .setup-content .manual-entry .secret-box{align-items:center;background:var(--background-secondary);border-radius:8px;display:flex;font-family:monospace;gap:.75rem;padding:1rem}.two-factor-setup .setup-view .setup-content .manual-entry .secret-box code{flex:1;font-size:.875rem;letter-spacing:.1em;word-break:break-all}.two-factor-setup .setup-view .setup-content .manual-entry .secret-box .copy-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:color .2s}.two-factor-setup .setup-view .setup-content .manual-entry .secret-box .copy-btn:hover{color:var(--primary)}.two-factor-setup .setup-view .setup-content .verify-section label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.two-factor-setup .setup-view .setup-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.two-factor-setup .code-input-wrapper{max-width:200px}.two-factor-setup .code-input-wrapper .code-input{background:var(--background-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:1.5rem;letter-spacing:.5em;padding:1rem;text-align:center;transition:border-color .2s;width:100%}.two-factor-setup .code-input-wrapper .code-input:focus{border-color:var(--primary);outline:none}.two-factor-setup .code-input-wrapper .code-input::placeholder{color:var(--text-tertiary);letter-spacing:.5em}.two-factor-setup .backup-view .backup-header{align-items:center;color:var(--primary);display:flex;gap:.75rem;margin-bottom:1.5rem}.two-factor-setup .backup-view .backup-header h3{font-size:1.125rem;font-weight:600;margin:0}.two-factor-setup .backup-view .backup-content .warning-box{align-items:flex-start;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#f59e0b;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.two-factor-setup .backup-view .backup-content .warning-box svg{flex-shrink:0;margin-top:.125rem}.two-factor-setup .backup-view .backup-content .codes-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.two-factor-setup .backup-view .backup-content .codes-grid .backup-code{align-items:center;background:var(--background-secondary);border-radius:8px;display:flex;font-family:monospace;gap:.75rem;padding:.75rem 1rem}.two-factor-setup .backup-view .backup-content .codes-grid .backup-code .code-number{color:var(--text-tertiary);font-size:.75rem;width:1.5rem}.two-factor-setup .backup-view .backup-content .codes-grid .backup-code code{font-size:.9375rem;letter-spacing:.05em}.two-factor-setup .backup-view .backup-content .copy-all-btn{width:100%}.two-factor-setup .backup-view .regenerate-content{padding:1.5rem;text-align:center}.two-factor-setup .backup-view .regenerate-content p{color:var(--text-secondary);margin-bottom:1.5rem}.two-factor-setup .backup-view .regenerate-content .code-input-wrapper{margin:0 auto 1.5rem}.two-factor-setup .backup-view .backup-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.two-factor-setup .disable-view .disable-header{align-items:center;color:#ef4444;display:flex;gap:.75rem;margin-bottom:1.5rem}.two-factor-setup .disable-view .disable-header h3{font-size:1.125rem;font-weight:600;margin:0}.two-factor-setup .disable-view .disable-content .warning-box{align-items:flex-start;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);border-radius:8px;color:#f59e0b;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.two-factor-setup .disable-view .disable-content .warning-box.danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444}.two-factor-setup .disable-view .disable-content .warning-box svg{flex-shrink:0;margin-top:.125rem}.two-factor-setup .disable-view .disable-content .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.two-factor-setup .disable-view .disable-content .form-group .password-input{position:relative}.two-factor-setup .disable-view .disable-content .form-group .password-input input{background:var(--background-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9375rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.two-factor-setup .disable-view .disable-content .form-group .password-input input:focus{border-color:var(--primary);outline:none}.two-factor-setup .disable-view .disable-content .form-group .password-input .toggle-password{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.two-factor-setup .disable-view .disable-content .form-group .password-input .toggle-password:hover{color:var(--text-primary)}.two-factor-setup .disable-view .disable-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.two-factor-setup .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.two-factor-setup .btn:disabled{cursor:not-allowed;opacity:.6}.two-factor-setup .btn-primary{background:var(--primary);color:#fff}.two-factor-setup .btn-primary:hover:not(:disabled){background:var(--primary-hover)}.two-factor-setup .btn-secondary{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.two-factor-setup .btn-secondary:hover:not(:disabled){background:var(--background-tertiary)}.two-factor-setup .btn-ghost{background:transparent;color:var(--text-secondary)}.two-factor-setup .btn-ghost:hover:not(:disabled){background:var(--background-secondary);color:var(--text-primary)}.two-factor-setup .btn-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444}.two-factor-setup .btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.profile-modal-overlay{align-items:center;animation:fadeIn .15s ease-out;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.profile-modal{animation:slideIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:720px;width:100%}.modal-header{padding:1rem 1.5rem}.modal-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-header .close-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.modal-header .close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{display:flex;flex:1;overflow:hidden}.modal-tabs{background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;padding:1rem;width:200px}.tab-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease}.tab-btn.active,.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-btn.active{font-weight:500}.tab-btn.active svg{color:var(--color-primary)}.modal-content{flex:1;overflow-y:auto;padding:1.5rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.form-section{gap:1rem}.form-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.form-section .section-hint{color:var(--text-tertiary);font-size:13px;margin:-.5rem 0 .5rem}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-row input[type=email],.form-row input[type=password],.form-row input[type=text]{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:.625rem .875rem;transition:all .15s ease}.form-row input[type=email]::placeholder,.form-row input[type=password]::placeholder,.form-row input[type=text]::placeholder{color:var(--text-tertiary)}.form-row input[type=email]:focus,.form-row input[type=password]:focus,.form-row input[type=text]:focus{background:var(--bg-tertiary);border-color:var(--color-primary);outline:none}.form-row .error{color:var(--color-error);font-size:12px}.password-input{align-items:center;display:flex;position:relative}.password-input input{padding-right:40px;width:100%}.password-input .toggle-password{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;width:28px}.password-input .toggle-password:hover{color:var(--text-secondary)}.form-actions{gap:.75rem;padding-top:1rem}.btn{transition:all .15s ease}.btn-primary:hover:not(:disabled){opacity:.9}.settings-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 1rem}.notification-options{display:flex;flex-direction:column;gap:.5rem}.toggle-option{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1rem;transition:all .15s ease}.toggle-option:hover{border-color:var(--border-secondary)}.toggle-option input[type=checkbox]{display:none}.toggle-option input[type=checkbox]:checked+.toggle-switch{background:var(--color-primary)}.toggle-option input[type=checkbox]:checked+.toggle-switch:before{transform:translateX(20px)}.toggle-option .toggle-switch{background:var(--bg-quaternary);border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:44px}.toggle-option .toggle-switch:before{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.option-info{gap:2px}.option-desc{font-size:12px}.theme-options{display:flex;gap:1rem;margin-bottom:2rem}.theme-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.75rem}.theme-option input[type=radio]{display:none}.theme-option input[type=radio]:checked+.theme-preview{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(168,85,247,.2)}.theme-option span{color:var(--text-secondary);font-size:13px}.theme-preview{border:2px solid var(--border-primary);border-radius:var(--radius-md);display:flex;height:70px;overflow:hidden;transition:all .15s ease;width:100px}.theme-preview.dark{background:#0d0d0d}.theme-preview.dark .theme-header,.theme-preview.dark .theme-sidebar{background:#1a1a1a}.theme-preview.dark .theme-body{background:#0d0d0d}.theme-preview.light{background:#fff}.theme-preview.light .theme-sidebar{background:#f4f4f5}.theme-preview.light .theme-header{background:#fff;border-bottom:1px solid #e4e4e7}.theme-preview.light .theme-body{background:#fafafa}.theme-preview.system{background:linear-gradient(135deg,#0d0d0d 50%,#fff 0)}.theme-preview.system .theme-sidebar{background:linear-gradient(135deg,#1a1a1a 50%,#f4f4f5 0)}.theme-sidebar{flex-shrink:0;width:24px}.theme-content{display:flex;flex:1;flex-direction:column}.theme-header{height:12px}.theme-body{flex:1}.language-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;padding:.625rem .875rem;width:200px}.language-select:focus{border-color:var(--color-primary);outline:none}@media(max-width:640px){.modal-body{flex-direction:column}.modal-tabs{border-bottom:1px solid var(--border-primary);border-right:none;flex-direction:row;overflow-x:auto;padding:.5rem;width:100%}.tab-btn{flex-shrink:0;padding:.5rem .75rem}.theme-options{flex-wrap:wrap}}.profile-menu{position:relative}.profile-trigger{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:all .15s ease}.profile-trigger.active,.profile-trigger:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.profile-trigger .chevron{color:var(--text-tertiary);transition:transform .2s ease}.profile-trigger .chevron.rotated{transform:rotate(180deg)}.profile-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.profile-info{display:flex;flex-direction:column;text-align:left}.profile-name{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.2}.profile-email{color:var(--text-tertiary);font-size:12px}.profile-dropdown{animation:dropdownSlide .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);position:absolute;right:0;top:calc(100% + 4px);width:280px;z-index:100}.dropdown-header{align-items:center;display:flex;gap:.75rem;padding:1rem}.header-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.header-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.header-name{color:var(--text-primary);font-size:15px;font-weight:600}.header-email{color:var(--text-tertiary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{align-self:flex-start;border-radius:var(--radius-sm);display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.02em;margin-top:4px;padding:2px 8px;text-transform:uppercase}.role-badge.super{background:rgba(168,85,247,.1);color:var(--color-primary)}.role-badge.admin{background:rgba(59,130,246,.1);color:var(--color-info)}.role-badge.support{background:rgba(34,197,94,.1);color:var(--color-success)}.dropdown-divider{background:var(--border-primary);height:1px;margin:0}.dropdown-section{padding:.5rem}.dropdown-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all .1s ease;width:100%}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.logout{color:var(--color-error)}.dropdown-item.logout:hover{background:rgba(239,68,68,.1)}.dropdown-item svg{flex-shrink:0}.dropdown-item span{flex:1}.notifications-dropdown{position:relative}.notifications-trigger{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .15s ease;width:40px}.notifications-trigger.active,.notifications-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notifications-trigger .notification-badge{align-items:center;background:var(--color-error);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:4px;top:4px}.notifications-panel{animation:panelSlide .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);width:380px;z-index:100}@keyframes panelSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1rem}.panel-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.panel-header .mark-all-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;font-size:12px;gap:.375rem;padding:.375rem .625rem;transition:all .15s ease}.panel-header .mark-all-btn:hover:not(:disabled){background:rgba(168,85,247,.1)}.panel-header .mark-all-btn:disabled{cursor:not-allowed;opacity:.5}.notifications-list{max-height:400px;overflow-y:auto}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-track{background:transparent}.notifications-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.notification-item{align-items:flex-start;background:transparent;border:none;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;position:relative;text-align:left;transition:all .1s ease;width:100%}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:rgba(168,85,247,.03)}.notification-item.unread:hover{background:rgba(168,85,247,.06)}.notification-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-icon.success{background:rgba(34,197,94,.1);color:var(--color-success)}.notification-icon.info{background:rgba(59,130,246,.1);color:var(--color-info)}.notification-icon.warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.notification-icon.error{background:rgba(239,68,68,.1);color:var(--color-error)}.notification-icon.security{background:rgba(168,85,247,.1);color:var(--color-primary)}.notification-icon.default{background:var(--bg-tertiary);color:var(--text-tertiary)}.notification-content{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notification-title{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.3}.notification-message{color:var(--text-tertiary);display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.notification-time{color:var(--text-tertiary);font-size:11px;margin-top:2px}.unread-dot{background:var(--color-primary);border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.panel-footer{background:var(--bg-primary);border-top:1px solid var(--border-primary);padding:.75rem 1rem}.view-all-btn{background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:500;padding:.625rem;transition:all .15s ease;width:100%}.view-all-btn:hover{background:rgba(168,85,247,.05);border-color:var(--color-primary)}.empty-state,.loading-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem}.empty-state svg,.loading-state svg{opacity:.5}.empty-state span,.loading-state span{font-size:13px}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);height:var(--header-height);justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:50}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-md)}.header-search{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:8px 12px;transition:all var(--transition-fast);width:280px}.header-search:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.header-search .search-icon{color:var(--text-tertiary);flex-shrink:0}.header-search .search-placeholder{color:var(--text-tertiary);flex:1;text-align:left}.header-search .search-shortcut{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-tertiary);display:flex;font-family:inherit;font-size:11px;gap:2px;padding:3px 6px}.header-search .search-shortcut svg{margin-right:2px}.header-right{gap:var(--spacing-sm)}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--color-warning)}.header-action{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.header-action:hover{background:var(--bg-tertiary);color:var(--text-primary)}.header-action.logout:hover{color:var(--color-error)}.header-action .notification-badge{align-items:center;background:var(--color-error);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:4px;top:4px}.command-palette-overlay{align-items:flex-start;animation:fadeIn .15s ease-out;backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding-top:15vh;position:fixed;right:0;top:0;z-index:9999}.command-palette{animation:slideIn .2s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:560px;overflow:hidden;width:100%}.command-palette-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:.75rem;padding:.75rem 1rem}.command-palette-header .search-icon{color:var(--text-tertiary);flex-shrink:0}.command-palette-header .loading-icon{color:var(--color-primary);flex-shrink:0}.command-palette-header .close-button{align-items:center;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.command-palette-header .close-button:hover{background:var(--bg-quaternary);color:var(--text-primary)}.command-palette-input{background:none;border:none;color:var(--text-primary);flex:1;font-size:15px;outline:none}.command-palette-input::placeholder{color:var(--text-tertiary)}.command-palette-body{max-height:400px;overflow-y:auto;padding:.5rem}.command-palette-body::-webkit-scrollbar{width:6px}.command-palette-body::-webkit-scrollbar-track{background:transparent}.command-palette-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.command-group:not(:last-child){border-bottom:1px solid var(--border-primary);margin-bottom:.5rem;padding-bottom:.5rem}.command-group-title{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.command-item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;transition:all .1s ease}.command-item.selected,.command-item:hover{background:var(--bg-secondary)}.command-item.selected{background:var(--bg-tertiary)}.command-item.selected .command-item-arrow{opacity:1}.command-item-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.selected .command-item-icon{background:rgba(168,85,247,.1);color:var(--color-primary)}.command-item-content{display:flex;flex:1;flex-direction:column;min-width:0}.command-item-title{color:var(--text-primary);font-size:14px;font-weight:500}.command-item-subtitle,.command-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-item-subtitle{color:var(--text-tertiary);font-size:12px;margin-top:1px}.command-item-arrow{color:var(--text-tertiary);flex-shrink:0;opacity:0;transition:opacity .1s ease}.command-empty{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}.command-empty svg{opacity:.3}.command-empty span{font-size:14px}.command-palette-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;gap:1.5rem;padding:.625rem 1rem}.shortcut-hint{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;gap:.375rem}.shortcut-hint kbd{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-family:inherit;font-size:10px;height:18px;min-width:20px;padding:0 4px}.login-page,.shortcut-hint kbd{align-items:center;justify-content:center}.login-page{display:flex;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;position:absolute}.login-background .bg-gradient{background:var(--login-gradient);inset:0;position:absolute}.login-background .bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(168,85,247,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.05) 0,transparent 50%);inset:0;position:absolute}.login-container{max-width:400px;padding:var(--spacing-lg);position:relative;width:100%;z-index:10}.login-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--login-card-shadow);padding:var(--spacing-2xl)}.login-header{margin-bottom:var(--spacing-xl);text-align:center}.login-logo{height:60px;margin:0 auto var(--spacing-md);width:60px}.login-logo img{height:100%;width:100%}.login-title{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--text-secondary);font-size:14px}.login-error{align-items:center;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.login-form{gap:var(--spacing-md)}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-label{color:var(--text-secondary);font-size:14px;font-weight:500}.input-wrapper{position:relative}.input-wrapper .input-icon{color:var(--text-tertiary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper .form-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:12px 12px 12px 42px;transition:all var(--transition-fast);width:100%}.input-wrapper .form-input::placeholder{color:var(--text-tertiary)}.input-wrapper .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(168,85,247,.1);outline:none}.input-wrapper .form-input:disabled{cursor:not-allowed;opacity:.6}.login-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);padding:12px;transition:all var(--transition-fast);width:100%}.login-button:hover:not(:disabled){box-shadow:0 4px 12px rgba(168,85,247,.4);transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.two-factor-icon{color:var(--color-primary);display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.code-input-wrapper .form-input.code-input{font-family:Monaco,Menlo,monospace;font-size:24px;letter-spacing:.5em;padding:16px 12px;text-align:center}.code-input-wrapper .form-input.code-input::placeholder{letter-spacing:.5em}.form-hint{color:var(--text-tertiary);font-size:12px;margin-top:var(--spacing-xs);text-align:center}.back-button{align-items:center;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:10px;transition:all var(--transition-fast);width:100%}.back-button:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.back-button:disabled{cursor:not-allowed;opacity:.5}.login-footer{border-top:1px solid var(--border-primary);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.login-footer p{color:var(--text-tertiary);font-size:12px}.animate-spin{animation:spin 1s linear infinite}.error-banner{align-items:flex-start;background-color:var(--color-error-bg,#fef2f2);border:1px solid var(--color-error-border,#fecaca);border-radius:6px;color:var(--color-error,#dc2626);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.error-banner__icon{flex-shrink:0;height:20px;margin-top:1px;width:20px}.error-banner__content{flex:1;min-width:0}.error-banner__title{font-size:var(--font-size-base,14px);font-weight:600;margin-bottom:4px}.error-banner__message{font-size:var(--font-size-small,13px);line-height:1.4;word-break:break-word}.error-banner__dismiss{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;opacity:.7;padding:4px;transition:opacity .15s ease}.error-banner__dismiss:hover{opacity:1}.skeleton{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-quaternary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{display:flex;flex-direction:column;gap:.5rem}.skeleton-text__line:last-child{width:70%}.skeleton-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.skeleton-card__image{border-radius:0}.skeleton-card__content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.skeleton-card__title{margin-bottom:.25rem}.skeleton-table{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table__header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:1rem}.skeleton-table__body{padding:.5rem 0}.skeleton-table__row{border-bottom:1px solid var(--border-primary);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:.75rem 1rem}.skeleton-table__row:last-child{border-bottom:none}.skeleton-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skeleton-stats__item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.skeleton-stats__value{margin-bottom:.25rem}.skeleton-list{display:flex;flex-direction:column;gap:.75rem}.skeleton-list__item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:.75rem}.skeleton-list__content{display:flex;flex:1;flex-direction:column;gap:.375rem}.confirm-modal-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;backdrop-filter:blur(4px);background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9998}.confirm-modal{animation:modalSlideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);max-width:400px;padding:1.5rem;position:relative;text-align:center;width:100%}.confirm-modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:32px}.confirm-modal__close:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.confirm-modal__close:disabled{cursor:not-allowed;opacity:.5}.confirm-modal__icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.confirm-modal__icon--danger{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.confirm-modal__icon--warning{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.confirm-modal__icon--info{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.confirm-modal__title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.confirm-modal__message{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.confirm-modal__actions{display:flex;gap:.75rem;justify-content:center}.confirm-modal__actions .btn{flex:1;max-width:140px}.btn{font-size:.875rem;padding:.625rem 1rem;transition:all .2s}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.image-upload__label{color:var(--text-primary,#fff);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.image-upload__input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.image-upload__url-input{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);flex:1;font-size:.875rem;padding:.75rem}.image-upload__url-input:focus{border-color:var(--primary,#3b82f6);outline:none}.image-upload__url-input::placeholder{color:var(--text-muted,#555)}.image-upload__upload-btn{align-items:center;background:var(--primary,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background .2s;width:44px}.image-upload__upload-btn:hover:not(:disabled){background:var(--primary-hover,#2563eb)}.image-upload__upload-btn:disabled{cursor:not-allowed;opacity:.6}.image-upload__upload-btn .spin{animation:spin 1s linear infinite}.image-upload__error{color:var(--danger,#ef4444);font-size:.75rem;margin-bottom:.5rem}.image-upload__dropzone{align-items:center;background:var(--bg-tertiary,#252529);border:2px dashed var(--border-color,#333);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:120px;padding:1.5rem;text-align:center;transition:all .2s}.image-upload__dropzone:hover:not(.has-image){background:rgba(59,130,246,.05);border-color:var(--primary,#3b82f6)}.image-upload__dropzone.dragging{background:rgba(59,130,246,.1);border-color:var(--primary,#3b82f6)}.image-upload__dropzone.has-image{cursor:default;overflow:hidden;padding:0}.image-upload__loading{align-items:center;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:.75rem}.image-upload__loading .spin{animation:spin 1s linear infinite}.image-upload__placeholder{align-items:center;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:.5rem}.image-upload__placeholder svg{opacity:.5}.image-upload__placeholder .hint{color:var(--text-muted,#555);font-size:.75rem}.image-upload__preview{height:100%;position:relative;width:100%}.image-upload__preview img{height:100%;object-fit:cover;width:100%}.image-upload__clear-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:28px}.image-upload__clear-btn:hover{background:var(--danger,#ef4444)}.image-upload__suggestions{border-top:1px solid var(--border-color,#333);margin-top:1rem;padding-top:1rem}.image-upload__suggestions>label{color:var(--text-secondary,#888);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.image-upload__suggestions .suggestion-category{margin-bottom:.75rem}.image-upload__suggestions .suggestion-category:last-child{margin-bottom:0}.image-upload__suggestions .suggestion-category .category-label{color:var(--text-muted,#666);display:block;font-size:.75rem;margin-bottom:.5rem}.image-upload__suggestions .suggestion-grid{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.image-upload__suggestions .suggestion-item{aspect-ratio:16/9;background:none;border:2px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden;padding:0;transition:all .2s}.image-upload__suggestions .suggestion-item img{height:100%;object-fit:cover;width:100%}.image-upload__suggestions .suggestion-item:hover{border-color:var(--primary,#3b82f6);transform:scale(1.05)}.image-upload__suggestions .suggestion-item.selected{border-color:var(--success,#22c55e);box-shadow:0 0 0 2px rgba(34,197,94,.3)}.rich-text-editor{display:flex;flex-direction:column;height:100%}.rich-text-editor .quill{background:var(--bg-secondary,#1a1a1f);border-radius:8px;display:flex;flex:1;flex-direction:column;min-height:0}.rich-text-editor .ql-toolbar.ql-snow{background:var(--bg-tertiary,#252529);border:1px solid var(--border-color,#333);border-bottom:none;border-radius:8px 8px 0 0;padding:8px}.rich-text-editor .ql-toolbar.ql-snow .ql-formats{margin-right:12px}.rich-text-editor .ql-toolbar.ql-snow button{color:var(--text-secondary,#888)}.rich-text-editor .ql-toolbar.ql-snow button.ql-active,.rich-text-editor .ql-toolbar.ql-snow button:hover{color:var(--primary,#3b82f6)}.rich-text-editor .ql-toolbar.ql-snow button .ql-stroke{stroke:currentColor}.rich-text-editor .ql-toolbar.ql-snow button .ql-fill{fill:currentColor}.rich-text-editor .ql-toolbar.ql-snow .ql-picker{color:var(--text-secondary,#888)}.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-label,.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-label:before{color:inherit}.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-label .ql-stroke{stroke:currentColor}.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-options{background:var(--bg-tertiary,#252529);border:1px solid var(--border-color,#333);border-radius:6px;padding:8px}.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-options .ql-picker-item{border-radius:4px;color:var(--text-primary,#fff);padding:4px 8px}.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-options .ql-picker-item:hover{background:var(--bg-secondary,#1a1a1f)}.rich-text-editor .ql-toolbar.ql-snow .ql-picker .ql-picker-options .ql-picker-item.ql-selected{color:var(--primary,#3b82f6)}.rich-text-editor .ql-container.ql-snow{border:1px solid var(--border-color,#333);border-radius:0 0 8px 8px;display:flex;flex:1;flex-direction:column;font-family:inherit;font-size:1rem;min-height:0;overflow:hidden}.rich-text-editor .ql-editor{color:var(--text-primary,#fff);flex:1;line-height:1.6;min-height:0;overflow-y:auto;padding:16px}.rich-text-editor .ql-editor.ql-blank:before{color:var(--text-muted,#555);font-style:normal}.rich-text-editor .ql-editor h1,.rich-text-editor .ql-editor h2,.rich-text-editor .ql-editor h3,.rich-text-editor .ql-editor h4,.rich-text-editor .ql-editor h5,.rich-text-editor .ql-editor h6{color:var(--text-primary,#fff);margin:1.5rem 0 .75rem}.rich-text-editor .ql-editor p{margin-bottom:1rem}.rich-text-editor .ql-editor a{color:var(--primary,#3b82f6)}.rich-text-editor .ql-editor blockquote{background:var(--bg-tertiary,#252529);border-left:4px solid var(--primary,#3b82f6);border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem 1.5rem}.rich-text-editor .ql-editor pre.ql-syntax{background:var(--bg-tertiary,#252529);border:1px solid var(--border-color,#333);border-radius:8px;color:#e5e5e5;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;padding:1rem}.rich-text-editor .ql-editor ol,.rich-text-editor .ql-editor ul{margin-bottom:1rem;padding-left:1.5rem}.rich-text-editor .ql-editor img{border-radius:8px;height:auto;margin:1rem 0;max-width:100%}.rich-text-editor .ql-tooltip{background:var(--bg-tertiary,#252529)!important;border:1px solid var(--border-color,#333)!important;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:var(--text-primary,#fff)!important;z-index:1000}.rich-text-editor .ql-tooltip input[type=text]{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:4px;color:var(--text-primary,#fff);padding:6px 10px}.rich-text-editor .ql-tooltip input[type=text]:focus{border-color:var(--primary,#3b82f6);outline:none}.rich-text-editor .ql-tooltip a{color:var(--primary,#3b82f6)!important}.rich-text-editor .ql-snow .ql-tooltip:before{color:var(--text-secondary,#888)}.rich-text-editor .ql-snow a{color:var(--primary,#3b82f6)}.export-button-container{display:inline-flex;position:relative}.export-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .15s ease}.export-button:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-secondary)}.export-button:disabled{cursor:not-allowed;opacity:.5}.export-button .chevron{margin-left:.25rem;transition:transform .2s ease}.export-button .chevron.rotated{transform:rotate(180deg)}.export-dropdown{animation:dropdownSlide .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.5rem;position:absolute;right:0;top:calc(100% + 4px);width:200px;z-index:100}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-option{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;padding:.625rem .75rem;text-align:left;transition:all .1s ease;width:100%}.export-option:hover{background:var(--bg-tertiary)}.export-option svg{color:var(--text-tertiary);flex-shrink:0}.export-option:hover svg{color:var(--color-primary)}.option-info{display:flex;flex-direction:column}.option-title{color:var(--text-primary);font-size:14px;font-weight:500}.option-desc{color:var(--text-tertiary);font-size:11px}.activity-feed{display:flex;flex-direction:column}.activity-feed.with-timeline .activity-item{padding-left:2.5rem;position:relative}.activity-feed.with-timeline .activity-item:not(.last) .activity-line{display:block}.activity-item{display:flex;gap:.75rem;padding:.875rem 0}.activity-item:not(:last-child){border-bottom:1px solid var(--border-primary)}.with-timeline .activity-item{border-bottom:none!important}.activity-line{background:var(--border-primary);bottom:-8px;display:none;left:16px;position:absolute;top:40px;width:2px}.activity-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.with-timeline .activity-icon{left:0;position:absolute;top:.875rem}.activity-icon.primary{background:rgba(168,85,247,.1);color:var(--color-primary)}.activity-icon.info{background:rgba(59,130,246,.1);color:var(--color-info)}.activity-icon.success{background:rgba(34,197,94,.1);color:var(--color-success)}.activity-icon.warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.activity-icon.error{background:rgba(239,68,68,.1);color:var(--color-error)}.activity-icon.security{background:hsla(220,9%,46%,.1);color:var(--text-secondary)}.activity-icon.default{background:var(--bg-tertiary);color:var(--text-tertiary)}.activity-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.activity-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.activity-title{color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4}.activity-time{color:var(--text-tertiary);cursor:help;flex-shrink:0;font-size:11px;white-space:nowrap}.activity-description{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.activity-meta{gap:1rem;margin-top:4px}.activity-meta,.meta-item{align-items:center;display:flex}.meta-item{color:var(--text-tertiary);font-size:11px;gap:4px}.meta-item svg{opacity:.7}.activity-empty,.activity-loading{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem}.activity-empty svg,.activity-loading svg{opacity:.5}.activity-empty span,.activity-loading span{font-size:13px}.activity-feed-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.activity-feed-card .activity-feed-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1rem 1.25rem}.activity-feed-card .activity-feed-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.activity-feed-card .activity-feed-header .activity-feed-action{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:12px;text-decoration:none}.activity-feed-card .activity-feed-header .activity-feed-action:hover{text-decoration:underline}.activity-feed-card .activity-feed-body{max-height:400px;overflow-y:auto;padding:.5rem 1.25rem}.activity-feed-card .activity-feed-body::-webkit-scrollbar{width:6px}.activity-feed-card .activity-feed-body::-webkit-scrollbar-track{background:transparent}.activity-feed-card .activity-feed-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.activity-feed-card .activity-feed-footer{border-top:1px solid var(--border-primary);padding:.75rem 1.25rem;text-align:center}.activity-feed-card .activity-feed-footer button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:13px}.activity-feed-card .activity-feed-footer button:hover{text-decoration:underline}.dashboard{animation:fadeIn .3s ease-out}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.dashboard-header h1{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.dashboard-header .dashboard-subtitle{color:var(--text-tertiary);font-size:14px;margin-top:4px}.dashboard-header .dashboard-actions{align-items:center;display:flex;gap:var(--spacing-md)}.dashboard-header .dashboard-time{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-tertiary);display:flex;font-size:13px;gap:var(--spacing-xs);padding:.5rem .75rem}.stats-grid{margin-bottom:var(--spacing-xl)}.stat-card{align-items:flex-start;border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1.25rem;position:relative;transition:all .2s ease}.stat-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0}.stat-card-icon.success{background:rgba(34,197,94,.1)}.stat-card-content{flex:1;min-width:0}.stat-card-value{font-size:24px}.stat-card-label{color:var(--text-tertiary);font-size:13px;margin-top:2px}.stat-card-change{align-items:center;border-radius:var(--radius-sm);display:flex;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:1rem;top:1rem}.stat-card-change.positive{background:rgba(34,197,94,.1)}.stat-card-change.negative{background:rgba(239,68,68,.1)}.charts-row{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-xl)}@media(max-width:1200px){.charts-row{grid-template-columns:1fr}}.chart-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:1.25rem}.chart-card .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-card .chart-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.chart-card .chart-header .chart-legend{align-items:center;display:flex;gap:1rem}.chart-card .chart-header .legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:6px}.chart-card .chart-header .legend-dot{border-radius:50%;height:8px;width:8px}.chart-card .chart-container{margin:0 -.5rem}.dashboard-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr 1fr}@media(max-width:1400px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.card{border-radius:var(--radius-xl);overflow:hidden}.card .card-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1rem 1.25rem}.card .card-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.card .card-header .card-link{color:var(--color-primary);font-size:12px;text-decoration:none}.card .card-header .card-link:hover{text-decoration:underline}.pie-card .pie-content{align-items:center;display:flex;gap:1rem;padding:1rem}@media(max-width:600px){.pie-card .pie-content{flex-direction:column}}.pie-card .pie-chart-wrapper{flex:1;min-width:180px}.pie-card .pie-legend{display:flex;flex-direction:column;gap:.75rem;min-width:120px}.pie-card .pie-legend-item{align-items:center;display:flex;gap:.5rem}.pie-card .pie-legend-dot{border-radius:2px;flex-shrink:0;height:10px;width:10px}.pie-card .pie-legend-name{color:var(--text-secondary);flex:1;font-size:13px}.pie-card .pie-legend-value{color:var(--text-primary);font-size:13px;font-weight:600}.activity-card .activity-list{display:flex;flex-direction:column;padding:.5rem 0}.activity-card .activity-item{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;gap:.75rem;padding:.75rem 1.25rem}.activity-card .activity-item:last-child{border-bottom:none}.activity-card .activity-item.company_created .activity-icon,.activity-card .activity-item.trial_started .activity-icon{background:rgba(168,85,247,.1);color:var(--color-primary)}.activity-card .activity-item.user_registered .activity-icon{background:rgba(59,130,246,.1);color:var(--color-info)}.activity-card .activity-item.plan_upgraded .activity-icon{background:rgba(34,197,94,.1);color:var(--color-success)}.activity-card .activity-item.error .activity-icon{background:rgba(239,68,68,.1);color:var(--color-error)}.activity-card .activity-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-card .activity-content{flex:1;min-width:0}.activity-card .activity-message{color:var(--text-primary);font-size:13px;line-height:1.4;margin:0 0 2px}.activity-card .activity-time{color:var(--text-tertiary);font-size:11px}.tenants-card .tenants-list{display:flex;flex-direction:column;padding:.5rem 0}.tenants-card .tenant-item{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:.75rem;padding:.75rem 1.25rem}.tenants-card .tenant-item:last-child{border-bottom:none}.tenants-card .tenant-rank{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-tertiary);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.tenants-card .tenant-info{display:flex;flex:1;flex-direction:column;min-width:0}.tenants-card .tenant-name{color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenants-card .tenant-code{color:var(--text-tertiary);font-size:11px}.tenants-card .tenant-stats{align-items:center;display:flex;flex-shrink:0;gap:1rem}.tenants-card .tenant-calls,.tenants-card .tenant-users{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.tenants-card .tenant-calls svg,.tenants-card .tenant-users svg{color:var(--text-tertiary)}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:13px;gap:.5rem;justify-content:center;padding:3rem 1rem}.error-state{color:var(--color-error)}.btn{font-size:13px;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-sm{font-size:12px;padding:.375rem .75rem}.billing-override.error-state,.billing-override.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 2rem}.billing-override .toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1.5rem;z-index:9999}.billing-override .toast{align-items:center;animation:slideInRight .2s ease;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;font-size:.875rem;font-weight:500;gap:.625rem;max-width:400px;min-width:280px;padding:.75rem 1rem}.billing-override .toast button{align-items:center;background:none;border:none;cursor:pointer;display:flex;margin-left:auto;opacity:.7;padding:0}.billing-override .toast button:hover{opacity:1}.billing-override .toast--success{background:#166534;color:#dcfce7}.billing-override .toast--success svg{color:#86efac}.billing-override .toast--error{background:#7f1d1d;color:#fee2e2}.billing-override .toast--error svg{color:#fca5a5}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.billing-override .billing-top-row{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);margin-bottom:1.5rem}@media(max-width:960px){.billing-override .billing-top-row{grid-template-columns:1fr}}.billing-override .status-section{margin-bottom:1.5rem}.billing-override .card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.billing-override .card .card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.billing-override .card .card-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.billing-override .card .card-header .card-hint{color:var(--text-tertiary);font-size:.75rem}.billing-override .card .card-header .status-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.billing-override .card .card-header .status-badge.trialing{background:rgba(59,130,246,.1);color:#3b82f6}.billing-override .card .card-header .status-badge.active{background:rgba(34,197,94,.1);color:#22c55e}.billing-override .card .card-header .status-badge.pastdue{background:rgba(245,158,11,.1);color:#f59e0b}.billing-override .card .card-header .status-badge.cancelled,.billing-override .card .card-header .status-badge.expired{background:rgba(239,68,68,.1);color:#ef4444}.billing-override .card .card-header .status-badge.paused{background:hsla(220,9%,46%,.1);color:#6b7280}.billing-override .card .card-body{padding:1.25rem}.billing-override .plan-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.billing-override .plan-row .plan-info{display:flex;flex-direction:column;gap:.125rem}.billing-override .plan-row .plan-label{color:var(--text-tertiary);font-size:.75rem}.billing-override .plan-row .plan-name{color:var(--text-primary);font-size:1.125rem;font-weight:700}.billing-override .btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.billing-override .btn-outline:hover:not(:disabled){background:rgba(var(--primary-rgb),.08)}.billing-override .status-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.billing-override .status-grid{grid-template-columns:repeat(2,1fr)}}.billing-override .status-grid .status-item .status-label{color:var(--text-tertiary);display:block;font-size:.75rem;margin-bottom:.25rem}.billing-override .status-grid .status-item .status-value{color:var(--text-primary);display:block;font-size:1rem;font-weight:600}.billing-override .status-grid .status-item .status-value.highlight{color:var(--primary)}.billing-override .grace-period-warning{align-items:center;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.billing-override .grace-period-warning>svg{color:#f59e0b;flex-shrink:0}.billing-override .grace-period-warning .grace-info{flex:1}.billing-override .grace-period-warning .grace-info strong{color:#f59e0b;display:block;font-size:.875rem;margin-bottom:.125rem}.billing-override .grace-period-warning .grace-info span{color:var(--text-secondary);font-size:.75rem}.billing-override .grace-period-warning .grace-actions{display:flex;gap:.5rem}.billing-override .usage-card .usage-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.billing-override .usage-card .usage-item .usage-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.billing-override .usage-card .usage-item .usage-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:.375rem;overflow:hidden}.billing-override .usage-card .usage-item .usage-bar .usage-fill{border-radius:4px;height:100%;transition:width .3s ease}.billing-override .usage-card .usage-item .usage-bar .usage-fill.normal{background:linear-gradient(90deg,#22c55e,#4ade80)}.billing-override .usage-card .usage-item .usage-bar .usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.billing-override .usage-card .usage-item .usage-bar .usage-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171)}.billing-override .usage-card .usage-item .usage-values{color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between}.billing-override .usage-card .usage-item .usage-values span:first-child{color:var(--text-primary);font-weight:600}.billing-override .usage-card .usage-item .usage-values svg{vertical-align:middle}.billing-override .addons-card{margin-bottom:1.5rem}.billing-override .addons-card .addons-empty,.billing-override .addons-card .addons-loading{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;gap:.625rem;padding:.75rem 0}.billing-override .addons-card .addons-list{display:flex;flex-direction:column;gap:.5rem}.billing-override .addons-card .addon-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;padding:.625rem .875rem}.billing-override .addons-card .addon-item .addon-name{align-items:center;display:flex;flex:1;gap:.5rem}.billing-override .addons-card .addon-item .addon-label{color:var(--text-primary);font-size:.875rem;font-weight:500}.billing-override .addons-card .addon-item .addon-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);font-family:monospace;font-size:.6875rem;padding:.125rem .375rem}.billing-override .addons-card .addon-item .addon-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.375rem}.billing-override .addons-card .addon-item .addon-sep{color:var(--text-tertiary)}.billing-override .addons-card .addon-item .addon-price{color:var(--text-primary);font-weight:600}.billing-override .addons-card .addon-item .addon-status{border-radius:20px;font-size:.6875rem;font-weight:500;padding:.125rem .5rem;text-transform:lowercase}.billing-override .addons-card .addon-item .addon-status.active{background:rgba(34,197,94,.1);color:#22c55e}.billing-override .addons-card .addon-item .addon-status.cancelled{background:rgba(239,68,68,.1);color:#ef4444}.billing-override .override-notice{align-items:flex-start;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem}.billing-override .override-notice .override-notice__icon{color:#f59e0b;flex-shrink:0;margin-top:1px}.billing-override .override-notice .override-notice__text{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.billing-override .override-notice .override-notice__text strong:first-child{color:#b45309}.billing-override .override-notice .override-notice__text span{color:var(--text-secondary);line-height:1.5}.billing-override .override-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:1024px){.billing-override .override-grid{grid-template-columns:1fr}}.billing-override .form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.billing-override .form-grid{grid-template-columns:1fr}}.billing-override .form-grid .full-width{grid-column:1/-1}.billing-override .form-field label{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-bottom:.5rem}.billing-override .form-field label svg{color:var(--text-tertiary)}.billing-override .form-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s ease;width:100%}.billing-override .form-input::placeholder{color:var(--text-tertiary)}.billing-override .form-input:focus{border-color:var(--primary);outline:none}.billing-override .form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.billing-override .form-textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;width:100%}.billing-override .form-textarea::placeholder{color:var(--text-tertiary)}.billing-override .form-textarea:focus{border-color:var(--primary);outline:none}.billing-override .divider{background:var(--border-color);height:1px;margin:1rem 0}.billing-override .checkbox-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.billing-override .checkbox-grid .checkbox-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.625rem;padding:.75rem;transition:all .2s ease}.billing-override .checkbox-grid .checkbox-item input[type=checkbox]{display:none}.billing-override .checkbox-grid .checkbox-item svg{color:var(--text-tertiary)}.billing-override .checkbox-grid .checkbox-item span{color:var(--text-primary);font-size:.8125rem}.billing-override .checkbox-grid .checkbox-item:hover{border-color:var(--primary)}.billing-override .checkbox-grid .checkbox-item:has(input:checked){background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.billing-override .checkbox-grid .checkbox-item:has(input:checked) svg{color:var(--primary)}.billing-override .notes-card .card-body{padding:1rem}.billing-override .form-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.billing-override .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.billing-override .btn:disabled{cursor:not-allowed;opacity:.5}.billing-override .btn.btn-primary{background:var(--primary);color:#fff}.billing-override .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.billing-override .btn.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.billing-override .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.billing-override .btn.btn-danger{background:#ef4444;color:#fff}.billing-override .btn.btn-danger:hover:not(:disabled){background:#dc2626}.billing-override .btn.btn-sm{font-size:.75rem;padding:.375rem .75rem}.billing-override .spin{animation:spin 1s linear infinite}.billing-override .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;margin-left:auto;padding:.25rem}.billing-override .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.billing-override .modal-subtitle{color:var(--text-secondary);font-size:.8125rem;line-height:1.6;margin-bottom:1.25rem}.billing-override .modal-subtitle strong{color:#f59e0b}.billing-override .plan-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media(max-width:480px){.billing-override .plan-grid{grid-template-columns:1fr}}.billing-override .plan-option{border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;position:relative;transition:all .15s ease}.billing-override .plan-option input[type=radio]{display:none}.billing-override .plan-option__body{padding:.875rem;width:100%}.billing-override .plan-option__name{align-items:center;color:var(--text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.billing-override .plan-option__price{color:var(--primary);font-size:.875rem;font-weight:700;margin-bottom:.375rem}.billing-override .plan-option__limits{color:var(--text-tertiary);font-size:.75rem}.billing-override .plan-option:hover{background:rgba(var(--primary-rgb),.04);border-color:var(--primary)}.billing-override .plan-option.selected{background:rgba(var(--primary-rgb),.08);border-color:var(--primary)}.billing-override .plan-option.current{opacity:.6}.billing-override .plan-current-badge{background:rgba(var(--primary-rgb),.15);border-radius:4px;color:var(--primary);font-size:.625rem;font-weight:500;padding:.125rem .375rem}.billing-override .modal--plan{max-width:560px}.billing-override .modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.billing-override .modal{background:var(--bg-primary);border-radius:12px;max-width:420px;overflow:hidden;width:100%}.billing-override .modal .modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.25rem}.billing-override .modal .modal-header svg{color:var(--text-tertiary)}.billing-override .modal .modal-header svg.warning{color:#f59e0b}.billing-override .modal .modal-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.billing-override .modal .modal-body{padding:1.25rem}.billing-override .modal .modal-body p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.billing-override .modal .modal-body .form-field{margin-bottom:1rem}.billing-override .modal .modal-body .form-field:last-child{margin-bottom:0}.billing-override .modal .modal-actions{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.25rem}.plans-page .header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.plans-page .view-toggle{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;padding:2px}.plans-page .view-toggle .toggle-btn{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.plans-page .view-toggle .toggle-btn:hover{color:var(--text-primary)}.plans-page .view-toggle .toggle-btn.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(max-width:768px){.plans-grid{grid-template-columns:1fr}}.plan-card{border:2px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--spacing-xl);transition:all .3s ease}.plan-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-card.recommended{background:linear-gradient(180deg,rgba(var(--color-primary-rgb),.05) 0,var(--bg-secondary) 100%);border-color:var(--color-primary)}.plan-card.recommended .plan-badge{display:flex}.plan-card.inactive{opacity:.7}.plan-card.inactive .inactive-overlay{display:flex}.plan-badge{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:none;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);top:-12px;white-space:nowrap}.inactive-overlay{background:var(--color-warning);border-radius:var(--radius-sm);color:#fff;display:none;font-size:11px;font-weight:600;padding:2px var(--spacing-sm);position:absolute;right:var(--spacing-md);text-transform:uppercase;top:var(--spacing-md)}.plan-header{margin-bottom:var(--spacing-lg)}.plan-name{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:var(--spacing-xs)}.plan-code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px;padding:2px var(--spacing-sm)}.plan-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:var(--spacing-sm)}.plan-pricing{border-bottom:1px solid var(--border-primary);border-top:1px solid var(--border-primary);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg) 0;text-align:center}.price-monthly{margin-bottom:var(--spacing-sm)}.price-monthly .amount{color:var(--text-primary);font-size:36px;font-weight:800}.price-monthly .period{color:var(--text-secondary);font-size:14px}.price-yearly{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.price-yearly .amount{color:var(--text-secondary);font-size:16px;font-weight:600}.price-yearly .period{color:var(--text-tertiary);font-size:13px}.price-yearly .savings{background:rgba(var(--color-success-rgb),.1);border-radius:var(--radius-sm);color:var(--color-success);font-size:12px;font-weight:600;padding:2px var(--spacing-sm)}.plan-limits{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-lg)}.limit-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm)}.limit-item svg{color:var(--color-primary)}.limit-item .limit-value{color:var(--text-primary);font-size:18px;font-weight:700}.limit-item .limit-label{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.plan-features{flex:1}.plan-features li.more-features{color:var(--text-tertiary);font-size:13px;font-style:italic}.plan-actions{display:flex;gap:var(--spacing-sm)}.plan-actions .btn{align-items:center;display:flex;flex:1;gap:var(--spacing-xs);justify-content:center}.plan-actions .btn-danger,.plan-actions .btn-success,.plan-actions .btn-warning{flex:0;padding:var(--spacing-sm)}.plan-trial-info{border-top:1px dashed var(--border-primary);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-sm)}.plan-trial-info .trial-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary);display:flex;font-size:12px;gap:4px;padding:2px var(--spacing-sm)}.plan-trial-info .trial-item svg{color:var(--color-primary)}.plan-trial-info .trial-item.hidden svg{color:var(--text-tertiary)}.plan-trial-info .trial-item.legacy,.plan-trial-info .trial-item.legacy svg{color:var(--color-warning,#f59e0b)}.badge-visibility-public{background:rgba(16,185,129,.15);color:#10b981}.badge-visibility-private{background:rgba(99,102,241,.15);color:#6366f1}.badge-visibility-legacy{background:rgba(245,158,11,.15);color:#f59e0b}.inactive-row{opacity:.6}.plans-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.plan-card.popular,.plan-card:hover{border-color:var(--color-primary)}.plan-card.popular{box-shadow:0 0 0 1px var(--color-primary)}.plan-badge{background:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:-10px;transform:translateX(-50%)}.plan-header{margin-bottom:var(--spacing-md);text-align:center}.plan-header .plan-name{font-size:20px;margin:0 0 var(--spacing-sm) 0}.plan-header .plan-price .price{color:var(--text-primary);font-size:36px;font-weight:700}.plan-header .plan-price .period{color:var(--text-secondary);font-size:14px}.plan-stats{border-bottom:1px solid var(--border-primary);border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0}.plan-stats .stat{text-align:center}.plan-stats .stat .stat-value{color:var(--text-primary);display:block;font-size:20px;font-weight:600}.plan-stats .stat .stat-label{color:var(--text-secondary);font-size:12px}.plan-features{list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.plan-features li{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.plan-features li svg{color:var(--color-success);flex-shrink:0}.licenses-page .header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.licenses-page .view-toggle{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;padding:2px}.licenses-page .view-toggle .toggle-btn{background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:13px;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.licenses-page .view-toggle .toggle-btn:hover{color:var(--text-primary)}.licenses-page .view-toggle .toggle-btn.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.stats-bar{background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}@media(max-width:768px){.stats-bar{flex-wrap:wrap}}.stats-bar .stat-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.stats-bar .stat-item.active{background:rgba(var(--color-success-rgb),.1)}.stats-bar .stat-item.active .stat-value,.stats-bar .stat-item.active svg{color:var(--color-success)}.stats-bar .stat-item.warning{background:rgba(var(--color-warning-rgb),.1)}.stats-bar .stat-item.warning .stat-value,.stats-bar .stat-item.warning svg{color:var(--color-warning)}.stats-bar .stat-item.error{background:rgba(var(--color-danger-rgb),.1)}.stats-bar .stat-item.error .stat-value,.stats-bar .stat-item.error svg{color:var(--color-danger)}.stats-bar .stat-item .stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.stats-bar .stat-item .stat-label{color:var(--text-secondary);font-size:12px}.filters-bar{margin-bottom:var(--spacing-lg)}.filters-bar .filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filters-bar .filter-group>svg{color:var(--text-tertiary)}.filters-bar .filter-btn,.filters-bar .filter-group>span{color:var(--text-secondary);font-size:13px}.filters-bar .filter-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.filters-bar .filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.filters-bar .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.licenses-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:var(--spacing-md)}@media(max-width:768px){.licenses-grid{grid-template-columns:1fr}}.license-card{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s ease}.license-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.license-card.active{border-left:4px solid var(--color-success)}.license-card.warning{background:linear-gradient(90deg,rgba(var(--color-warning-rgb),.05) 0,var(--bg-secondary) 20%);border-left:4px solid var(--color-warning)}.license-card.error{background:linear-gradient(90deg,rgba(var(--color-danger-rgb),.05) 0,var(--bg-secondary) 20%);border-left:4px solid var(--color-danger);opacity:.9}.license-card .card-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.license-card .company-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.license-card .company-name{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.license-card .plan-badge{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px var(--spacing-sm);text-transform:uppercase}.license-card .status-badge{align-items:center;border-radius:var(--radius-md);display:flex;font-size:12px;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.license-card .status-badge.badge-active{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.license-card .status-badge.badge-warning{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.license-card .status-badge.badge-error{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.license-card .card-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.license-card .license-key code{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:block;font-family:var(--font-mono);font-size:12px;padding:var(--spacing-sm);word-break:break-all}.license-card .license-dates{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.license-card .date-item{background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm)}.license-card .date-item svg{color:var(--text-tertiary)}.license-card .date-item .label{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.license-card .date-item .value{color:var(--text-primary);font-size:13px;font-weight:600}.license-card .expiration-warning{align-items:center;background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);border-radius:var(--radius-md);color:var(--color-warning);display:flex;font-size:13px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.license-card .expiration-warning svg{flex-shrink:0}.license-card .license-limits{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.license-card .limit-item{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm)}.license-card .limit-item svg{color:var(--color-primary)}.license-card .limit-item .limit-value{color:var(--text-primary);font-size:20px;font-weight:700}.license-card .limit-item .limit-label{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.license-card .card-actions{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.license-card .card-actions .btn{align-items:center;display:flex;flex:1;justify-content:center}.plan-tag{background:var(--color-primary);color:#fff;display:inline-block;font-weight:600}.license-key-cell,.plan-tag{border-radius:var(--radius-sm);font-size:11px;padding:2px var(--spacing-sm)}.license-key-cell{background:var(--bg-tertiary);color:var(--text-secondary);font-family:var(--font-mono)}.date-range{align-items:center;display:flex;font-size:13px;gap:var(--spacing-xs)}.date-range .date-separator{color:var(--text-tertiary)}.limits-cell{display:flex;gap:var(--spacing-md)}.limits-cell>span{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:4px}.limits-cell>span svg{color:var(--text-tertiary)}.row-error{background:rgba(var(--color-danger-rgb),.03);opacity:.7}.pagination{border-top:1px solid var(--border-primary);gap:var(--spacing-md);justify-content:center;padding:var(--spacing-lg)}.pagination,.pagination .btn{align-items:center;display:flex}.pagination .btn{gap:var(--spacing-xs)}.pagination .pagination-info{color:var(--text-secondary);font-size:14px}.features-page .header-stats{display:flex;gap:var(--spacing-md)}.features-page .header-stats .stat{align-items:center;border-radius:var(--radius-md);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.features-page .header-stats .stat.enabled{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.features-page .header-stats .stat.disabled{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.info-banner{background:rgba(var(--color-primary-rgb),.05);border:1px solid rgba(var(--color-primary-rgb),.2);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.info-banner>svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.info-banner strong{color:var(--text-primary);display:block;font-size:14px;margin-bottom:2px}.info-banner p{color:var(--text-secondary);font-size:13px;margin:0}.search-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md)}.search-bar svg{color:var(--text-tertiary);flex-shrink:0}.search-bar input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:14px;outline:none}.search-bar input::placeholder{color:var(--text-tertiary)}.features-matrix{overflow-x:auto}.matrix-table{border-collapse:collapse;width:100%}.matrix-table td,.matrix-table th{border-bottom:1px solid var(--border-primary);padding:var(--spacing-md);text-align:left}.matrix-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.matrix-table th.feature-col{min-width:300px}.matrix-table th.global-col{text-align:center;width:100px}.matrix-table th.plan-col{text-align:center;width:120px}.matrix-table tbody tr{transition:background .2s ease}.matrix-table tbody tr:hover{background:var(--bg-hover)}.matrix-table tbody tr.disabled-row{background:rgba(var(--color-danger-rgb),.02);opacity:.5}.plan-header{align-items:center;display:flex;flex-direction:column;gap:2px}.plan-header .plan-name{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:normal;text-transform:none}.plan-header .plan-code{color:var(--text-tertiary);font-family:var(--font-mono);font-size:10px;letter-spacing:normal;text-transform:none}.feature-cell .feature-info{align-items:flex-start;display:flex;gap:var(--spacing-md)}.feature-cell .feature-icon{align-items:center;background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.feature-cell .feature-icon svg{color:var(--color-primary)}.feature-cell .feature-details{display:flex;flex-direction:column;gap:2px}.feature-cell .feature-name{color:var(--text-primary);font-size:14px;font-weight:600}.feature-cell .feature-code{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary);font-family:var(--font-mono);font-size:11px;padding:1px 6px}.feature-cell .feature-description{color:var(--text-secondary);font-size:12px;margin-top:2px;max-width:300px}.global-cell{text-align:center}.toggle-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--spacing-xs);transition:all .2s ease}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.toggle-btn.enabled{color:var(--color-success)}.toggle-btn.enabled:hover:not(:disabled){background:rgba(var(--color-success-rgb),.1)}.toggle-btn.disabled{color:var(--text-tertiary)}.toggle-btn.disabled:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-secondary)}.plan-cell{text-align:center}.plan-toggle{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.plan-toggle:disabled{cursor:not-allowed;opacity:.3}.plan-toggle:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-hover)}.plan-toggle.active{background:var(--color-success);border-color:var(--color-success);color:#fff}.plan-toggle.active:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark)}.plan-toggle .spin{animation:spin 1s linear infinite}.billing-dashboard .stats-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:2rem}@media(max-width:1600px){.billing-dashboard .stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.billing-dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.billing-dashboard .stats-grid{grid-template-columns:1fr}}.billing-dashboard .stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.billing-dashboard .stat-card:hover{border-color:var(--border-hover);box-shadow:0 4px 12px rgba(0,0,0,.1)}.billing-dashboard .stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.billing-dashboard .stat-card .stat-icon svg{color:#fff}.billing-dashboard .stat-card.mrr .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.billing-dashboard .stat-card.arr .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.billing-dashboard .stat-card.revenue .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.billing-dashboard .stat-card.arpu .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}.billing-dashboard .stat-card.churn .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.billing-dashboard .stat-card .stat-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.billing-dashboard .stat-card .stat-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.billing-dashboard .stat-card .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.billing-dashboard .stat-card .stat-change{align-items:center;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem}.billing-dashboard .stat-card .stat-change.positive{color:#10b981}.billing-dashboard .stat-card .stat-change.negative{color:#ef4444}.billing-dashboard .stat-card .stat-subtext{color:var(--text-tertiary);font-size:.75rem}.billing-dashboard .dashboard-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media(max-width:1400px){.billing-dashboard .dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.billing-dashboard .dashboard-grid{grid-template-columns:1fr}}.billing-dashboard .card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.billing-dashboard .card .card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.billing-dashboard .card .card-header h3{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0}.billing-dashboard .subscriptions-overview .subscription-stats{display:flex;gap:1rem;justify-content:space-around;padding:1.5rem}.billing-dashboard .subscriptions-overview .sub-stat{align-items:center;display:flex;gap:.75rem}.billing-dashboard .subscriptions-overview .sub-stat svg.active{color:#10b981}.billing-dashboard .subscriptions-overview .sub-stat svg.trialing{color:#8b5cf6}.billing-dashboard .subscriptions-overview .sub-stat svg.cancelled{color:#ef4444}.billing-dashboard .subscriptions-overview .sub-stat .sub-stat-info{display:flex;flex-direction:column}.billing-dashboard .subscriptions-overview .sub-stat .sub-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.billing-dashboard .subscriptions-overview .sub-stat .sub-stat-label{color:var(--text-secondary);font-size:.75rem}.billing-dashboard .subscriptions-overview .total-subscriptions{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.8125rem;justify-content:space-between;padding:.75rem 1.25rem}.billing-dashboard .subscriptions-overview .total-subscriptions .conversion-rate{color:#10b981;font-weight:600}.billing-dashboard .invoices-overview .invoice-stats{display:flex;gap:1rem;padding:1.25rem}.billing-dashboard .invoices-overview .invoice-stat{border-radius:8px;display:flex;flex:1;gap:.75rem;padding:1rem}.billing-dashboard .invoices-overview .invoice-stat.pending{background:rgba(59,130,246,.1)}.billing-dashboard .invoices-overview .invoice-stat.pending .invoice-stat-icon{color:#3b82f6}.billing-dashboard .invoices-overview .invoice-stat.overdue{background:rgba(239,68,68,.1)}.billing-dashboard .invoices-overview .invoice-stat.overdue .invoice-stat-icon{color:#ef4444}.billing-dashboard .invoices-overview .invoice-stat .invoice-stat-info{display:flex;flex-direction:column;gap:.125rem}.billing-dashboard .invoices-overview .invoice-stat .invoice-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.billing-dashboard .invoices-overview .invoice-stat .invoice-stat-label{color:var(--text-secondary);font-size:.75rem}.billing-dashboard .invoices-overview .invoice-stat .invoice-stat-amount{color:var(--text-primary);font-size:.8125rem;font-weight:600;margin-top:.25rem}.billing-dashboard .payments-overview .payment-stats{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.billing-dashboard .payments-overview .payment-stat{align-items:center;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.billing-dashboard .payments-overview .payment-stat.success{background:rgba(16,185,129,.1)}.billing-dashboard .payments-overview .payment-stat.success svg{color:#10b981}.billing-dashboard .payments-overview .payment-stat.failed{background:rgba(239,68,68,.1)}.billing-dashboard .payments-overview .payment-stat.failed svg{color:#ef4444}.billing-dashboard .payments-overview .payment-stat .payment-stat-info{display:flex;flex:1;flex-direction:column}.billing-dashboard .payments-overview .payment-stat .payment-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.billing-dashboard .payments-overview .payment-stat .payment-stat-label{color:var(--text-secondary);font-size:.75rem}.billing-dashboard .payments-overview .payment-stat .payment-stat-amount{color:var(--text-primary);font-size:1rem;font-weight:600}.billing-dashboard .plan-breakdown{grid-column:span 2}@media(max-width:1400px){.billing-dashboard .plan-breakdown{grid-column:span 1}}.billing-dashboard .plan-breakdown .plan-list{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.billing-dashboard .plan-breakdown .plan-item{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 100px}.billing-dashboard .plan-breakdown .plan-item .plan-info{display:flex;flex-direction:column;min-width:0}.billing-dashboard .plan-breakdown .plan-item .plan-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.billing-dashboard .plan-breakdown .plan-item .plan-code{color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.billing-dashboard .plan-breakdown .plan-item .plan-stats{align-items:flex-end;display:flex;flex-direction:column;gap:.125rem}.billing-dashboard .plan-breakdown .plan-item .plan-count{color:var(--text-secondary);font-size:.8125rem}.billing-dashboard .plan-breakdown .plan-item .plan-revenue{color:#10b981;font-size:.875rem;font-weight:600}.billing-dashboard .plan-breakdown .plan-item .plan-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden}.billing-dashboard .plan-breakdown .plan-item .plan-bar .plan-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.billing-dashboard .revenue-trend{grid-column:span 1}.billing-dashboard .revenue-trend .revenue-chart{padding:1rem .75rem .75rem}.subscriptions-list .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.subscriptions-list .filters-bar .search-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1;gap:.5rem;max-width:300px;padding:.5rem 1rem}.subscriptions-list .filters-bar .search-input svg{color:var(--text-tertiary);flex-shrink:0}.subscriptions-list .filters-bar .search-input input{background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none;width:100%}.subscriptions-list .filters-bar .search-input input::placeholder{color:var(--text-tertiary)}.subscriptions-list .filters-bar .status-filters{display:flex;flex-wrap:wrap;gap:.5rem}.subscriptions-list .filters-bar .filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;padding:.5rem 1rem;transition:all .2s ease}.subscriptions-list .filters-bar .filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.subscriptions-list .filters-bar .filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.subscriptions-list .stats-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.subscriptions-list .stats-row .stat-item{display:flex;flex-direction:column;gap:.25rem}.subscriptions-list .stats-row .stat-item .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.subscriptions-list .stats-row .stat-item .stat-value.active{color:#10b981}.subscriptions-list .stats-row .stat-item .stat-value.trialing{color:#8b5cf6}.subscriptions-list .stats-row .stat-item .stat-value.warning{color:#f59e0b}.subscriptions-list .stats-row .stat-item .stat-label{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.subscriptions-list .table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.subscriptions-list .data-table{border-collapse:collapse;width:100%}.subscriptions-list .data-table th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.subscriptions-list .data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.subscriptions-list .data-table tbody tr{transition:background .2s ease}.subscriptions-list .data-table tbody tr:hover{background:var(--bg-tertiary)}.subscriptions-list .data-table tbody tr:last-child td{border-bottom:none}.subscriptions-list .data-table .empty-row{color:var(--text-tertiary);padding:3rem;text-align:center}.subscriptions-list .company-cell{align-items:center;display:flex;gap:.5rem}.subscriptions-list .company-cell svg{color:var(--text-tertiary)}.subscriptions-list .plan-cell{display:flex;flex-direction:column;gap:.125rem}.subscriptions-list .plan-cell .plan-name{font-weight:500}.subscriptions-list .plan-cell .plan-code{color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.subscriptions-list .status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.subscriptions-list .status-badge.success{background:rgba(16,185,129,.1);color:#10b981}.subscriptions-list .status-badge.info{background:rgba(139,92,246,.1);color:#8b5cf6}.subscriptions-list .status-badge.warning{background:rgba(245,158,11,.1);color:#f59e0b}.subscriptions-list .status-badge.danger{background:rgba(239,68,68,.1);color:#ef4444}.subscriptions-list .status-badge.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.subscriptions-list .billing-cycle{color:var(--text-secondary);font-size:.8125rem}.subscriptions-list .amount{color:#10b981;font-weight:600}.subscriptions-list .period-cell{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem}.subscriptions-list .period-cell svg{color:var(--text-tertiary)}.subscriptions-list .renewal-info{color:var(--text-secondary);font-size:.8125rem}.subscriptions-list .renewal-info.cancelled{color:var(--text-tertiary)}.subscriptions-list .actions-cell{display:flex;gap:.5rem}.subscriptions-list .pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.subscriptions-list .pagination .page-info{color:var(--text-secondary);font-size:.875rem}.subscription-create .page-header .page-title{align-items:center;display:flex;gap:1rem}.subscription-create .page-header .page-title .btn{margin-right:.5rem}.subscription-create .create-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:1024px){.subscription-create .create-grid{grid-template-columns:1fr}}.subscription-create .card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.subscription-create .card .card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.25rem}.subscription-create .card .card-header .step-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.subscription-create .card .card-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.subscription-create .card .card-body{padding:1rem}.subscription-create .search-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.625rem .875rem}.subscription-create .search-input svg{color:var(--text-tertiary)}.subscription-create .search-input input{background:none;border:none;color:var(--text-primary);flex:1;font-size:.875rem}.subscription-create .search-input input::placeholder{color:var(--text-tertiary)}.subscription-create .search-input input:focus{outline:none}.subscription-create .empty-state,.subscription-create .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.875rem;gap:.5rem;justify-content:center;padding:2rem}.subscription-create .company-list{max-height:300px;overflow-y:auto}.subscription-create .company-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.subscription-create .company-item:hover:not(.inactive){background:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.subscription-create .company-item.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.subscription-create .company-item.inactive{cursor:not-allowed;opacity:.5}.subscription-create .company-item .company-icon{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);display:flex;height:36px;justify-content:center;width:36px}.subscription-create .company-item .company-info{flex:1}.subscription-create .company-item .company-info .company-name{color:var(--text-primary);display:block;font-weight:500}.subscription-create .company-item .company-info .company-code{color:var(--text-tertiary);font-size:.75rem}.subscription-create .company-item .check-icon{color:var(--primary)}.subscription-create .plan-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.subscription-create .plan-item{border:2px solid var(--border-color);border-radius:10px;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.subscription-create .plan-item:hover{border-color:var(--primary)}.subscription-create .plan-item.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.subscription-create .plan-item .plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.subscription-create .plan-item .plan-header .plan-name{color:var(--text-primary);font-weight:600}.subscription-create .plan-item .plan-header .plan-code{background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);font-size:.75rem;padding:.125rem .5rem}.subscription-create .plan-item .plan-pricing{display:flex;gap:1.5rem;margin-bottom:.5rem}.subscription-create .plan-item .plan-pricing .price-monthly .amount,.subscription-create .plan-item .plan-pricing .price-yearly .amount{color:var(--text-primary);font-weight:700}.subscription-create .plan-item .plan-pricing .price-monthly .period,.subscription-create .plan-item .plan-pricing .price-yearly .period{color:var(--text-tertiary);font-size:.75rem}.subscription-create .plan-item .plan-pricing .price-monthly .amount{font-size:1.25rem}.subscription-create .plan-item .plan-pricing .price-yearly .amount{font-size:.875rem}.subscription-create .plan-item .plan-limits{color:var(--text-tertiary);display:flex;font-size:.75rem;gap:1rem}.subscription-create .plan-item .plan-limits span{background:var(--bg-tertiary);border-radius:4px;padding:.125rem .5rem}.subscription-create .plan-item .check-icon{color:var(--primary);position:absolute;right:1rem;top:1rem}.subscription-create .form-group{margin-bottom:1.25rem}.subscription-create .form-group:last-child{margin-bottom:0}.subscription-create .form-group>label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.subscription-create .cycle-options{display:flex;gap:1rem}.subscription-create .cycle-options .cycle-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:.25rem;padding:1rem;transition:all .2s ease}.subscription-create .cycle-options .cycle-btn:hover{border-color:var(--primary)}.subscription-create .cycle-options .cycle-btn.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.subscription-create .cycle-options .cycle-btn .cycle-name{color:var(--text-primary);font-weight:600}.subscription-create .cycle-options .cycle-btn .cycle-price{color:var(--text-secondary);font-size:.875rem}.subscription-create .cycle-options .cycle-btn .cycle-savings{background:rgba(34,197,94,.1);border-radius:4px;color:#22c55e;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.subscription-create .checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.625rem}.subscription-create .checkbox-label input[type=checkbox]{accent-color:var(--primary);height:18px;width:18px}.subscription-create .checkbox-label .trial-days{color:var(--text-tertiary);font-size:.8125rem}.subscription-create .summary-card .summary-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.625rem 0}.subscription-create .summary-card .summary-row:last-of-type{border-bottom:none;margin-bottom:1rem}.subscription-create .summary-card .summary-row .summary-label{color:var(--text-secondary);font-size:.875rem}.subscription-create .summary-card .summary-row .summary-value{color:var(--text-primary);font-weight:500}.subscription-create .summary-card .summary-row .summary-value.highlight{color:var(--primary);font-weight:600}.subscription-create .summary-card .empty-summary{color:var(--text-tertiary);padding:2rem;text-align:center}.subscription-create .summary-card .empty-summary p{margin:0}.subscription-create .btn-full{width:100%}.subscription-create .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.subscription-create .btn:disabled{cursor:not-allowed;opacity:.5}.subscription-create .btn.btn-primary{background:var(--primary);color:#fff}.subscription-create .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.subscription-create .btn.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.subscription-create .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.subscription-create .spin{animation:spin 1s linear infinite}.invoices-list .summary-cards{display:flex;gap:1rem;margin-bottom:1.5rem}@media(max-width:640px){.invoices-list .summary-cards{flex-direction:column}}.invoices-list .summary-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex:1;gap:1rem;padding:1.25rem}.invoices-list .summary-card.pending{border-left:4px solid #3b82f6}.invoices-list .summary-card.pending .summary-icon{background:rgba(59,130,246,.1);color:#3b82f6}.invoices-list .summary-card.pending .summary-value{color:#3b82f6}.invoices-list .summary-card.overdue{border-left:4px solid #ef4444}.invoices-list .summary-card.overdue .summary-icon{background:rgba(239,68,68,.1);color:#ef4444}.invoices-list .summary-card.overdue .summary-value{color:#ef4444}.invoices-list .summary-card .summary-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.invoices-list .summary-card .summary-content{display:flex;flex-direction:column;gap:.125rem}.invoices-list .summary-card .summary-label{color:var(--text-tertiary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.invoices-list .summary-card .summary-value{font-size:1.5rem;font-weight:700}.invoices-list .summary-card .summary-count{color:var(--text-secondary);font-size:.8125rem}.invoices-list .filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.invoices-list .filters-bar .search-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1;gap:.5rem;max-width:350px;padding:.5rem 1rem}.invoices-list .filters-bar .search-input svg{color:var(--text-tertiary);flex-shrink:0}.invoices-list .filters-bar .search-input input{background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none;width:100%}.invoices-list .filters-bar .search-input input::placeholder{color:var(--text-tertiary)}.invoices-list .filters-bar .status-filters{display:flex;flex-wrap:wrap;gap:.5rem}.invoices-list .filters-bar .filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;padding:.5rem 1rem;transition:all .2s ease}.invoices-list .filters-bar .filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.invoices-list .filters-bar .filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.invoices-list .table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.invoices-list .data-table{border-collapse:collapse;width:100%}.invoices-list .data-table th{background:var(--bg-tertiary);color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.invoices-list .data-table td,.invoices-list .data-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.invoices-list .data-table td{color:var(--text-primary);font-size:.875rem;vertical-align:middle}.invoices-list .data-table tbody tr{cursor:pointer;transition:background .2s ease}.invoices-list .data-table tbody tr:hover{background:var(--bg-tertiary)}.invoices-list .data-table tbody tr:last-child td{border-bottom:none}.invoices-list .data-table .empty-row{color:var(--text-tertiary);cursor:default;padding:3rem;text-align:center}.invoices-list .invoice-number{color:var(--text-primary);font-family:monospace;font-weight:600}.invoices-list .company-cell{align-items:center;display:flex;gap:.5rem}.invoices-list .company-cell svg{color:var(--text-tertiary)}.invoices-list .customer-cell{display:flex;flex-direction:column;gap:.125rem}.invoices-list .customer-cell .customer-name{font-weight:500}.invoices-list .customer-cell .customer-email{color:var(--text-tertiary);font-size:.75rem}.invoices-list .status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.invoices-list .status-badge .overdue-days{font-size:.6875rem;opacity:.8}.invoices-list .status-badge.success{background:rgba(16,185,129,.1);color:#10b981}.invoices-list .status-badge.info{background:rgba(59,130,246,.1);color:#3b82f6}.invoices-list .status-badge.warning{background:rgba(245,158,11,.1);color:#f59e0b}.invoices-list .status-badge.danger{background:rgba(239,68,68,.1);color:#ef4444}.invoices-list .status-badge.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.invoices-list .date-cell{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem}.invoices-list .date-cell svg{color:var(--text-tertiary)}.invoices-list .date-cell.overdue,.invoices-list .date-cell.overdue svg{color:#ef4444}.invoices-list .amount-cell{display:flex;flex-direction:column;gap:.125rem}.invoices-list .amount-cell .total{color:var(--text-primary);font-weight:600}.invoices-list .amount-cell .tax{color:var(--text-tertiary);font-size:.6875rem}.invoices-list .actions-cell{display:flex;gap:.5rem}.invoices-list .actions-cell .btn-success{background:#10b981;border-color:#10b981;color:#fff}.invoices-list .actions-cell .btn-success:hover{background:#059669;border-color:#059669}.invoices-list .pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.invoices-list .pagination .page-info{color:var(--text-secondary);font-size:.875rem}.invoice-create .create-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}@media(max-width:1024px){.invoice-create .create-grid{grid-template-columns:1fr}}.invoice-create .line-items-card{grid-column:1/-1}.invoice-create .card-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.invoice-create .card-header h3{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.invoice-create .card-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.invoice-create .step-number{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.invoice-create .search-input{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;gap:var(--spacing-sm);padding:8px 12px;transition:border-color var(--transition-fast)}.invoice-create .search-input:focus-within{border-color:var(--color-primary)}.invoice-create .search-input svg{color:var(--text-tertiary);flex-shrink:0}.invoice-create .search-input input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:14px;outline:none}.invoice-create .search-input input::placeholder{color:var(--text-tertiary)}.invoice-create .company-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.invoice-create .company-item{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:10px 12px;transition:all var(--transition-fast)}.invoice-create .company-item:hover:not(.inactive){background:var(--bg-secondary);border-color:var(--border-primary)}.invoice-create .company-item.selected{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.invoice-create .company-item.inactive{cursor:not-allowed;opacity:.4}.invoice-create .company-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.invoice-create .company-icon svg{color:var(--text-tertiary)}.invoice-create .company-info{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.invoice-create .company-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-create .company-code{color:var(--text-tertiary);font-family:var(--font-mono);font-size:12px}.invoice-create .check-icon{color:var(--color-primary);flex-shrink:0}.invoice-create .line-items-table{border-collapse:collapse;margin-bottom:var(--spacing-sm);width:100%}.invoice-create .line-items-table th{border-bottom:1px solid var(--border-primary);color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px var(--spacing-sm);text-align:left;text-transform:uppercase}.invoice-create .line-items-table td{padding:6px var(--spacing-sm);vertical-align:middle}.invoice-create .line-items-table td input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;padding:6px 10px;transition:border-color var(--transition-fast);width:100%}.invoice-create .line-items-table td input:focus{border-color:var(--color-primary)}.invoice-create .line-items-table td input::placeholder{color:var(--text-tertiary)}.invoice-create .line-items-table .qty-col{width:80px}.invoice-create .line-items-table .price-col{width:130px}.invoice-create .line-items-table .total-col{color:var(--text-primary);font-weight:600;text-align:right;white-space:nowrap;width:110px}.invoice-create .line-items-table .action-col{text-align:center;width:40px}.invoice-create .btn-icon{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all var(--transition-fast);width:30px}.invoice-create .btn-icon.btn-danger-icon:hover:not(:disabled){background:rgba(239,68,68,.12);color:var(--color-error)}.invoice-create .btn-icon:disabled{cursor:not-allowed;opacity:.25}.invoice-create .form-row{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.invoice-create .form-group{display:flex;flex-direction:column;gap:6px}.invoice-create .form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.invoice-create .form-group input,.invoice-create .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color var(--transition-fast)}.invoice-create .form-group input:focus,.invoice-create .form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.invoice-create .form-group input::placeholder,.invoice-create .form-group textarea::placeholder{color:var(--text-tertiary)}.invoice-create .form-group textarea{line-height:1.5;min-height:80px;resize:vertical}.invoice-create .summary-card .card-body{gap:var(--spacing-sm)}.invoice-create .summary-row{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.invoice-create .summary-row .summary-label{color:var(--text-secondary);font-size:14px}.invoice-create .summary-row .summary-value{color:var(--text-primary);font-size:14px;font-weight:500}.invoice-create .summary-row .discount{color:var(--color-success)}.invoice-create .summary-row .highlight{color:var(--color-primary)}.invoice-create .summary-row.total-row{border-top:1px solid var(--border-primary);margin-top:4px;padding-top:var(--spacing-sm)}.invoice-create .summary-row.total-row .summary-label,.invoice-create .summary-row.total-row .summary-value{color:var(--text-primary);font-size:17px;font-weight:700}.invoice-create .summary-row.total-row .summary-value{color:var(--color-primary)}.invoice-create .btn-full{justify-content:center;margin-top:var(--spacing-sm);width:100%}.payments-list .stats-cards{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media(max-width:768px){.payments-list .stats-cards{grid-template-columns:1fr}}.payments-list .stats-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.payments-list .stats-card.completed{border-left:4px solid #10b981}.payments-list .stats-card.completed .stats-icon{background:rgba(16,185,129,.1);color:#10b981}.payments-list .stats-card.failed{border-left:4px solid #ef4444}.payments-list .stats-card.failed .stats-icon{background:rgba(239,68,68,.1);color:#ef4444}.payments-list .stats-card.refunded{border-left:4px solid #f59e0b}.payments-list .stats-card.refunded .stats-icon{background:rgba(245,158,11,.1);color:#f59e0b}.payments-list .stats-card .stats-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.payments-list .stats-card .stats-content{display:flex;flex-direction:column;gap:.25rem}.payments-list .stats-card .stats-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.payments-list .stats-card .stats-label{color:var(--text-secondary);font-size:.8125rem}.payments-list .filters-bar{margin-bottom:1.5rem}.payments-list .filters-bar .search-input{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.5rem;max-width:400px;padding:.5rem 1rem}.payments-list .filters-bar .search-input svg{color:var(--text-tertiary);flex-shrink:0}.payments-list .filters-bar .search-input input{background:none;border:none;color:var(--text-primary);font-size:.875rem;outline:none;width:100%}.payments-list .filters-bar .search-input input::placeholder{color:var(--text-tertiary)}.payments-list .table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.payments-list .data-table{border-collapse:collapse;width:100%}.payments-list .data-table th{background:var(--bg-tertiary);color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.payments-list .data-table td,.payments-list .data-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.25rem}.payments-list .data-table td{color:var(--text-primary);font-size:.875rem;vertical-align:middle}.payments-list .data-table tbody tr{transition:background .2s ease}.payments-list .data-table tbody tr:hover{background:var(--bg-tertiary)}.payments-list .data-table tbody tr:last-child td{border-bottom:none}.payments-list .data-table tbody tr.refund-row{background:rgba(245,158,11,.05)}.payments-list .data-table .empty-row{color:var(--text-tertiary);padding:3rem;text-align:center}.payments-list .date-cell{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.5rem}.payments-list .date-cell svg{color:var(--text-tertiary)}.payments-list .company-cell{align-items:center;display:flex;gap:.5rem}.payments-list .company-cell svg{color:var(--text-tertiary)}.payments-list .invoice-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:monospace;font-size:.8125rem;padding:0}.payments-list .invoice-link:hover{text-decoration:underline}.payments-list .no-invoice{color:var(--text-tertiary);font-size:.8125rem}.payments-list .method-cell{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.payments-list .method-cell svg{color:var(--text-secondary)}.payments-list .method-cell .card-info{color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.payments-list .status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.payments-list .status-badge.success{background:rgba(16,185,129,.1);color:#10b981}.payments-list .status-badge.info{background:rgba(59,130,246,.1);color:#3b82f6}.payments-list .status-badge.warning{background:rgba(245,158,11,.1);color:#f59e0b}.payments-list .status-badge.danger{background:rgba(239,68,68,.1);color:#ef4444}.payments-list .status-badge.secondary{background:var(--bg-tertiary);color:var(--text-secondary)}.payments-list .failure-message{color:#ef4444;cursor:help;display:block;font-size:.6875rem;margin-top:.25rem}.payments-list .amount{color:#10b981;font-weight:600}.payments-list .amount.refund{color:#f59e0b}.payments-list .transaction-id{color:var(--text-tertiary);cursor:help;font-family:monospace;font-size:.75rem}.payments-list .no-transaction{color:var(--text-tertiary)}.payments-list .actions-cell{display:flex;gap:.5rem}.payments-list .pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.payments-list .pagination .page-info{color:var(--text-secondary);font-size:.875rem}.record-payment .create-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:1024px){.record-payment .create-grid{grid-template-columns:1fr}}.record-payment .invoice-list{max-height:400px;overflow-y:auto}.record-payment .invoice-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s}.record-payment .invoice-item:hover{background:var(--bg-hover);border-color:var(--primary)}.record-payment .invoice-item.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.record-payment .invoice-item.overdue{border-left:3px solid var(--danger)}.record-payment .invoice-item .invoice-main{display:flex;flex:1;flex-direction:column;gap:.25rem}.record-payment .invoice-item .invoice-main .invoice-number{font-size:.9rem;font-weight:600}.record-payment .invoice-item .invoice-main .invoice-company{color:var(--text-secondary);font-size:.8rem}.record-payment .invoice-item .invoice-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.record-payment .invoice-item .invoice-meta .invoice-amount{font-size:.95rem;font-weight:700}.record-payment .method-options{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.record-payment .method-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:.25rem;padding:.75rem;transition:all .2s}.record-payment .method-btn:hover{border-color:var(--primary)}.record-payment .method-btn.selected{background:rgba(var(--primary-rgb),.05);border-color:var(--primary)}.record-payment .method-btn .method-icon{font-size:1.5rem}.record-payment .method-btn .method-label{font-weight:500}.record-payment .form-hint{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.25rem}.entity-details{animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;min-height:0}.entity-details__header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between}.entity-details__header-left{align-items:center;display:flex;gap:var(--spacing-md)}.entity-details__title-section{align-items:center;display:flex;gap:var(--spacing-sm)}.entity-details__title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.entity-details__content{flex:1;min-height:0;overflow:auto}.entity-details__tabs{border-bottom:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:.5rem;padding-bottom:var(--spacing-md)}.entity-details__tabs .tab-button{align-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;transition:all .2s ease}.entity-details__tabs .tab-button svg{color:var(--text-tertiary)}.entity-details__tabs .tab-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.entity-details__tabs .tab-button.active{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.3);color:var(--color-primary)}.entity-details__tabs .tab-button.active svg{color:var(--color-primary)}.entity-details__form-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-height:calc(100vh - 200px);max-width:800px;overflow-y:auto;padding:var(--spacing-lg)}.entity-details__loading,.entity-details__not-found{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);height:300px;justify-content:center}.entity-form{gap:var(--spacing-xl)}.entity-form,.form-section{display:flex;flex-direction:column}.form-section{gap:var(--spacing-md)}.form-section__header{border-bottom:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm)}.form-section__title{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.form-section__description{color:var(--text-tertiary);font-size:13px;margin:0}.form-section__content{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-grid--single{grid-template-columns:1fr;max-width:400px}.form-grid--triple{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.form-grid--triple{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.form-grid--triple{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-field__label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-field__input,.form-field__select{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;height:40px;outline:none;padding:0 var(--spacing-sm);transition:all var(--transition-fast)}.form-field__input::placeholder,.form-field__select::placeholder{color:var(--text-tertiary)}.form-field__input:hover:not(:disabled),.form-field__select:hover:not(:disabled){border-color:var(--border-secondary)}.form-field__input:focus,.form-field__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.form-field__input:disabled,.form-field__select:disabled{cursor:not-allowed;opacity:.5}.form-field__input--error,.form-field__select--error{border-color:var(--color-error)}.form-field__input--error:focus,.form-field__select--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-field__select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-field__textarea{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;outline:none;padding:var(--spacing-sm);resize:vertical;transition:all var(--transition-fast);width:100%}.form-field__textarea::placeholder{color:var(--text-tertiary)}.form-field__textarea:hover:not(:disabled){border-color:var(--border-secondary)}.form-field__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(168,85,247,.1)}.form-field__checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm)}.form-field__checkbox input[type=checkbox]{accent-color:var(--color-primary);cursor:pointer;height:18px;margin:0;width:18px}.form-field__checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}.form-field__hint{color:var(--text-tertiary);font-size:12px}.form-field__error{color:var(--color-error);font-size:12px}.form-actions{border-top:1px solid var(--border-primary);justify-content:flex-end;padding-top:var(--spacing-lg)}.form-actions,.input-with-action{display:flex;gap:var(--spacing-sm)}.input-with-action .form-field__input{flex:1}.input-with-action .btn-sm{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.tags-input{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tags-input__container{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:40px;padding:var(--spacing-sm)}.tags-input__tag{align-items:center;background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.tags-input__tag button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;margin-left:4px;opacity:.7;padding:0}.tags-input__tag button:hover{opacity:1}.tags-input__input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:14px;min-width:100px;outline:none}.tags-input__input::placeholder{color:var(--text-tertiary)}.permissions-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.permissions-grid{grid-template-columns:1fr}}.permission-group{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.permission-group__title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.metrics-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);margin-bottom:var(--spacing-lg)}@media(max-width:1400px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}}.metric-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.metric-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.metric-card--healthy .metric-card__icon{background:rgba(var(--color-success-rgb),.1);color:var(--color-success)}.metric-card--warning .metric-card__icon{background:rgba(var(--color-warning-rgb),.1);color:var(--color-warning)}.metric-card--critical .metric-card__icon{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.metric-card__icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-card__content{flex:1;min-width:0}.metric-card__label{color:var(--text-secondary);font-size:13px;margin-bottom:2px}.metric-card__value{color:var(--text-primary);font-size:18px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card__sub{color:var(--text-tertiary);font-size:12px;margin-top:2px}.service-name{align-items:center;display:flex;gap:var(--spacing-sm)}.last-checked{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.tenant-metrics-page .stats-grid{margin-bottom:var(--spacing-lg)}.tenant-metrics-page .activity-charts{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-lg)}@media(max-width:1024px){.tenant-metrics-page .activity-charts{grid-template-columns:1fr}}.tenant-metrics-page .chart-container{padding:var(--spacing-md)}.tenant-metrics-page .tenant-name{align-items:center;display:flex;gap:var(--spacing-sm)}.tenant-metrics-page .tenant-name svg{color:var(--text-tertiary)}.active-sessions-page .badge{align-items:center;display:flex;gap:var(--spacing-xs)}.active-sessions-page .sessions-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.active-sessions-page .session-card{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:200px 1fr auto auto;padding:var(--spacing-lg);transition:all .2s ease}.active-sessions-page .session-card:hover{background:var(--bg-hover)}@media(max-width:1200px){.active-sessions-page .session-card{gap:var(--spacing-md);grid-template-columns:1fr}}.active-sessions-page .session-user{align-items:center;display:flex;gap:var(--spacing-md)}.active-sessions-page .user-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.active-sessions-page .user-info{min-width:0}.active-sessions-page .user-name{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-sessions-page .user-email{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-sessions-page .session-details{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}@media(max-width:768px){.active-sessions-page .session-details{flex-direction:column;gap:var(--spacing-sm)}}.active-sessions-page .detail-item{display:flex;flex-direction:column;gap:2px}.active-sessions-page .detail-label{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.active-sessions-page .detail-value{color:var(--text-primary);font-size:13px}.active-sessions-page .detail-value.device{align-items:center;display:flex;gap:var(--spacing-xs)}.active-sessions-page .detail-value.device svg{color:var(--text-tertiary)}.active-sessions-page .detail-value.mono{font-family:var(--font-mono);font-size:12px}.active-sessions-page .session-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right}@media(max-width:1200px){.active-sessions-page .session-meta{flex-direction:row;gap:var(--spacing-md);text-align:left}}.active-sessions-page .session-time{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:var(--spacing-xs)}.active-sessions-page .session-time svg{color:var(--text-tertiary)}.active-sessions-page .session-activity{color:var(--text-tertiary);font-size:12px}.active-sessions-page .session-actions .btn{align-items:center;display:flex;gap:var(--spacing-xs)}.api-usage-page .stats-grid,.api-usage-page .usage-grid{margin-bottom:var(--spacing-lg)}.api-usage-page .usage-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}@media(max-width:1024px){.api-usage-page .usage-grid{grid-template-columns:1fr}}.api-usage-page .chart-container{padding:var(--spacing-md)}.api-usage-page .tenant-cell{align-items:center;display:flex;gap:var(--spacing-sm)}.api-usage-page .tenant-cell svg{color:var(--text-tertiary)}.api-usage-page .usage-date{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;margin-top:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.growth-analytics-page .period-selector{display:flex;gap:var(--spacing-xs)}.growth-analytics-page .period-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all var(--transition-fast)}.growth-analytics-page .period-btn.active,.growth-analytics-page .period-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.growth-analytics-page .period-btn.active{background:rgba(var(--color-primary-rgb),.15)}.growth-analytics-page .chart-container{padding:var(--spacing-md)}.blog-posts-page .card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.blog-posts-page .filters{display:flex;gap:.5rem}.blog-posts-page .filter-select{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;padding:.5rem 1rem}.blog-posts-page .filter-select:focus{border-color:var(--primary,#3b82f6);outline:none}.blog-posts-page .post-title-cell{max-width:350px}.blog-posts-page .post-title-content{align-items:center;display:flex;gap:.75rem}.blog-posts-page .post-thumbnail{border-radius:6px;height:40px;object-fit:cover;width:40px}.blog-posts-page .post-slug{font-size:.75rem;margin-top:.125rem}.blog-posts-page .featured-icon{color:#f59e0b;margin-left:.5rem;vertical-align:middle}.blog-posts-page .locale-badge{font-size:.75rem}.blog-posts-page .locale-badge,.blog-posts-page .views-count{align-items:center;color:var(--text-secondary,#888);display:inline-flex;gap:.25rem}.blog-posts-page .views-count{font-size:.875rem}.blog-posts-page .actions-cell{display:flex;gap:.5rem}.blog-posts-page .empty-state{padding:3rem;text-align:center}.blog-posts-page .empty-state .empty-icon{color:var(--text-secondary,#888);margin-bottom:1rem}.blog-posts-page .empty-state h3{color:var(--text-primary,#fff);margin:0 0 .5rem}.blog-posts-page .empty-state p{color:var(--text-secondary,#888);margin:0 0 1.5rem}.blog-post-form{min-height:calc(100vh - 180px)}.blog-post-form .locale-tabs{align-items:center;background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:8px;display:flex;gap:.25rem;margin-bottom:1rem;overflow-x:auto;padding:.5rem .75rem}.blog-post-form .locale-tabs .locale-tabs-icon{color:var(--text-muted,#555);flex-shrink:0;margin-right:.5rem}.blog-post-form .locale-tab{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text-muted,#555);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.375rem .625rem;position:relative;transition:all .15s ease;white-space:nowrap}.blog-post-form .locale-tab:hover{background:var(--bg-tertiary,#252529);color:var(--text-secondary,#888)}.blog-post-form .locale-tab.exists{border-color:var(--border-color,#333);color:var(--text-secondary,#888)}.blog-post-form .locale-tab.active{background:var(--primary,#3b82f6);border-color:var(--primary,#3b82f6);color:#fff}.blog-post-form .locale-tab .locale-tab-check{color:var(--success,#22c55e)}.blog-post-form .form-grid{align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1fr 560px;min-height:calc(100vh - 250px)}.blog-post-form .main-content{display:flex;flex-direction:column;gap:1rem}.blog-post-form .main-content .card{display:flex;flex:1;flex-direction:column}.blog-post-form .main-content .card .form-group:last-child{display:flex;flex:1;flex-direction:column;height:calc(100vh - 400px);min-height:350px}.blog-post-form .main-content .card .form-group:last-child .rich-text-editor{flex:1;min-height:0}.blog-post-form .sidebar{align-self:start;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 112px);overflow-y:auto;padding-right:.5rem;position:sticky;top:88px}.blog-post-form .sidebar>*{flex-shrink:0}.blog-post-form .sidebar::-webkit-scrollbar{width:6px}.blog-post-form .sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary,#252529);border-radius:3px}.blog-post-form .sidebar::-webkit-scrollbar-thumb{background:var(--border-color,#333);border-radius:3px}.blog-post-form .sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#555)}.blog-post-form .card{padding:1.5rem}.blog-post-form .card-title{color:var(--text-secondary,#888);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.blog-post-form .form-group{margin-bottom:1rem}.blog-post-form .form-group:last-child{margin-bottom:0}.blog-post-form label{color:var(--text-primary,#fff);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.blog-post-form input[type=number],.blog-post-form input[type=text],.blog-post-form input[type=url],.blog-post-form select,.blog-post-form textarea{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;padding:.75rem;width:100%}.blog-post-form input[type=number]:focus,.blog-post-form input[type=text]:focus,.blog-post-form input[type=url]:focus,.blog-post-form select:focus,.blog-post-form textarea:focus{border-color:var(--primary,#3b82f6);outline:none}.blog-post-form input[type=number]::placeholder,.blog-post-form input[type=text]::placeholder,.blog-post-form input[type=url]::placeholder,.blog-post-form select::placeholder,.blog-post-form textarea::placeholder{color:var(--text-muted,#555)}.blog-post-form textarea{min-height:120px;resize:vertical}.blog-post-form .content-editor{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;min-height:400px}.blog-post-form .slug-input{align-items:center;display:flex;gap:0}.blog-post-form .slug-input .slug-prefix{background:var(--bg-tertiary,#252529);border:1px solid var(--border-color,#333);border-radius:6px 0 0 6px;border-right:none;color:var(--text-secondary,#888);font-size:.875rem;padding:.75rem}.blog-post-form .slug-input input{border-radius:0 6px 6px 0}.blog-post-form .checkbox-group{align-items:center;display:flex;gap:.5rem}.blog-post-form .checkbox-group input[type=checkbox]{width:auto}.blog-post-form .checkbox-group label{margin-bottom:0}.blog-post-form .tags-input .tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.blog-post-form .tags-input .tag{align-items:center;background:var(--primary,#3b82f6);border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.blog-post-form .tags-input .tag button{background:none;border:none;color:#fff;cursor:pointer;line-height:1;padding:0}.blog-post-form .form-actions{border-top:1px solid var(--border-color,#333);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.blog-post-form .preview-box{background:var(--bg-tertiary,#252529);border-radius:6px;margin-top:.5rem;padding:.5rem;position:relative}.blog-post-form .preview-box img{border-radius:6px;height:auto;max-width:100%}.blog-post-form .preview-box.large{overflow:hidden;padding:0}.blog-post-form .preview-box.large img{display:block;height:180px;object-fit:cover;width:100%}.blog-post-form .preview-box .clear-btn{align-items:center;background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background .2s;width:28px}.blog-post-form .preview-box .clear-btn:hover{background:rgba(220,38,38,.9)}.blog-post-form .image-suggestions{border-top:1px solid var(--border-color,#333);margin-top:1rem;padding-top:1rem}.blog-post-form .image-suggestions>label{color:var(--text-secondary,#888);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.blog-post-form .image-suggestions .suggestion-category{margin-bottom:.75rem}.blog-post-form .image-suggestions .suggestion-category:last-child{margin-bottom:0}.blog-post-form .image-suggestions .suggestion-category .category-label{color:var(--text-muted,#666);display:block;font-size:.75rem;margin-bottom:.5rem}.blog-post-form .image-suggestions .suggestion-grid{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.blog-post-form .image-suggestions .suggestion-item{aspect-ratio:16/9;background:none;border:2px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden;padding:0;transition:all .2s}.blog-post-form .image-suggestions .suggestion-item img{height:100%;object-fit:cover;width:100%}.blog-post-form .image-suggestions .suggestion-item:hover{border-color:var(--primary,#3b82f6);transform:scale(1.05)}.blog-post-form .image-suggestions .suggestion-item.selected{border-color:var(--success,#22c55e);box-shadow:0 0 0 2px rgba(34,197,94,.3)}@media(max-width:1024px){.blog-post-form .form-grid{grid-template-columns:1fr}}.blog-categories-page .editing-row{background:var(--bg-tertiary,#252529)}.blog-categories-page .inline-input{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:4px;color:var(--text-primary,#fff);font-size:.875rem;padding:.5rem;width:100%}.blog-categories-page .inline-input:focus{border-color:var(--primary,#3b82f6);outline:none}.blog-categories-page .inline-input-sm{width:60px}.blog-categories-page .category-code{background:var(--bg-tertiary,#252529);border-radius:4px;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.blog-categories-page .post-count{font-weight:500}.blog-categories-page .actions-cell{display:flex;gap:.5rem}.blog-categories-page .empty-cell{color:var(--text-secondary,#888);padding:2rem;text-align:center}.blog-categories-page .toggle{display:inline-block;height:22px;position:relative;width:40px}.blog-categories-page .toggle input{height:0;opacity:0;width:0}.blog-categories-page .toggle input:checked+.slider{background-color:var(--primary,#3b82f6)}.blog-categories-page .toggle input:checked+.slider:before{transform:translateX(18px)}.blog-categories-page .toggle .slider{background-color:var(--bg-tertiary,#333);border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.blog-categories-page .toggle .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;position:absolute;transition:.2s;width:16px}.blog-categories-page .badge-inactive{background:var(--bg-tertiary,#333);color:var(--text-secondary,#888)}.blog-analytics-page .analytics-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.blog-analytics-page .analytics-grid{display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}@media(max-width:1024px){.blog-analytics-page .analytics-grid{grid-template-columns:1fr}}.blog-analytics-page .title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-analytics-page .views-cell{font-weight:600}.jobs-page .card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.jobs-page .filters{display:flex;gap:.5rem}.jobs-page .filter-select{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;padding:.5rem 1rem}.jobs-page .filter-select:focus{border-color:var(--primary,#3b82f6);outline:none}.jobs-page .job-title-cell{max-width:300px}.jobs-page .job-slug{font-size:.75rem;margin-top:.125rem}.jobs-page .location-badge,.jobs-page .type-badge{font-size:.875rem}.jobs-page .locale-badge,.jobs-page .location-badge,.jobs-page .type-badge{align-items:center;color:var(--text-secondary,#888);display:inline-flex;gap:.25rem}.jobs-page .locale-badge{font-size:.75rem}.jobs-page .actions-cell{display:flex;gap:.5rem}.jobs-page .empty-state{padding:3rem;text-align:center}.jobs-page .empty-state .empty-icon{color:var(--text-secondary,#888);margin-bottom:1rem}.jobs-page .empty-state h3{color:var(--text-primary,#fff);margin:0 0 .5rem}.jobs-page .empty-state p{color:var(--text-secondary,#888);margin:0 0 1.5rem}.job-form .form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 350px}.job-form .main-content,.job-form .sidebar{display:flex;flex-direction:column;gap:1rem}.job-form .card{padding:1.5rem}.job-form .card-title{color:var(--text-secondary,#888);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.job-form .form-group{margin-bottom:1rem}.job-form .form-group:last-child{margin-bottom:0}.job-form .form-group small{display:block;font-size:.75rem;margin-top:.25rem}.job-form label{color:var(--text-primary,#fff);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.job-form input[type=date],.job-form input[type=number],.job-form input[type=text],.job-form input[type=url],.job-form select,.job-form textarea{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;padding:.75rem;width:100%}.job-form input[type=date]:focus,.job-form input[type=number]:focus,.job-form input[type=text]:focus,.job-form input[type=url]:focus,.job-form select:focus,.job-form textarea:focus{border-color:var(--primary,#3b82f6);outline:none}.job-form input[type=date]::placeholder,.job-form input[type=number]::placeholder,.job-form input[type=text]::placeholder,.job-form input[type=url]::placeholder,.job-form select::placeholder,.job-form textarea::placeholder{color:var(--text-muted,#555)}.job-form textarea{min-height:120px;resize:vertical}.job-form .slug-input{align-items:center;display:flex;gap:0}.job-form .slug-input .slug-prefix{background:var(--bg-tertiary,#252529);border:1px solid var(--border-color,#333);border-radius:6px 0 0 6px;border-right:none;color:var(--text-secondary,#888);font-size:.875rem;padding:.75rem}.job-form .slug-input input{border-radius:0 6px 6px 0}.job-form .checkbox-group{align-items:center;display:flex;gap:.5rem}.job-form .checkbox-group input[type=checkbox]{width:auto}.job-form .checkbox-group label{margin-bottom:0}.job-form .form-actions{border-top:1px solid var(--border-color,#333);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}@media(max-width:1024px){.job-form .form-grid{grid-template-columns:1fr}}.job-analytics-page .analytics-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.job-analytics-page .analytics-grid{display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}@media(max-width:1024px){.job-analytics-page .analytics-grid{grid-template-columns:1fr}}.job-analytics-page .title-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-analytics-page .views-cell{font-weight:600}.newsletter-page .page-actions{display:flex;gap:.75rem}.newsletter-page .stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.newsletter-page .stat-card{align-items:center;background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.newsletter-page .stat-card .stat-icon{align-items:center;background:var(--bg-tertiary,#252529);border-radius:8px;color:var(--primary,#3b82f6);display:flex;height:48px;justify-content:center;width:48px}.newsletter-page .stat-card.stat-success .stat-icon{background:rgba(34,197,94,.1);color:var(--success,#22c55e)}.newsletter-page .stat-card.stat-warning .stat-icon{background:rgba(245,158,11,.1);color:var(--warning,#f59e0b)}.newsletter-page .stat-card .stat-content{flex:1}.newsletter-page .stat-card .stat-value{color:var(--text-primary,#fff);font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.25rem}.newsletter-page .stat-card .stat-label{color:var(--text-secondary,#888);font-size:.875rem}.newsletter-page .card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.newsletter-page .filters{display:flex;gap:.5rem}.newsletter-page .filter-select{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;padding:.5rem 1rem}.newsletter-page .filter-select:focus{border-color:var(--primary,#3b82f6);outline:none}.newsletter-page .locale-badge{align-items:center;color:var(--text-secondary,#888);display:inline-flex;font-size:.75rem;font-weight:500}.newsletter-page .actions-cell{display:flex;gap:.5rem}.newsletter-page .empty-state{padding:3rem;text-align:center}.newsletter-page .empty-state .empty-icon{color:var(--text-secondary,#888);margin-bottom:1rem}.newsletter-page .empty-state h3{color:var(--text-primary,#fff);margin:0 0 .5rem}.newsletter-page .empty-state p{color:var(--text-secondary,#888);margin:0 0 1.5rem}.newsletter-compose-page .btn-icon{align-items:center;background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.newsletter-compose-page .btn-icon:hover{background:var(--bg-tertiary,#252529);border-color:var(--primary,#3b82f6)}.newsletter-compose-page .newsletter-form{padding:2rem}.newsletter-compose-page .form-group{margin-bottom:1.5rem}.newsletter-compose-page .form-group:last-of-type{margin-bottom:1rem}.newsletter-compose-page label{color:var(--text-primary,#fff);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.newsletter-compose-page input[type=text],.newsletter-compose-page select,.newsletter-compose-page textarea{background:var(--bg-secondary,#1a1a1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-primary,#fff);font-size:.875rem;padding:.75rem;width:100%}.newsletter-compose-page input[type=text]:focus,.newsletter-compose-page select:focus,.newsletter-compose-page textarea:focus{border-color:var(--primary,#3b82f6);outline:none}.newsletter-compose-page input[type=text]::placeholder,.newsletter-compose-page select::placeholder,.newsletter-compose-page textarea::placeholder{color:var(--text-muted,#555)}.newsletter-compose-page .recipient-count{align-items:center;background:var(--bg-tertiary,#252529);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-secondary,#888);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.newsletter-compose-page .recipient-count strong{color:var(--primary,#3b82f6);font-weight:600}.newsletter-compose-page .form-actions{border-top:1px solid var(--border-color,#333);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.system-settings-page .settings-tabs{background:var(--bg-secondary);border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;width:fit-content}.system-settings-page .settings-tabs .tab-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.system-settings-page .settings-tabs .tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.system-settings-page .settings-tabs .tab-btn.active{background:var(--primary);color:#fff}.system-settings-page .settings-card .card-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.system-settings-page .settings-card .card-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.system-settings-page .settings-card .card-header .card-description{color:var(--text-tertiary);font-size:.875rem;margin:0}.system-settings-page .settings-card .card-body{padding:1.5rem}.system-settings-page .settings-card .card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.system-settings-page .settings-section{margin-bottom:2rem}.system-settings-page .settings-section:last-child{margin-bottom:0}.system-settings-page .settings-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.system-settings-page .form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.system-settings-page .form-grid{grid-template-columns:1fr}}.system-settings-page .form-grid.password-form{grid-template-columns:1fr;max-width:400px}.system-settings-page .form-group{display:flex;flex-direction:column;gap:.5rem}.system-settings-page .form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.system-settings-page .form-group input[type=email],.system-settings-page .form-group input[type=number],.system-settings-page .form-group input[type=password],.system-settings-page .form-group input[type=text]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s ease,box-shadow .2s ease}.system-settings-page .form-group input[type=email]:focus,.system-settings-page .form-group input[type=number]:focus,.system-settings-page .form-group input[type=password]:focus,.system-settings-page .form-group input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.system-settings-page .form-group input[type=email]::placeholder,.system-settings-page .form-group input[type=number]::placeholder,.system-settings-page .form-group input[type=password]::placeholder,.system-settings-page .form-group input[type=text]::placeholder{color:var(--text-tertiary)}.system-settings-page .form-group .form-hint{color:var(--text-tertiary);font-size:.75rem}.system-settings-page .input-with-domain{align-items:center;display:flex}.system-settings-page .input-with-domain input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important;flex:1}.system-settings-page .input-with-domain .domain{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;color:var(--text-tertiary);font-size:.875rem;padding:.625rem .875rem;white-space:nowrap}.system-settings-page .password-input{align-items:center;display:flex;position:relative}.system-settings-page .password-input input{flex:1;padding-right:2.5rem}.system-settings-page .password-input .toggle-password{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:color .2s ease}.system-settings-page .password-input .toggle-password:hover{color:var(--text-primary)}.system-settings-page .checkbox-group .checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.system-settings-page .checkbox-group .checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:1rem;width:1rem}.system-settings-page .checkbox-group .checkbox-label span{color:var(--text-primary);font-size:.875rem}.system-settings-page .alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.system-settings-page .alert.alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.system-settings-page .alert.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.system-settings-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.system-settings-page .btn:disabled{cursor:not-allowed;opacity:.6}.system-settings-page .btn.btn-primary{background:var(--primary);color:#fff}.system-settings-page .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.system-settings-page .btn.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.system-settings-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.system-settings-page .analytics-info{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.system-settings-page .analytics-info .info-box{background:var(--bg-secondary);border-radius:8px;padding:1rem 1.25rem}.system-settings-page .analytics-info .info-box h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.system-settings-page .analytics-info .info-box ul{margin:0;padding-left:1.25rem}.system-settings-page .analytics-info .info-box ul li{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.5rem}.system-settings-page .analytics-info .info-box ul li:last-child{margin-bottom:0}.system-settings-page .spin{animation:spin 1s linear infinite}.system-settings-page .toggle-setting{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.system-settings-page .toggle-setting:last-child{margin-bottom:0}.system-settings-page .toggle-setting .toggle-info{align-items:center;display:flex;gap:1rem}.system-settings-page .toggle-setting .toggle-info .toggle-icon{align-items:center;background:var(--bg-primary);border-radius:8px;color:var(--color-primary);display:flex;height:40px;justify-content:center;width:40px}.system-settings-page .toggle-setting .toggle-info .toggle-text h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.system-settings-page .toggle-setting .toggle-info .toggle-text p{color:var(--text-secondary);font-size:.8125rem;margin:0}.system-settings-page .switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.system-settings-page .switch input{height:0;opacity:0;width:0}.system-settings-page .switch input:checked+.slider{background:var(--color-primary)}.system-settings-page .switch input:checked+.slider:before{transform:translateX(24px)}.system-settings-page .switch input:focus+.slider{box-shadow:0 0 0 3px rgba(168,85,247,.2)}.system-settings-page .switch .slider{background:var(--bg-quaternary);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.system-settings-page .switch .slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.system-settings-page .method-options{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.system-settings-page .method-options{grid-template-columns:1fr}}.system-settings-page .method-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 1rem;text-align:center;transition:all .2s ease}.system-settings-page .method-option input[type=radio]{display:none}.system-settings-page .method-option svg{color:var(--text-secondary);transition:color .2s ease}.system-settings-page .method-option .method-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.system-settings-page .method-option .method-desc{color:var(--text-tertiary);font-size:.75rem}.system-settings-page .method-option:hover{background:var(--bg-secondary);border-color:var(--color-primary)}.system-settings-page .method-option.active{background:rgba(168,85,247,.1);border-color:var(--color-primary)}.system-settings-page .method-option.active svg{color:var(--color-primary)}.email-templates{background:var(--bg-primary);min-height:100vh;padding:24px}.email-templates .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;height:400px;justify-content:center}.email-templates .loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}.email-templates .page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.email-templates .page-header .header-content{align-items:center;display:flex;gap:16px}.email-templates .page-header .header-content .header-icon{background:linear-gradient(135deg,var(--primary),#1d4ed8);border-radius:12px;color:#fff;height:48px;padding:12px;width:48px}.email-templates .page-header .header-content h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.email-templates .page-header .header-content .subtitle{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.email-templates .page-header .header-stats{display:flex;gap:24px}.email-templates .page-header .header-stats .stat{background:var(--bg-secondary);border-radius:8px;padding:8px 16px;text-align:center}.email-templates .page-header .header-stats .stat .stat-value{color:var(--primary);display:block;font-size:24px;font-weight:700}.email-templates .page-header .header-stats .stat .stat-label{color:var(--text-secondary);font-size:12px}.email-templates .templates-layout{display:grid;gap:24px;grid-template-columns:320px 1fr;height:calc(100vh - 180px)}.email-templates .templates-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.email-templates .templates-sidebar .search-box{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:16px}.email-templates .templates-sidebar .search-box .search-icon{color:var(--text-secondary);height:18px;width:18px}.email-templates .templates-sidebar .search-box input{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:14px;outline:none}.email-templates .templates-sidebar .search-box input::placeholder{color:var(--text-muted)}.email-templates .templates-sidebar .category-filters{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding:12px}.email-templates .templates-sidebar .category-filters .category-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.email-templates .templates-sidebar .category-filters .category-btn:hover{border-color:var(--primary);color:var(--text-primary)}.email-templates .templates-sidebar .category-filters .category-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.email-templates .templates-sidebar .template-list{flex:1;overflow-y:auto}.email-templates .templates-sidebar .template-list .template-group .group-header{background:var(--bg-tertiary);border-left:3px solid var(--primary);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 16px;position:sticky;text-transform:uppercase;top:0;z-index:1}.email-templates .templates-sidebar .template-list .template-group .template-item{align-items:center;background:transparent;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.email-templates .templates-sidebar .template-list .template-group .template-item:hover{background:var(--bg-hover)}.email-templates .templates-sidebar .template-list .template-group .template-item.selected{background:var(--primary-light);border-left:3px solid var(--primary)}.email-templates .templates-sidebar .template-list .template-group .template-item.inactive{opacity:.6}.email-templates .templates-sidebar .template-list .template-group .template-item .template-item-content{display:flex;flex-direction:column;gap:2px}.email-templates .templates-sidebar .template-list .template-group .template-item .template-item-content .template-name{color:var(--text-primary);font-size:14px;font-weight:500}.email-templates .templates-sidebar .template-list .template-group .template-item .template-item-content .template-code{color:var(--text-muted);font-family:monospace;font-size:11px}.email-templates .templates-sidebar .template-list .template-group .template-item .status-icon{height:16px;width:16px}.email-templates .templates-sidebar .template-list .template-group .template-item .status-icon.active{color:#10b981}.email-templates .templates-sidebar .template-list .template-group .template-item .status-icon.inactive{color:var(--text-muted)}.email-templates .template-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.email-templates .template-content .empty-state{align-items:center;color:var(--text-muted);display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center}.email-templates .template-content .empty-state svg{opacity:.3}.email-templates .template-content .empty-state h3{color:var(--text-secondary);font-size:18px;font-weight:600;margin:0}.email-templates .template-content .empty-state p{margin:0}.email-templates .template-content .template-header{align-items:flex-start;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.email-templates .template-content .template-header .template-info h2{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.email-templates .template-content .template-header .template-info .template-meta{align-items:center;display:flex;gap:10px;margin-bottom:8px}.email-templates .template-content .template-header .template-info .template-meta .category-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.email-templates .template-content .template-header .template-info .template-meta .code-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:11px;padding:4px 8px}.email-templates .template-content .template-header .template-info .template-meta .status-badge{border-radius:12px;font-size:11px;font-weight:500;padding:4px 10px}.email-templates .template-content .template-header .template-info .template-meta .status-badge.active{background:#d1fae5;color:#059669}.email-templates .template-content .template-header .template-info .template-meta .status-badge.inactive{background:#fee2e2;color:#dc2626}.email-templates .template-content .template-header .template-info .description{color:var(--text-secondary);font-size:14px;margin:0}.email-templates .template-content .template-header .template-actions{display:flex;gap:8px}.email-templates .template-content .template-header .template-actions .btn-icon{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.email-templates .template-content .template-header .template-actions .btn-icon:hover{border-color:var(--primary);color:var(--primary)}.email-templates .template-content .template-header .template-actions .btn-icon svg{height:18px;width:18px}.email-templates .template-content .template-header .template-actions .btn-toggle{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.email-templates .template-content .template-header .template-actions .btn-toggle:hover{border-color:var(--primary)}.email-templates .template-content .template-header .template-actions .btn-toggle.active{border-color:#dc2626;color:#dc2626}.email-templates .template-content .template-header .template-actions .btn-toggle.active:hover{background:#fee2e2}.email-templates .template-content .template-header .template-actions .btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.email-templates .template-content .template-header .template-actions .btn-secondary:hover{background:var(--bg-hover)}.email-templates .template-content .template-header .template-actions .btn-primary{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.email-templates .template-content .template-header .template-actions .btn-primary:hover:not(:disabled){background:#1d4ed8}.email-templates .template-content .template-header .template-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.email-templates .template-content .variables-panel{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:12px 20px}.email-templates .template-content .variables-panel .variables-header{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.email-templates .template-content .variables-panel .variables-list{display:flex;flex-wrap:wrap;gap:8px}.email-templates .template-content .variables-panel .variables-list .variable-chip{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--primary);cursor:pointer;display:inline-flex;font-family:monospace;font-size:12px;gap:6px;padding:4px 10px;transition:all .2s}.email-templates .template-content .variables-panel .variables-list .variable-chip:hover{background:var(--primary-light);border-color:var(--primary)}.email-templates .template-content .variables-panel .variables-list .variable-chip svg{color:var(--text-muted)}.email-templates .template-content .editor-container{flex:1;overflow:auto}.email-templates .template-content .editor{display:flex;flex-direction:column;gap:16px;padding:20px}.email-templates .template-content .editor .editor-field{display:flex;flex-direction:column;gap:8px}.email-templates .template-content .editor .editor-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.email-templates .template-content .editor .editor-field input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px}.email-templates .template-content .editor .editor-field input:focus{border-color:var(--primary)}.email-templates .template-content .editor .editor-field textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;outline:none;padding:12px;resize:vertical}.email-templates .template-content .editor .editor-field textarea:focus{border-color:var(--primary)}.email-templates .template-content .preview{display:flex;flex-direction:column;height:100%}.email-templates .template-content .preview .preview-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px 20px}.email-templates .template-content .preview .preview-header .preview-label{background:var(--bg-primary);border-radius:4px;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.email-templates .template-content .preview .preview-header .preview-subject{color:var(--text-primary);font-size:14px;font-weight:500}.email-templates .template-content .preview .preview-body{background:#fff;flex:1;padding:0}.email-templates .template-content .preview .preview-body iframe{border:none;height:100%;width:100%}.email-templates .template-content .source-view{display:flex;flex-direction:column;gap:20px;padding:20px}.email-templates .template-content .source-view .source-section label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.email-templates .template-content .source-view .source-section pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12px;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.email-templates .template-content .test-email-section{background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:16px 20px}.email-templates .template-content .test-email-section h3{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.email-templates .template-content .test-email-section .test-form{display:flex;gap:12px}.email-templates .template-content .test-email-section .test-form input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1;font-size:14px;max-width:300px;outline:none;padding:10px 12px}.email-templates .template-content .test-email-section .test-form input:focus{border-color:var(--primary)}.email-templates .template-content .test-email-section .test-form .btn-primary{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s}.email-templates .template-content .test-email-section .test-form .btn-primary:hover:not(:disabled){background:#1d4ed8}.email-templates .template-content .test-email-section .test-form .btn-primary:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .email-templates .preview .preview-body{background:var(--bg-tertiary)}.default-settings-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.default-settings-page .page-header .reset-btn{flex-shrink:0}.default-settings-page .page-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem;max-width:600px}.default-settings-page .settings-tabs{background:var(--bg-secondary);border-radius:12px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;width:fit-content}.default-settings-page .settings-tabs .tab-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.default-settings-page .settings-tabs .tab-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.default-settings-page .settings-tabs .tab-btn.active{background:var(--primary);color:#fff}.default-settings-page .settings-card .card-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.default-settings-page .settings-card .card-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.default-settings-page .settings-card .card-header .card-description{color:var(--text-tertiary);font-size:.875rem;margin:0}.default-settings-page .settings-card .card-body{padding:1.5rem}.default-settings-page .settings-card .card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.default-settings-page .settings-section{margin-bottom:2rem}.default-settings-page .settings-section:last-child{margin-bottom:0}.default-settings-page .settings-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.default-settings-page .form-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.default-settings-page .form-grid{grid-template-columns:1fr}}.default-settings-page .form-group{display:flex;flex-direction:column;gap:.5rem}.default-settings-page .form-group>label{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.default-settings-page .form-group>label svg{color:var(--text-tertiary)}.default-settings-page .form-group input[type=number],.default-settings-page .form-group input[type=text],.default-settings-page .form-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s ease,box-shadow .2s ease}.default-settings-page .form-group input[type=number]:focus,.default-settings-page .form-group input[type=text]:focus,.default-settings-page .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.default-settings-page .form-group input[type=number]::placeholder,.default-settings-page .form-group input[type=text]::placeholder,.default-settings-page .form-group select::placeholder{color:var(--text-tertiary)}.default-settings-page .form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.default-settings-page .form-group .form-hint{color:var(--text-tertiary);font-size:.75rem}.default-settings-page .radio-group{display:flex;gap:1rem}.default-settings-page .radio-group .radio-option{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:.25rem;padding:1rem;text-align:center;transition:all .2s ease}.default-settings-page .radio-group .radio-option input[type=radio]{display:none}.default-settings-page .radio-group .radio-option .radio-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.default-settings-page .radio-group .radio-option .radio-desc{color:var(--text-tertiary);font-size:.75rem}.default-settings-page .radio-group .radio-option:hover{border-color:var(--primary)}.default-settings-page .radio-group .radio-option.active{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.default-settings-page .toggle-inline{align-items:center;display:flex;gap:.75rem}.default-settings-page .toggle-inline .toggle-label{color:var(--text-secondary);font-size:.875rem}.default-settings-page .toggle-list{display:flex;flex-direction:column;gap:.75rem}.default-settings-page .toggle-setting{align-items:center;background:var(--bg-tertiary);border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.default-settings-page .toggle-setting .toggle-info{align-items:center;display:flex;gap:1rem}.default-settings-page .toggle-setting .toggle-info .toggle-text h4{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.default-settings-page .toggle-setting .toggle-info .toggle-text p{color:var(--text-secondary);font-size:.8125rem;margin:0}.default-settings-page .switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.default-settings-page .switch input{height:0;opacity:0;width:0}.default-settings-page .switch input:checked+.slider{background:var(--color-primary)}.default-settings-page .switch input:checked+.slider:before{transform:translateX(24px)}.default-settings-page .switch input:focus+.slider{box-shadow:0 0 0 3px rgba(168,85,247,.2)}.default-settings-page .switch .slider{background:var(--bg-quaternary);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.default-settings-page .switch .slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.default-settings-page .alert{align-items:center;border-radius:8px;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.default-settings-page .alert.alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.default-settings-page .alert.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.default-settings-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.default-settings-page .btn:disabled{cursor:not-allowed;opacity:.6}.default-settings-page .btn.btn-primary{background:var(--primary);color:#fff}.default-settings-page .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.default-settings-page .btn.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.default-settings-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.default-settings-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.default-settings-page .spin{animation:spin 1s linear infinite}.audit-logs-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.audit-logs-page .page-header .header-actions{display:flex;gap:.75rem}.audit-logs-page .page-header .header-actions .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.audit-logs-page .page-header .header-actions .filter-badge{background:var(--color-error);border-radius:50%;height:8px;margin-left:.25rem;width:8px}.audit-logs-page .filters-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.audit-logs-page .filters-panel .filters-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.audit-logs-page .filters-panel .filter-group{display:flex;flex-direction:column;gap:.5rem}.audit-logs-page .filters-panel .filter-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.audit-logs-page .filters-panel .filter-group input,.audit-logs-page .filters-panel .filter-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}.audit-logs-page .filters-panel .filter-group input:focus,.audit-logs-page .filters-panel .filter-group select:focus{border-color:var(--primary);outline:none}.audit-logs-page .filters-panel .clear-filters{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8125rem;margin-top:1rem;padding:0}.audit-logs-page .filters-panel .clear-filters:hover{text-decoration:underline}.audit-logs-page .table-info{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:.8125rem;padding:.75rem 1rem}.audit-logs-page .data-table{border-collapse:collapse;width:100%}.audit-logs-page .data-table td,.audit-logs-page .data-table th{border-bottom:1px solid var(--border-color);padding:.875rem 1rem;text-align:left}.audit-logs-page .data-table th{background:var(--bg-secondary);color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.audit-logs-page .data-table td{color:var(--text-primary);font-size:.875rem}.audit-logs-page .data-table tr:hover{background:var(--bg-secondary)}.audit-logs-page .timestamp-cell{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.audit-logs-page .entity-cell{display:flex;flex-direction:column;gap:.25rem}.audit-logs-page .entity-cell .entity-type{font-weight:500}.audit-logs-page .entity-cell .entity-id{background:var(--bg-tertiary);border-radius:4px;color:var(--text-tertiary);font-size:.75rem;padding:.125rem .375rem}.audit-logs-page .tenant-cell,.audit-logs-page .user-cell{align-items:center;display:flex;gap:.5rem}.audit-logs-page .tenant-cell svg,.audit-logs-page .user-cell svg{color:var(--text-tertiary)}.audit-logs-page .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem}.audit-logs-page .status-badge.success{background:rgba(34,197,94,.1);color:#22c55e}.audit-logs-page .status-badge.error{background:rgba(239,68,68,.1);color:#ef4444}.audit-logs-page .badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.audit-logs-page .badge.badge-info{background:rgba(59,130,246,.1);color:#3b82f6}.audit-logs-page .pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding:1rem}.audit-logs-page .pagination .pagination-info{color:var(--text-secondary);font-size:.875rem}.audit-logs-page .pagination .btn{align-items:center;display:flex;gap:.375rem}.audit-logs-page .empty-state,.audit-logs-page .error-state,.audit-logs-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.audit-logs-page .empty-state svg,.audit-logs-page .error-state svg,.audit-logs-page .loading-state svg{opacity:.5}.audit-logs-page .empty-state p,.audit-logs-page .error-state p,.audit-logs-page .loading-state p{color:var(--text-tertiary);font-size:.875rem}.audit-logs-page .spin{animation:spin 1s linear infinite}.audit-logs-page .text-tertiary{color:var(--text-tertiary)}.audit-logs-page .font-medium{font-weight:500}.audit-logs-page .btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.audit-logs-page .btn:disabled{cursor:not-allowed;opacity:.5}.audit-logs-page .btn.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.audit-logs-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.audit-logs-page .btn.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.security-events-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.security-events-page .page-header .header-actions{display:flex;gap:.75rem}.security-events-page .page-header .header-actions .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.security-events-page .page-header .header-actions .filter-badge{background:var(--color-error);border-radius:50%;height:8px;margin-left:.25rem;width:8px}.security-events-page .stats-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.security-events-page .stats-row .stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem}.security-events-page .stats-row .stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.security-events-page .stats-row .stat-card .stat-icon.total{background:rgba(59,130,246,.1);color:#3b82f6}.security-events-page .stats-row .stat-card .stat-icon.critical{background:rgba(239,68,68,.1);color:#ef4444}.security-events-page .stats-row .stat-card .stat-icon.high{background:rgba(249,115,22,.1);color:#f97316}.security-events-page .stats-row .stat-card .stat-icon.blocked{background:rgba(168,85,247,.1);color:#a855f7}.security-events-page .stats-row .stat-card .stat-content{display:flex;flex-direction:column}.security-events-page .stats-row .stat-card .stat-content .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.security-events-page .stats-row .stat-card .stat-content .stat-label{color:var(--text-tertiary);font-size:.8125rem}.security-events-page .filters-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.security-events-page .filters-panel .filters-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.security-events-page .filters-panel .filter-group{display:flex;flex-direction:column;gap:.5rem}.security-events-page .filters-panel .filter-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.security-events-page .filters-panel .filter-group input,.security-events-page .filters-panel .filter-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}.security-events-page .filters-panel .filter-group input:focus,.security-events-page .filters-panel .filter-group select:focus{border-color:var(--primary);outline:none}.security-events-page .filters-panel .clear-filters{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8125rem;margin-top:1rem;padding:0}.security-events-page .filters-panel .clear-filters:hover{text-decoration:underline}.security-events-page .events-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.security-events-page .events-list .event-card{background:var(--bg-primary);border-left:1px solid var(--border-color);border:1px solid var(--border-color);border-left-width:4px;border-radius:12px;padding:1rem 1.25rem}.security-events-page .events-list .event-card.severity-low{border-left-color:#22c55e}.security-events-page .events-list .event-card.severity-medium{border-left-color:#eab308}.security-events-page .events-list .event-card.severity-high{border-left-color:#f97316}.security-events-page .events-list .event-card.severity-critical{background:rgba(239,68,68,.02);border-left-color:#ef4444}.security-events-page .events-list .event-card .event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.security-events-page .events-list .event-card .event-header .event-severity{align-items:center;display:flex;gap:.5rem}.security-events-page .events-list .event-card .event-header .event-severity .severity-badge{border-radius:6px;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.security-events-page .events-list .event-card .event-header .event-severity .severity-badge.success{background:rgba(34,197,94,.1);color:#22c55e}.security-events-page .events-list .event-card .event-header .event-severity .severity-badge.warning{background:rgba(234,179,8,.1);color:#eab308}.security-events-page .events-list .event-card .event-header .event-severity .severity-badge.error{background:rgba(249,115,22,.1);color:#f97316}.security-events-page .events-list .event-card .event-header .event-severity .severity-badge.critical{background:rgba(239,68,68,.1);color:#ef4444}.security-events-page .events-list .event-card .event-header .event-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8125rem;gap:.5rem}.security-events-page .events-list .event-card .event-body .event-type{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.security-events-page .events-list .event-card .event-body .event-type .type-badge{background:var(--bg-tertiary);border-radius:6px;color:var(--text-primary);font-size:.8125rem;font-weight:500;padding:.25rem .625rem}.security-events-page .events-list .event-card .event-body .event-type .blocked-badge{align-items:center;background:rgba(239,68,68,.1);border-radius:6px;color:#ef4444;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.security-events-page .events-list .event-card .event-body .event-description{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin:0}.security-events-page .events-list .event-card .event-footer{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding-top:.75rem}.security-events-page .events-list .event-card .event-footer .event-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.375rem}.security-events-page .events-list .event-card .event-footer .event-detail svg{color:var(--text-tertiary)}.security-events-page .pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding:1rem}.security-events-page .pagination .pagination-info{color:var(--text-secondary);font-size:.875rem}.security-events-page .pagination .btn{align-items:center;display:flex;gap:.375rem}.security-events-page .empty-state,.security-events-page .error-state,.security-events-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.security-events-page .empty-state svg,.security-events-page .error-state svg,.security-events-page .loading-state svg{opacity:.5}.security-events-page .empty-state p,.security-events-page .error-state p,.security-events-page .loading-state p{color:var(--text-tertiary);font-size:.875rem}.security-events-page .spin{animation:spin 1s linear infinite}.security-events-page .btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.security-events-page .btn:disabled{cursor:not-allowed;opacity:.5}.security-events-page .btn.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.security-events-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.security-events-page .btn.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.login-history-page .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.login-history-page .page-header .header-actions{display:flex;gap:.75rem}.login-history-page .page-header .header-actions .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.login-history-page .page-header .header-actions .filter-badge{background:var(--color-error);border-radius:50%;height:8px;margin-left:.25rem;width:8px}.login-history-page .stats-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.login-history-page .stats-row .stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1rem 1.25rem}.login-history-page .stats-row .stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;height:44px;justify-content:center;width:44px}.login-history-page .stats-row .stat-card .stat-icon.total{background:rgba(59,130,246,.1);color:#3b82f6}.login-history-page .stats-row .stat-card .stat-icon.success{background:rgba(34,197,94,.1);color:#22c55e}.login-history-page .stats-row .stat-card .stat-icon.failed{background:rgba(239,68,68,.1);color:#ef4444}.login-history-page .stats-row .stat-card .stat-content{display:flex;flex-direction:column}.login-history-page .stats-row .stat-card .stat-content .stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.login-history-page .stats-row .stat-card .stat-content .stat-label{color:var(--text-tertiary);font-size:.8125rem}.login-history-page .filters-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.login-history-page .filters-panel .filters-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.login-history-page .filters-panel .filter-group{display:flex;flex-direction:column;gap:.5rem}.login-history-page .filters-panel .filter-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.login-history-page .filters-panel .filter-group input,.login-history-page .filters-panel .filter-group select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem}.login-history-page .filters-panel .filter-group input:focus,.login-history-page .filters-panel .filter-group select:focus{border-color:var(--primary);outline:none}.login-history-page .filters-panel .clear-filters{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8125rem;margin-top:1rem;padding:0}.login-history-page .filters-panel .clear-filters:hover{text-decoration:underline}.login-history-page .table-info{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-tertiary);font-size:.8125rem;padding:.75rem 1rem}.login-history-page .data-table{border-collapse:collapse;width:100%}.login-history-page .data-table td,.login-history-page .data-table th{border-bottom:1px solid var(--border-color);padding:.875rem 1rem;text-align:left}.login-history-page .data-table th{background:var(--bg-secondary);color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.login-history-page .data-table td{color:var(--text-primary);font-size:.875rem}.login-history-page .data-table tr:hover{background:var(--bg-secondary)}.login-history-page .data-table tr.failed-row{background:rgba(239,68,68,.02)}.login-history-page .data-table tr.failed-row:hover{background:rgba(239,68,68,.05)}.login-history-page .timestamp-cell{white-space:nowrap}.login-history-page .device-cell,.login-history-page .location-cell,.login-history-page .tenant-cell,.login-history-page .timestamp-cell,.login-history-page .user-cell{align-items:center;display:flex;gap:.5rem}.login-history-page .device-cell svg,.login-history-page .location-cell svg,.login-history-page .tenant-cell svg,.login-history-page .user-cell svg{color:var(--text-tertiary);flex-shrink:0}.login-history-page .status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem}.login-history-page .status-badge.success{background:rgba(34,197,94,.1);color:#22c55e}.login-history-page .status-badge.error{background:rgba(239,68,68,.1);color:#ef4444}.login-history-page .status-failed{display:flex;flex-direction:column;gap:.25rem}.login-history-page .status-failed .failure-reason{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.login-history-page .pagination{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:center;padding:1rem}.login-history-page .pagination .pagination-info{color:var(--text-secondary);font-size:.875rem}.login-history-page .pagination .btn{align-items:center;display:flex;gap:.375rem}.login-history-page .empty-state,.login-history-page .error-state,.login-history-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.login-history-page .empty-state svg,.login-history-page .error-state svg,.login-history-page .loading-state svg{opacity:.5}.login-history-page .empty-state p,.login-history-page .error-state p,.login-history-page .loading-state p{color:var(--text-tertiary);font-size:.875rem}.login-history-page .spin{animation:spin 1s linear infinite}.login-history-page .text-tertiary{color:var(--text-tertiary)}.login-history-page .btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.login-history-page .btn:disabled{cursor:not-allowed;opacity:.5}.login-history-page .btn.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.login-history-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.login-history-page .btn.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.impersonate-page .warning-banner{align-items:flex-start;background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.impersonate-page .warning-banner svg{color:#f97316;flex-shrink:0;margin-top:2px}.impersonate-page .warning-banner strong{color:#f97316;display:block;font-size:.9375rem;margin-bottom:.25rem}.impersonate-page .warning-banner p{color:var(--text-secondary);font-size:.875rem;margin:0}.impersonate-page .search-section{margin-bottom:1.5rem}.impersonate-page .search-section .search-filters{display:flex;gap:1rem}@media(max-width:768px){.impersonate-page .search-section .search-filters{flex-direction:column}}.impersonate-page .search-section .search-input-group{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex:1;gap:.75rem;padding:.625rem 1rem}.impersonate-page .search-section .search-input-group svg{color:var(--text-tertiary)}.impersonate-page .search-section .search-input-group input{background:none;border:none;color:var(--text-primary);flex:1;font-size:.9375rem}.impersonate-page .search-section .search-input-group input::placeholder{color:var(--text-tertiary)}.impersonate-page .search-section .search-input-group input:focus{outline:none}.impersonate-page .search-section .tenant-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.9375rem;min-width:250px;padding:.625rem 1rem}.impersonate-page .search-section .tenant-select:focus{border-color:var(--primary);outline:none}.impersonate-page .content-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 400px}@media(max-width:1024px){.impersonate-page .content-grid{grid-template-columns:1fr}}.impersonate-page .card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.impersonate-page .card .card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.impersonate-page .card .card-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.impersonate-page .card .card-header .count{color:var(--text-tertiary);font-size:.8125rem}.impersonate-page .card .card-body{padding:1rem}.impersonate-page .users-card .card-body{max-height:600px;overflow-y:auto;padding:0}.impersonate-page .users-list .user-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s ease}.impersonate-page .users-list .user-item:last-child{border-bottom:none}.impersonate-page .users-list .user-item:hover:not(.inactive){background:var(--bg-secondary)}.impersonate-page .users-list .user-item.selected{background:rgba(var(--primary-rgb),.1);border-left:3px solid var(--primary)}.impersonate-page .users-list .user-item.inactive{cursor:not-allowed;opacity:.6}.impersonate-page .users-list .user-item .user-avatar{align-items:center;background:var(--bg-tertiary);border-radius:10px;color:var(--text-tertiary);display:flex;height:40px;justify-content:center;width:40px}.impersonate-page .users-list .user-item .user-info{flex:1;min-width:0}.impersonate-page .users-list .user-item .user-info .user-name{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.125rem}.impersonate-page .users-list .user-item .user-info .user-name .inactive-badge{background:rgba(239,68,68,.1);border-radius:4px;color:#ef4444;font-size:.625rem;font-weight:600;padding:.125rem .375rem}.impersonate-page .users-list .user-item .user-info .user-email{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.25rem}.impersonate-page .users-list .user-item .user-info .user-tenant{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.375rem}.impersonate-page .users-list .user-item .user-meta{display:flex;flex-wrap:wrap;gap:.25rem}.impersonate-page .users-list .user-item .user-meta .role-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.625rem;font-weight:600;padding:.125rem .375rem;text-transform:uppercase}.impersonate-page .impersonate-card .selected-user{align-items:center;background:var(--bg-secondary);border-radius:10px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.impersonate-page .impersonate-card .selected-user .user-avatar.large{align-items:center;background:var(--bg-tertiary);border-radius:12px;color:var(--text-tertiary);display:flex;height:56px;justify-content:center;width:56px}.impersonate-page .impersonate-card .selected-user .user-details h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.impersonate-page .impersonate-card .selected-user .user-details p{color:var(--text-secondary);font-size:.875rem;margin:0 0 .25rem}.impersonate-page .impersonate-card .selected-user .user-details .tenant-info{align-items:center;color:var(--text-tertiary);display:flex;font-size:.8125rem;gap:.375rem}.impersonate-page .impersonate-card .form-group{margin-bottom:1.5rem}.impersonate-page .impersonate-card .form-group label{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.impersonate-page .impersonate-card .form-group label svg{color:var(--text-tertiary)}.impersonate-page .impersonate-card .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.75rem;resize:vertical;width:100%}.impersonate-page .impersonate-card .form-group textarea::placeholder{color:var(--text-tertiary)}.impersonate-page .impersonate-card .form-group textarea:focus{border-color:var(--primary);outline:none}.impersonate-page .impersonate-card .form-group .form-hint{color:var(--text-tertiary);display:block;font-size:.75rem;margin-top:.5rem}.impersonate-page .result-card{margin:0 auto;max-width:600px}.impersonate-page .result-card .result-header{align-items:center;background:rgba(34,197,94,.1);border-bottom:1px solid rgba(34,197,94,.2);display:flex;gap:1rem;padding:1.5rem}.impersonate-page .result-card .result-header .success-icon{color:#22c55e}.impersonate-page .result-card .result-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.impersonate-page .result-card .result-body{padding:1.5rem}.impersonate-page .result-card .result-info{margin-bottom:1.5rem}.impersonate-page .result-card .result-info .info-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.9375rem;gap:.75rem;padding:.5rem 0}.impersonate-page .result-card .result-info .info-row svg{color:var(--text-tertiary)}.impersonate-page .result-card .result-info .info-row strong{color:var(--text-primary)}.impersonate-page .result-card .token-box{background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.impersonate-page .result-card .token-box label{color:var(--text-tertiary);display:block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase}.impersonate-page .result-card .token-box code{color:var(--text-secondary);display:block;font-size:.8125rem;word-break:break-all}.impersonate-page .result-card .result-actions{display:flex;gap:1rem}.impersonate-page .empty-state,.impersonate-page .error-state,.impersonate-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 2rem;text-align:center}.impersonate-page .empty-state svg,.impersonate-page .error-state svg,.impersonate-page .loading-state svg{opacity:.5}.impersonate-page .empty-state p,.impersonate-page .error-state p,.impersonate-page .loading-state p{color:var(--text-tertiary);font-size:.8125rem;margin:0}.impersonate-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease}.impersonate-page .btn:disabled{cursor:not-allowed;opacity:.5}.impersonate-page .btn.btn-primary{background:var(--primary);color:#fff}.impersonate-page .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.impersonate-page .btn.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.impersonate-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.impersonate-page .btn.btn-full{width:100%}.impersonate-page .spin{animation:spin 1s linear infinite}.data-export-page .info-banner{align-items:flex-start;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.data-export-page .info-banner svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.data-export-page .info-banner strong{color:#3b82f6;display:block;font-size:.9375rem;margin-bottom:.25rem}.data-export-page .info-banner p{color:var(--text-secondary);font-size:.875rem;margin:0}.data-export-page .export-grid{display:grid;gap:1.5rem;grid-template-columns:350px 1fr}@media(max-width:1024px){.data-export-page .export-grid{grid-template-columns:1fr}}.data-export-page .card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.data-export-page .card .card-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.data-export-page .card .card-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.data-export-page .card .card-header .header-actions{display:flex;gap:1rem}.data-export-page .card .card-body{padding:1rem}.data-export-page .btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8125rem;padding:0}.data-export-page .btn-link:hover{text-decoration:underline}.data-export-page .companies-card .card-body{padding:0}.data-export-page .companies-card .search-input{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 1rem}.data-export-page .companies-card .search-input svg{color:var(--text-tertiary)}.data-export-page .companies-card .search-input input{background:none;border:none;color:var(--text-primary);flex:1;font-size:.875rem}.data-export-page .companies-card .search-input input::placeholder{color:var(--text-tertiary)}.data-export-page .companies-card .search-input input:focus{outline:none}.data-export-page .companies-card .companies-list{max-height:500px;overflow-y:auto}.data-export-page .companies-card .company-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:background .2s ease}.data-export-page .companies-card .company-item:last-child{border-bottom:none}.data-export-page .companies-card .company-item:hover:not(.inactive){background:var(--bg-secondary)}.data-export-page .companies-card .company-item.selected{background:rgba(var(--primary-rgb),.1);border-left:3px solid var(--primary)}.data-export-page .companies-card .company-item.inactive{cursor:not-allowed;opacity:.5}.data-export-page .companies-card .company-item .company-icon{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);display:flex;height:36px;justify-content:center;width:36px}.data-export-page .companies-card .company-item .company-info{flex:1;min-width:0}.data-export-page .companies-card .company-item .company-info .company-name{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;margin-bottom:.125rem}.data-export-page .companies-card .company-item .company-info .company-name .inactive-badge{background:rgba(239,68,68,.1);border-radius:4px;color:#ef4444;font-size:.625rem;padding:.125rem .375rem}.data-export-page .companies-card .company-item .company-info .company-code{color:var(--text-tertiary);font-size:.75rem}.data-export-page .companies-card .company-item .company-stats{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.data-export-page .companies-card .company-item .company-stats span{align-items:center;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.375rem}.data-export-page .export-config{display:flex;flex-direction:column;gap:1.5rem}.data-export-page .tables-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.data-export-page .tables-grid .table-item{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.data-export-page .tables-grid .table-item:hover{border-color:var(--primary)}.data-export-page .tables-grid .table-item.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.data-export-page .tables-grid .table-item .table-icon{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-tertiary);display:flex;height:40px;justify-content:center;width:40px}.data-export-page .tables-grid .table-item .table-info{flex:1;min-width:0}.data-export-page .tables-grid .table-item .table-info .table-name{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.125rem}.data-export-page .tables-grid .table-item .table-info .table-desc{color:var(--text-tertiary);font-size:.75rem}.data-export-page .tables-grid .table-item .checkbox{align-items:center;border:2px solid var(--border-color);border-radius:6px;color:#fff;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.data-export-page .tables-grid .table-item .checkbox.checked{background:var(--primary);border-color:var(--primary)}.data-export-page .options-card .form-group,.data-export-page .options-card .form-group:last-of-type{margin-bottom:1.5rem}.data-export-page .options-card .form-group label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.data-export-page .options-card .format-options{display:flex;gap:1rem}.data-export-page .options-card .format-options .format-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:.5rem;padding:1rem;transition:all .2s ease}.data-export-page .options-card .format-options .format-option input{display:none}.data-export-page .options-card .format-options .format-option svg{color:var(--text-tertiary)}.data-export-page .options-card .format-options .format-option span{color:var(--text-primary);font-size:.875rem;font-weight:500}.data-export-page .options-card .format-options .format-option:hover{border-color:var(--primary)}.data-export-page .options-card .format-options .format-option.selected{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.data-export-page .options-card .format-options .format-option.selected svg{color:var(--primary)}.data-export-page .options-card .date-range{align-items:center;display:flex;gap:1rem}.data-export-page .options-card .date-range .date-input{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex:1;gap:.5rem;padding:.5rem .75rem}.data-export-page .options-card .date-range .date-input svg{color:var(--text-tertiary)}.data-export-page .options-card .date-range .date-input input{background:none;border:none;color:var(--text-primary);flex:1;font-size:.875rem}.data-export-page .options-card .date-range .date-input input:focus{outline:none}.data-export-page .options-card .date-range .date-separator{color:var(--text-tertiary);font-size:.875rem}.data-export-page .export-status-card{margin:0 auto;max-width:600px}.data-export-page .export-status-card .status-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:1.5rem}.data-export-page .export-status-card .status-header.completed{background:rgba(34,197,94,.1);border-bottom-color:rgba(34,197,94,.2)}.data-export-page .export-status-card .status-header.completed svg{color:#22c55e}.data-export-page .export-status-card .status-header.pending,.data-export-page .export-status-card .status-header.processing{background:rgba(59,130,246,.1);border-bottom-color:rgba(59,130,246,.2)}.data-export-page .export-status-card .status-header.pending svg,.data-export-page .export-status-card .status-header.processing svg{color:#3b82f6}.data-export-page .export-status-card .status-header.failed{background:rgba(239,68,68,.1);border-bottom-color:rgba(239,68,68,.2)}.data-export-page .export-status-card .status-header.failed svg{color:#ef4444}.data-export-page .export-status-card .status-header h2{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.data-export-page .export-status-card .status-body{padding:1.5rem}.data-export-page .export-status-card .status-info{margin-bottom:1.5rem}.data-export-page .export-status-card .status-info .info-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.9375rem;gap:.75rem;padding:.5rem 0}.data-export-page .export-status-card .status-info .info-row svg{color:var(--text-tertiary)}.data-export-page .export-status-card .status-info .info-row strong{color:var(--text-primary)}.data-export-page .export-status-card .download-btn{margin-bottom:1rem;width:100%}.data-export-page .export-status-card .error-message{align-items:center;background:rgba(239,68,68,.1);border-radius:8px;color:#ef4444;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:1rem;padding:1rem}.data-export-page .export-status-card .status-actions{display:flex;gap:1rem}.data-export-page .empty-state,.data-export-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 2rem}.data-export-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease}.data-export-page .btn:disabled{cursor:not-allowed;opacity:.5}.data-export-page .btn.btn-primary{background:var(--primary);color:#fff}.data-export-page .btn.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.data-export-page .btn.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.data-export-page .btn.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.data-export-page .btn.btn-full{width:100%}.data-export-page .spin{animation:spin 1s linear infinite}.feedback-page__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.feedback-page__header h1{align-items:center;display:flex;font-size:24px;font-weight:700;gap:8px;margin:0 0 4px}.feedback-page__header p{color:var(--text-secondary);font-size:14px;margin:0}.feedback-page__count{background:var(--bg-tertiary);border-radius:16px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:4px 12px}.feedback-page__filters{display:flex;gap:12px;margin-bottom:16px}.feedback-page__filters select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:13px;padding:8px 12px}.feedback-page__filters select:focus{border-color:var(--color-primary);outline:none}.feedback-page__empty,.feedback-page__loading{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:64px 0}.feedback-page__pagination{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:16px;justify-content:center;padding:16px 0}.feedback-table{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.feedback-table table{border-collapse:collapse;width:100%}.feedback-table thead th{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase}.feedback-table tbody tr{cursor:pointer;transition:background .15s}.feedback-table tbody tr.expanded,.feedback-table tbody tr:hover{background:var(--bg-tertiary)}.feedback-table tbody tr td{border-bottom:1px solid var(--border-color);font-size:13px;padding:12px 16px;vertical-align:middle}.feedback-type{align-items:center;display:inline-flex;font-weight:500;gap:6px;white-space:nowrap}.feedback-message{color:var(--text-primary);display:block;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-user{color:var(--text-secondary);font-size:13px}.feedback-page-url{font-family:monospace}.feedback-date,.feedback-page-url{color:var(--text-tertiary);font-size:12px}.feedback-date{align-items:center;display:inline-flex;gap:4px;white-space:nowrap}.feedback-status-select{background:var(--bg-secondary);border-radius:6px;border-style:solid;border-width:2px;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px}.feedback-expanded-row td{border-bottom:2px solid var(--color-primary)!important;padding:0!important}.feedback-details{background:var(--bg-secondary);display:flex;flex-direction:column;gap:16px;padding:16px 24px}.feedback-details__message strong{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:4px}.feedback-details__message p{font-size:14px;line-height:1.5;margin:0;white-space:pre-wrap}.feedback-details__meta{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.feedback-details__meta strong{color:var(--text-tertiary)}.feedback-details__notes{display:flex;flex-direction:column;gap:8px}.feedback-details__notes label{color:var(--text-secondary);font-size:12px}.feedback-details__notes textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:10px 12px;resize:vertical;width:100%}.feedback-details__notes textarea:focus{border-color:var(--color-primary);outline:none}.feedback-details__notes button{align-items:center;align-self:flex-start;display:inline-flex;gap:4px}.btn-icon{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;padding:6px}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.spin{animation:spin 1s linear infinite}.app-layout.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width)}.app-content{animation:fadeIn .3s ease-out}:root{--color-primary:#a855f7;--color-primary-light:#c084fc;--color-primary-dark:#9333ea;--color-primary-rgb:168,85,247;--color-secondary:#06b6d4;--color-secondary-light:#22d3ee;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--sidebar-width:280px;--sidebar-collapsed-width:72px;--header-height:64px;--bg-primary:#0f0f12;--bg-secondary:#1a1a1f;--bg-tertiary:#22222a;--bg-quaternary:#2d2e35;--text-primary:#f2f2f5;--text-secondary:#c5c7d0;--text-tertiary:#9a9da6;--text-inverse:#0f0f12;--border-primary:#2d2e35;--border-secondary:#3a3b43;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.3);--login-gradient:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);--login-card-shadow:0 0 0 1px rgba(168,85,247,.1),0 10px 40px rgba(0,0,0,.4);--modal-overlay-bg:rgba(0,0,0,.7);--scrollbar-thumb:hsla(0,0%,100%,.1);--scrollbar-thumb-hover:hsla(0,0%,100%,.2)}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#f0f0f0;--bg-quaternary:#e5e7eb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--color-primary:#9333ea;--color-primary-light:#a855f7;--color-primary-dark:#7e22ce;--login-gradient:linear-gradient(135deg,#e9d5ff,#c4b5fd 50%,#e9d5ff);--login-card-shadow:0 0 0 1px rgba(147,51,234,.08),0 10px 40px rgba(0,0,0,.08);--modal-overlay-bg:rgba(0,0,0,.4);--scrollbar-thumb:rgba(0,0,0,.15);--scrollbar-thumb-hover:rgba(0,0,0,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}.app-layout{display:flex;min-height:100vh}.app-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-primary);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width var(--transition-normal);width:var(--sidebar-width);z-index:100}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.app-main{display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-normal)}.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width)}.app-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);display:flex;height:var(--header-height);justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:50}.app-content{flex:1;padding:var(--spacing-lg)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-quaternary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.card-header h2,.card-header h3{color:var(--text-primary);font-size:18px;font-weight:600}.input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--color-primary);outline:none}.input:disabled{cursor:not-allowed;opacity:.5}.label{color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:var(--spacing-xs)}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-primary);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.data-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table td{color:var(--text-primary);font-size:14px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-tertiary)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:2px 8px}.badge-active,.badge-healthy{background:rgba(16,185,129,.1);color:var(--color-success)}.badge-inactive,.badge-warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.badge-critical,.badge-error,.badge-suspended{background:rgba(239,68,68,.1);color:var(--color-error)}.badge-pending{background:rgba(59,130,246,.1);color:var(--color-info)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.stat-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;margin-bottom:var(--spacing-md);width:48px}.stat-card-icon svg{height:24px;width:24px}.stat-card-icon.primary{background:rgba(168,85,247,.1);color:var(--color-primary)}.stat-card-icon.success{background:rgba(16,185,129,.1);color:var(--color-success)}.stat-card-icon.warning{background:rgba(245,158,11,.1);color:var(--color-warning)}.stat-card-icon.info{background:rgba(59,130,246,.1);color:var(--color-info)}.stat-card-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2}.stat-card-label{color:var(--text-secondary);font-size:14px;margin-top:var(--spacing-xs)}.stat-card-change{font-size:12px;margin-top:var(--spacing-sm)}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-error)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin,.spin{animation:spin 1s linear infinite}.modal-overlay{align-items:center;animation:fadeIn .15s ease-out;background:var(--modal-overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-height:90vh;max-width:600px;overflow:auto;width:100%}.modal-content.modal-sm{max-width:420px}.modal-content.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{align-items:center;background:var(--bg-tertiary);border-top:1px solid var(--border-primary);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg)}.delete-warning{text-align:center}.delete-warning .warning-icon{color:var(--color-error);margin-bottom:var(--spacing-md)}.delete-warning p{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.delete-warning .company-info{background:var(--bg-tertiary);border-radius:var(--radius-md);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.delete-warning .company-info strong{color:var(--text-primary);display:block;font-size:16px}.delete-warning .company-info .code{color:var(--text-secondary);font-size:14px}.delete-warning .danger-text{color:var(--color-error);font-weight:500}.delete-warning .info-text,.delete-warning .warning-text{color:var(--text-secondary);font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-buttons{align-items:center;display:flex;gap:var(--spacing-xs)}.btn-sm{padding:4px 10px}.not-found{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh;text-align:center}.not-found__code{color:var(--text-tertiary);font-size:5rem;font-weight:800;line-height:1;opacity:.3}.not-found__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.not-found__text{color:var(--text-secondary);margin:0 0 16px;max-width:400px}.not-found__actions{display:flex;gap:var(--spacing-sm)}.page-container{animation:fadeIn .3s ease-out}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.page-header .page-title{align-items:center;display:flex;gap:var(--spacing-sm)}.page-header .page-title .page-icon{color:var(--color-primary)}.page-header .page-title h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.search-box{position:relative;width:300px}.search-box .search-icon{color:var(--text-tertiary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box .search-input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:8px 12px 8px 40px;transition:all var(--transition-fast);width:100%}.search-box .search-input::placeholder{color:var(--text-tertiary)}.search-box .search-input:focus{border-color:var(--color-primary);outline:none}.btn-sm{font-size:13px;padding:4px 12px}.font-medium{font-weight:500}.stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}}.mb-lg{margin-bottom:var(--spacing-lg)}.filter-pills{align-items:center;display:flex;gap:var(--spacing-xs)}.filter-pill{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-full,999px);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:5px 14px;transition:all var(--transition-fast)}.filter-pill.active,.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.active{background:rgba(var(--color-primary-rgb),.12)}
/*# sourceMappingURL=807fb9331381604c7250.css.map*/