:root{--color-bg-page: #ffffff;--color-bg-surface: #ffffff;--color-bg-surface-hover: #f9fafb;--color-bg-input: #ffffff;--color-bg-input-disabled: #f3f4f6;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-section-alt: #fafafa;--color-text-primary: #0c1021;--color-text-secondary: #535662;--color-text-tertiary: #50556b;--color-text-label: #535662;--color-text-inverse: #ffffff;--color-border-default: #d1d5db;--color-border-light: #e5e7eb;--color-border-focus: #4268ff;--color-border-card: rgba(12, 16, 33, .05);--color-brand-primary: #4268ff;--color-brand-primary-hover: #224eff;--color-brand-secondary: #a34cff;--color-brand-secondary-hover: #9027ff;--color-brand-light: #819aff;--color-brand-success: #17b46b;--color-btn-primary-bg: #4268ff;--color-btn-primary-bg-hover: #224eff;--color-btn-primary-text: #ffffff;--color-btn-secondary-bg: #ffffff;--color-btn-secondary-text: #4268ff;--color-btn-secondary-border: #4268ff;--color-btn-success-bg: #17b46b;--color-btn-success-bg-hover: #008f4d;--color-btn-danger-bg: #ff3f68;--color-btn-danger-hover: #e6355d;--color-btn-neutral-bg: #f3f4f6;--color-btn-neutral-text: #374151;--color-btn-neutral-border: #d1d5db;--color-status-success-bg: #d1fae5;--color-status-success-text: #065f46;--color-status-warning-bg: #fef3c7;--color-status-warning-text: #92400e;--color-status-error-bg: #fee2e2;--color-status-error-text: #991b1b;--color-status-caution-bg: #ffedd5;--color-status-caution-text: #9a3412;--color-status-unknown-bg: #f3f4f6;--color-status-unknown-text: #6b7280;--color-status-operational: #17b46b;--color-status-issues: #f59e0b;--color-alert-error-bg: #fef2f2;--color-alert-error-border: #fecaca;--color-alert-error-text: #dc2626;--color-alert-success-bg: #f0fdf4;--color-alert-success-border: #bbf7d0;--color-alert-success-text: #166534;--color-focus-ring: rgba(66, 104, 255, .3);--color-shadow: rgba(0, 0, 0, .1);--color-shadow-md: rgba(0, 0, 0, .15);--color-shadow-lg: rgba(0, 0, 0, .2);--color-table-header-bg: #f9fafb;--color-table-row-hover: #f9fafb;--color-table-border: #e5e7eb;--color-badge-admin-gradient: linear-gradient(135deg, var(--color-btn-danger-bg) 0%, var(--color-btn-danger-hover) 100%);--color-badge-admin-text: #ffffff;--color-badge-support-bg: #fef3c7;--color-badge-support-text: #92400e;--color-badge-ai-bg: rgba(66, 104, 255, .1);--color-badge-ai-text: #4268ff;--color-badge-ai-border: rgba(66, 104, 255, .3);--color-sidebar-bg: #0a0f1a;--color-sidebar-surface: #141b2d;--color-sidebar-text: #e5e7eb;--color-sidebar-text-muted: #9ca3af;--color-sidebar-border: #1e293b;--color-sidebar-hover: #1e293b;--color-sidebar-active-bg: rgba(66, 104, 255, .1);--color-sidebar-active-text: #4268ff;--color-chart-line: #4268ff;--color-chart-area: rgba(66, 104, 255, .1);--color-chart-grid: #e5e7eb}[data-theme=dark]{--color-bg-page: #0a0f1a;--color-bg-surface: #141b2d;--color-bg-surface-hover: #1e293b;--color-bg-input: #1e293b;--color-bg-input-disabled: #0f172a;--color-bg-overlay: rgba(0, 0, 0, .7);--color-bg-section-alt: #0f1525;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-label: #cbd5e1;--color-text-inverse: #0a0f1a;--color-border-default: #334155;--color-border-light: #1e293b;--color-border-focus: #819aff;--color-border-card: rgba(255, 255, 255, .05);--color-brand-primary: #819aff;--color-brand-primary-hover: #4268ff;--color-brand-secondary: #c084fc;--color-brand-secondary-hover: #a34cff;--color-brand-light: #819aff;--color-brand-success: #34d399;--color-btn-primary-bg: #819aff;--color-btn-primary-bg-hover: #4268ff;--color-btn-primary-text: #0a0f1a;--color-btn-secondary-bg: #1e293b;--color-btn-secondary-text: #819aff;--color-btn-secondary-border: #819aff;--color-btn-success-bg: #34d399;--color-btn-success-bg-hover: #17b46b;--color-btn-neutral-bg: #1e293b;--color-btn-neutral-text: #cbd5e1;--color-btn-neutral-border: #334155;--color-status-success-bg: #064e3b;--color-status-success-text: #6ee7b7;--color-status-warning-bg: #78350f;--color-status-warning-text: #fcd34d;--color-status-error-bg: #7f1d1d;--color-status-error-text: #fca5a5;--color-status-caution-bg: #431407;--color-status-caution-text: #fdba74;--color-status-unknown-bg: #1e293b;--color-status-unknown-text: #94a3b8;--color-alert-error-bg: #450a0a;--color-alert-error-border: #7f1d1d;--color-alert-error-text: #fca5a5;--color-alert-success-bg: #052e16;--color-alert-success-border: #166534;--color-alert-success-text: #86efac;--color-focus-ring: rgba(129, 154, 255, .3);--color-shadow: rgba(0, 0, 0, .3);--color-shadow-md: rgba(0, 0, 0, .4);--color-shadow-lg: rgba(0, 0, 0, .5);--color-table-header-bg: #1e293b;--color-table-row-hover: #1e293b;--color-table-border: #334155;--color-badge-support-bg: #78350f;--color-badge-support-text: #fcd34d;--color-badge-ai-bg: rgba(129, 154, 255, .15);--color-badge-ai-text: #819aff;--color-badge-ai-border: rgba(129, 154, 255, .4);--color-sidebar-active-bg: rgba(129, 154, 255, .1);--color-sidebar-active-text: #819aff;--color-chart-line: #819aff;--color-chart-area: rgba(129, 154, 255, .15);--color-chart-grid: #334155}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease,box-shadow .2s ease}.no-transition,.no-transition *{transition:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;text-decoration:none;font-family:inherit;line-height:1.5}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn--primary{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.btn--secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:1px solid var(--color-btn-secondary-border)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-surface-hover)}.btn--destructive{background:var(--color-btn-danger-bg);color:var(--color-text-inverse)}.btn--destructive:hover:not(:disabled){background:var(--color-btn-danger-hover);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-bg-surface-hover)}.btn--sm{padding:8px 16px;font-size:14px}.btn--md{padding:12px 24px;font-size:16px}.btn--lg{padding:14px 28px;font-size:18px}.btn--full-width{width:100%}.btn--loading{position:relative}.btn-spinner{display:inline-flex;align-items:center;animation:spin 1s linear infinite}.btn-content--loading{opacity:.7}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .2s,color .2s}.icon-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.icon-btn:disabled,.icon-btn--disabled{opacity:.4;cursor:not-allowed}.icon-btn--default:hover:not(:disabled){background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.icon-btn--edit:hover:not(:disabled){background:var(--color-accent-secondary);color:var(--color-brand-primary)}.icon-btn--delete:hover:not(:disabled){background:var(--color-alert-error-bg);color:var(--color-alert-error-text)}.icon-btn--recheck{color:var(--color-text-primary);border:1px solid var(--color-text-secondary);background:var(--color-btn-neutral-bg)}.icon-btn--recheck:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-text-primary)}.icon-btn--suspend{color:var(--color-status-error-text);border:1px solid var(--color-status-error-text)}.icon-btn--suspend:hover:not(:disabled){background:var(--color-status-error-bg)}.icon-btn--unsuspend{color:var(--color-status-success-text);border:1px solid var(--color-status-success-text);background:var(--color-status-success-bg)}.icon-btn--unsuspend:hover:not(:disabled){filter:brightness(.95)}.row-actions{display:flex;align-items:center;justify-content:center;gap:4px}.actions-header,.actions-cell{text-align:center}.actions-header--single,.actions-cell--single{width:80px}.actions-header--multi,.actions-cell--multi{width:100px}.ui-input-wrapper{display:flex;flex-direction:column;gap:6px}.ui-input-wrapper--full-width{width:100%}.ui-input-label{font-size:14px;font-weight:500;color:var(--color-text-label)}.ui-input-container{position:relative;display:flex;align-items:center}.ui-input{width:100%;padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-family:inherit}.ui-input::placeholder{color:var(--color-text-tertiary)}.ui-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.ui-input--error{border-color:var(--color-alert-error-border)}.ui-input--error:focus{border-color:var(--color-alert-error-border);box-shadow:0 0 0 3px #ff3f6833}.ui-input--disabled{background:var(--color-bg-input-disabled);cursor:not-allowed;opacity:.7}.ui-input--with-left-icon{padding-left:44px}.ui-input--with-right-icon{padding-right:44px}.ui-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);pointer-events:none;width:20px;height:20px}.ui-input-icon--left{left:12px}.ui-input-icon--right{right:12px}.ui-input-helper{font-size:14px;color:var(--color-text-secondary)}.ui-input-helper--error{color:var(--color-alert-error-text)}.ui-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow);transition:box-shadow .2s,transform .2s}.ui-card--hover:hover{box-shadow:0 4px 12px var(--color-shadow-md);transform:translateY(-1px)}.ui-card--padding-sm{padding:16px}.ui-card--padding-md{padding:24px}.ui-card--padding-lg{padding:32px}.ui-card-header{margin-bottom:16px}.ui-card-title{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.ui-card-subtitle{font-size:14px;color:var(--color-text-secondary);margin:0}.ui-card-content{color:var(--color-text-primary)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:20px;white-space:nowrap}.ui-badge--sm{padding:2px 8px;font-size:11px}.ui-badge--md{padding:4px 12px;font-size:12px}.ui-badge--success{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.ui-badge--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.ui-badge--error{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.ui-badge--info{background:var(--color-badge-ai-bg);color:var(--color-badge-ai-text);border:1px solid var(--color-badge-ai-border)}.ui-badge--neutral{background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border)}.ui-badge--admin{background:var(--color-badge-admin-gradient);color:var(--color-badge-admin-text)}.ui-badge--support{background:var(--color-badge-support-bg);color:var(--color-badge-support-text)}.ui-badge--client{background:var(--color-btn-primary-bg);color:var(--color-text-inverse)}.ui-badge--ai{background:var(--color-badge-ai-bg);color:var(--color-badge-ai-text);border:1px solid var(--color-badge-ai-border)}.ui-table-container{overflow-x:auto;width:100%}.ui-table{width:100%;border-collapse:collapse;font-size:14px}.ui-table-header{background:var(--color-table-header-bg)}.ui-table-row{transition:background-color .2s}.ui-table-row:hover{background:var(--color-table-row-hover)}.ui-table-cell{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-table-border)}.ui-table-header .ui-table-cell{font-weight:600;color:var(--color-text-label)}.ui-table-body .ui-table-cell{color:var(--color-text-primary)}.ui-table-row:last-child .ui-table-cell{border-bottom:none}.ui-alert{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid;font-size:14px}.ui-alert-content{flex:1}.ui-alert-title{font-weight:600;margin-bottom:4px}.ui-alert-message{line-height:1.5}.ui-alert--success{background:var(--color-alert-success-bg);border-color:var(--color-alert-success-border);color:var(--color-alert-success-text)}.ui-alert--error{background:var(--color-alert-error-bg);border-color:var(--color-alert-error-border);color:var(--color-alert-error-text)}.ui-alert--warning{background:var(--color-status-warning-bg);border-color:var(--color-status-warning-text);color:var(--color-status-warning-text)}.ui-alert--info{background:var(--color-badge-ai-bg);border-color:var(--color-badge-ai-border);color:var(--color-badge-ai-text)}.ui-alert-dismiss{background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:.7;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.ui-alert-dismiss:hover{opacity:1}.ui-alert-dismiss:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--color-bg-surface);border-radius:12px;border:1px solid var(--color-border-default);box-shadow:0 20px 25px -5px var(--color-shadow-lg),0 10px 10px -5px var(--color-shadow-md);max-width:400px;width:100%;padding:24px;outline:none}.modal-title{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.modal-body{margin-bottom:24px;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.modal-body strong{color:var(--color-text-primary);font-weight:600}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;animation:drawer-backdrop-fade-in .2s ease-out}@keyframes drawer-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;right:0;height:100vh;background:var(--color-bg-surface);box-shadow:-4px 0 24px var(--color-shadow);display:flex;flex-direction:column;outline:none;animation:drawer-slide-in .25s ease-out}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer--sm{width:100%;max-width:400px}.drawer--md{width:100%;max-width:500px}.drawer--lg{width:100%;max-width:600px}.drawer--xl{width:100%;max-width:720px}.drawer-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-table-border);flex-shrink:0}.drawer-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;flex-shrink:0}.drawer-header-actions{display:flex;align-items:center;gap:8px;flex:1}.drawer-close{background:transparent;border:none;padding:6px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background .2s;margin-left:auto;flex-shrink:0}.drawer-close:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.drawer-body{padding:0;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}@media (max-width: 640px){.drawer{max-width:100%!important}}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip__content{position:absolute;z-index:300;padding:6px 10px;background:var(--color-bg-inverse, #0c1021);color:var(--color-text-inverse, #fff);font-size:12px;line-height:1.4;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.ui-tooltip:hover .ui-tooltip__content{opacity:1}.ui-tooltip--top .ui-tooltip__content{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.ui-tooltip--bottom .ui-tooltip__content{top:calc(100% + 6px);left:50%;transform:translate(-50%)}.ui-tooltip--left .ui-tooltip__content{right:calc(100% + 6px);top:50%;transform:translateY(-50%)}.ui-tooltip--right .ui-tooltip__content{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.pagination-goto{display:flex;align-items:center;gap:6px}.pagination-goto-label{font-size:14px;color:var(--color-text-secondary)}.pagination-goto-input{width:56px;text-align:center;padding:8px 4px;font-size:14px;font-weight:500;border:1px solid var(--color-btn-neutral-border);border-radius:6px;background:var(--color-btn-neutral-bg);color:inherit}.pagination-goto-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-focus-ring)}.pagination-goto-input:disabled{opacity:.5;cursor:not-allowed}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4268ff,#a34cff);padding:20px}.login-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 10px 40px var(--color-shadow-lg);padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:32px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.login-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.form-group input{padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-group input::placeholder{color:var(--color-text-tertiary)}.login-button{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.login-footer a{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.login-footer a:hover{text-decoration:underline}.dashboard{max-width:1200px}.welcome-card{background:var(--color-bg-surface);border-radius:12px;padding:32px;box-shadow:0 1px 3px var(--color-shadow)}.welcome-card h2{font-size:24px;color:var(--color-text-primary);margin:0 0 16px}.welcome-card p{color:var(--color-text-secondary);margin:8px 0}.role-badge{display:inline-block;background:var(--color-badge-admin-gradient);color:var(--color-badge-admin-text);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.users-section{margin-top:24px;background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.users-table{width:100%;border-collapse:collapse;font-size:14px}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-table-border)}.users-table th{background:var(--color-table-header-bg);font-weight:600;color:var(--color-text-label)}.users-table tbody tr:hover{background:var(--color-table-row-hover)}.users-table td{color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.stat-card{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow);text-align:center}.stat-value{font-size:32px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.stat-label{font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:4px}.stat-sub{font-size:12px;color:var(--color-text-tertiary)}.quick-actions{margin-top:24px;background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.quick-actions h3{font-size:18px;color:var(--color-text-primary);margin:0 0 16px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.action-btn--primary{background:var(--color-btn-primary-bg);color:var(--color-text-inverse)}.action-btn--primary:hover{opacity:.9;transform:translateY(-1px)}.action-btn--secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:1px solid var(--color-btn-secondary-border)}.action-btn--secondary:hover{background:var(--color-bg-surface-hover)}.table-footer{padding:16px;text-align:center;border-top:1px solid var(--color-table-border)}.table-footer a{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.table-footer a:hover{text-decoration:underline}.client-info-card{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow);margin-top:24px}.client-info-card h3{font-size:18px;color:var(--color-text-primary);margin:0 0 16px}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border-light)}.info-row:last-child{border-bottom:none}.info-label{color:var(--color-text-secondary);font-size:14px}.info-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.ai-notice{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-badge-ai-bg);border-radius:8px;margin-top:24px}.ai-notice-icon{color:var(--color-brand-primary)}.ai-notice-text{font-size:13px;color:var(--color-text-secondary)}.forgot-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4268ff,#a34cff);padding:20px}.forgot-password-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 10px 40px var(--color-shadow-lg);padding:40px;width:100%;max-width:400px}.forgot-password-header{text-align:center;margin-bottom:32px}.forgot-password-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.forgot-password-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:6px}.forgot-password-form .form-group label{font-size:14px;font-weight:500;color:var(--color-text-label)}.forgot-password-form .form-group input{padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.forgot-password-form .form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.forgot-password-form .form-group input::placeholder{color:var(--color-text-tertiary)}.forgot-password-button{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.forgot-password-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.forgot-password-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.forgot-password-footer a{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.forgot-password-footer a:hover{text-decoration:underline}.reset-password-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4268ff,#a34cff);padding:20px}.reset-password-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 10px 40px var(--color-shadow-lg);padding:40px;width:100%;max-width:400px}.reset-password-header{text-align:center;margin-bottom:32px}.reset-password-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.reset-password-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.error-icon{width:64px;height:64px;background:linear-gradient(135deg,#ff3f68,#e6355d);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--color-text-inverse);margin:0 auto 24px}.reset-password-form{display:flex;flex-direction:column;gap:20px}.reset-password-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.reset-password-form .form-group{display:flex;flex-direction:column;gap:6px}.reset-password-form .form-group label{font-size:14px;font-weight:500;color:var(--color-text-label)}.reset-password-form .form-group input{padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.reset-password-form .form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.reset-password-form .form-group input::placeholder{color:var(--color-text-tertiary)}.reset-password-button{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.reset-password-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.reset-password-button:disabled{opacity:.7;cursor:not-allowed}.reset-password-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.reset-password-footer a{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.reset-password-footer a:hover{text-decoration:underline}.add-user-page{max-width:500px}.add-user-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow);padding:32px}.add-user-header{text-align:center;margin-bottom:24px}.add-user-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.add-user-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.warning-icon{width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--color-text-inverse);margin:0 auto 24px}.warning-text{color:#d97706}.add-user-form{display:flex;flex-direction:column;gap:20px}.add-user-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.add-user-form .form-group{display:flex;flex-direction:column;gap:6px}.add-user-form .form-group label{font-size:14px;font-weight:500;color:var(--color-text-label)}.add-user-form .form-group input,.add-user-form .form-group select{padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.add-user-form .form-group input:focus,.add-user-form .form-group select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.add-user-form .form-group input::placeholder{color:var(--color-text-tertiary)}.add-user-form .form-group label .required{color:var(--color-alert-error-text)}.checkbox-group{background:var(--color-bg-surface-hover);padding:16px;border-radius:8px;margin:4px 0}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500!important}.checkbox-label input[type=checkbox]{width:18px;height:18px;padding:0;margin:0;cursor:pointer;accent-color:var(--color-brand-primary)}.checkbox-label span{color:var(--color-text-primary)}.checkbox-group .field-hint{margin-left:28px;margin-top:8px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:60px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--color-brand-primary);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.password-toggle:hover{background:var(--color-focus-ring)}.password-requirements{background:var(--color-bg-surface-hover);border-radius:8px;padding:16px;font-size:13px}.password-requirements p{margin:0 0 8px;color:var(--color-text-label);font-weight:500}.password-requirements ul{margin:0;padding-left:20px;list-style:none}.password-requirements li{position:relative;color:var(--color-text-tertiary);margin-bottom:4px;padding-left:4px}.password-requirements li:before{content:"○";position:absolute;left:-16px}.password-requirements li.met{color:var(--color-brand-success)}.password-requirements li.met:before{content:"●";color:var(--color-brand-success)}.add-user-button{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.add-user-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.add-user-button:disabled{opacity:.7;cursor:not-allowed}.add-user-button.secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:2px solid var(--color-btn-secondary-border);margin-top:12px}.add-user-button.secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none;transform:none}.add-user-actions{display:flex;flex-direction:column;gap:0}.add-user-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.add-user-footer a{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.add-user-footer a:hover{text-decoration:underline}.add-tenant-page{max-width:500px}.add-tenant-card{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow);padding:32px}.add-tenant-header{text-align:center;margin-bottom:24px}.add-tenant-header h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.add-tenant-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.success-icon{width:64px;height:64px;background:var(--color-btn-success-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--color-text-inverse);margin:0 auto 24px}.add-tenant-form{display:flex;flex-direction:column;gap:20px}.add-tenant-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.add-tenant-form .form-group{display:flex;flex-direction:column;gap:6px}.add-tenant-form .form-group label{font-size:14px;font-weight:500;color:var(--color-text-label)}.add-tenant-form .form-group input{padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.add-tenant-form .form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.add-tenant-form .form-group input::placeholder{color:var(--color-text-tertiary)}.add-tenant-button{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.add-tenant-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.add-tenant-button:disabled{opacity:.7;cursor:not-allowed}.add-tenant-button.secondary{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:2px solid var(--color-btn-secondary-border);margin-top:12px}.add-tenant-button.secondary:hover:not(:disabled){background:var(--color-bg-surface-hover);box-shadow:none;transform:none}.add-tenant-actions{display:flex;flex-direction:column;gap:0}.add-tenant-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-light)}.add-tenant-footer a{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.add-tenant-footer a:hover{text-decoration:underline}.users-page{max-width:1200px}.add-btn{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}.users-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.error-message{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--color-badge-admin-text)}.role-badge.role-admin{background:linear-gradient(135deg,#ff3f68,#e6355d)}.role-badge.role-support{background:var(--color-badge-support-bg);color:var(--color-badge-support-text)}.role-badge.role-client{background:var(--color-btn-primary-bg)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.status-pending{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.status-badge.status-suspended{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.delete-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:color .2s,background .2s}.delete-btn:hover{color:var(--color-btn-danger-bg);background:var(--color-status-error-bg)}.delete-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.tenants-page{max-width:1200px}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.tenants-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.tenant-name{font-weight:500}.tenant-slug{font-family:monospace;font-size:13px;color:var(--color-text-secondary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 8px 32px var(--color-shadow);max-height:90vh;display:flex;flex-direction:column;outline:none}.modal--sm{width:100%;max-width:400px}.modal--md{width:100%;max-width:520px}.modal--lg{width:100%;max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-table-border)}.modal-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s,background .2s}.modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-table-border)}.create-agent-form{display:flex;flex-direction:column;gap:20px}.create-agent-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:500;color:var(--color-text-label)}.form-select{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;width:100%}.form-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.form-helper{font-size:12px;color:var(--color-text-secondary);margin:0}.form-divider{height:1px;background:var(--color-table-border);margin:4px 0}.form-textarea{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;font-family:inherit;width:100%;resize:vertical;min-height:80px}.form-textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.form-textarea::placeholder{color:var(--color-text-secondary)}.agents-page{max-width:1200px}.agents-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.sync-btn{display:flex;align-items:center;gap:8px;background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;height:44px;box-sizing:border-box}.sync-btn.syncing{cursor:wait}.sync-btn svg.spin{animation:spin 1s linear infinite}.agent-name{font-weight:500}.agent-link{color:var(--color-brand-primary);text-decoration:none}.agent-link:hover{text-decoration:underline}.agent-provider{color:var(--color-text-secondary)}.agent-campaigns{text-align:center;font-weight:500}.agent-synced{color:var(--color-text-secondary);font-size:13px}.sync-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.sync-message-content{display:flex;align-items:center;gap:10px}.sync-message-content svg{flex-shrink:0}.sync-success{background:var(--color-status-success-bg);color:var(--color-status-success-text);border:1px solid var(--color-status-success-text)}.sync-error{background:var(--color-alert-error-bg);color:var(--color-alert-error-text);border:1px solid var(--color-alert-error-border)}.actions-header,.actions-cell{width:80px;text-align:center}.web-call-modal{display:flex;flex-direction:column;gap:24px}.call-agent-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--color-bg-secondary);border-radius:8px}.agent-avatar{width:48px;height:48px;background:var(--color-bg-surface-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-brand-primary)}.agent-details{display:flex;flex-direction:column;gap:2px}.agent-name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.agent-type{font-size:12px;color:var(--color-text-secondary)}.call-status{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;min-height:180px}.status-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative}.status-icon--idle{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.status-icon--connecting{background:var(--color-status-info-bg);color:var(--color-status-info-text)}.status-icon--connected{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-icon--ending{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.status-icon--ended{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-icon--error{background:var(--color-alert-error-bg);color:var(--color-alert-error-text)}.pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:2px solid var(--color-status-info-text);border-radius:50%;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.3);opacity:0}}.audio-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:48px}.audio-bars .bar{width:6px;background:var(--color-status-success-text);border-radius:3px;animation:audioBar .8s ease-in-out infinite}.audio-bars .bar:nth-child(1){animation-delay:0s;height:20px}.audio-bars .bar:nth-child(2){animation-delay:.1s;height:32px}.audio-bars .bar:nth-child(3){animation-delay:.2s;height:48px}.audio-bars .bar:nth-child(4){animation-delay:.3s;height:32px}.audio-bars .bar:nth-child(5){animation-delay:.4s;height:20px}@keyframes audioBar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.status-text{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.status-hint{font-size:14px;color:var(--color-text-secondary);margin:0}.status-duration{font-size:28px;font-weight:700;color:var(--color-status-success-text);font-variant-numeric:tabular-nums;margin:8px 0 0}.session-id{font-size:12px;color:var(--color-text-tertiary);font-family:monospace;margin:8px 0 0}.call-actions{display:flex;flex-direction:column;gap:8px}.call-actions button{display:flex;align-items:center;justify-content:center;gap:8px}.end-actions{display:flex;gap:12px}.end-actions button{flex:1}.test-notice{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--color-text-tertiary);padding-top:8px;border-top:1px solid var(--color-table-border)}.test-notice svg{flex-shrink:0}.agent-detail-page{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-header-content{display:flex;flex-direction:column;gap:8px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.back-link:hover{color:var(--color-brand-primary)}.page-header-content h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.page-header-content p{color:var(--color-text-secondary);margin:0;font-size:14px;font-family:monospace}.coming-soon-badge{background:var(--color-status-info-bg);color:var(--color-status-info-text);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.tabs-container{background:var(--color-bg-surface);border-radius:12px;box-shadow:0 1px 3px var(--color-shadow);overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--color-table-border);background:var(--color-bg-surface);overflow-x:auto}.tab-button{flex:none;padding:16px 24px;background:transparent;border:none;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:color .2s,background .2s;white-space:nowrap}.tab-button:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.tab-button.active{color:var(--color-brand-primary)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-brand-primary)}.tab-content{padding:32px}.coming-soon-tab{text-align:center;padding:40px 20px}.coming-soon-tab .coming-soon-icon{width:80px;height:80px;background:var(--color-bg-surface-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-brand-primary)}.coming-soon-tab h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.coming-soon-tab .tab-description{font-size:14px;color:var(--color-text-secondary);max-width:400px;margin:0 auto 16px;line-height:1.6}.coming-soon-tab .coming-soon-text{font-size:14px;font-weight:500;color:var(--color-brand-primary);margin:0}.page-actions{display:flex;align-items:center;gap:12px}.tenant-select{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;min-width:180px}.tenant-select:focus{outline:none;border-color:var(--color-brand-primary)}.live-test-tab{max-width:600px}.live-test-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.live-test-icon{width:56px;height:56px;background:var(--color-bg-surface-hover);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--color-brand-primary);flex-shrink:0}.live-test-header h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.live-test-description{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.5}.test-call-notice{display:flex;align-items:center;gap:10px;background:var(--color-status-info-bg);color:var(--color-status-info-text);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.test-call-notice svg{flex-shrink:0}.test-call-form{display:flex;flex-direction:column;gap:20px}.test-call-actions{display:flex;gap:12px}.test-call-result{padding:20px;border-radius:12px;margin-top:8px}.test-call-success{background:var(--color-status-success-bg);border:1px solid var(--color-status-success-text)}.test-call-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border)}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:600}.test-call-success .result-header{color:var(--color-status-success-text)}.test-call-error .result-header{color:var(--color-alert-error-text)}.result-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.result-item{display:flex;align-items:baseline;gap:12px;font-size:14px}.result-label{font-weight:500;color:var(--color-text-label);min-width:80px}.result-value{color:var(--color-text-primary)}.result-value code{font-family:monospace;font-size:12px;background:var(--color-bg-surface);padding:2px 6px;border-radius:4px}.result-value.status-badge{background:var(--color-bg-surface);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.test-call-error .error-message{color:var(--color-alert-error-text);font-size:14px;margin:0 0 16px;line-height:1.5}.result-actions{display:flex;gap:12px}.test-mode-selection{display:flex;flex-direction:column;gap:12px}.test-mode-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-table-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.test-mode-card:hover{background:var(--color-bg-surface-hover);border-color:var(--color-brand-primary)}.test-mode-icon{width:48px;height:48px;background:var(--color-bg-surface);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--color-brand-primary);flex-shrink:0}.test-mode-content{flex:1;display:flex;flex-direction:column;gap:2px}.test-mode-title{font-size:15px;font-weight:600;color:var(--color-text-primary)}.test-mode-description{font-size:13px;color:var(--color-text-secondary)}.test-mode-arrow{color:var(--color-text-tertiary);flex-shrink:0}.test-mode-card:hover .test-mode-arrow{color:var(--color-brand-primary)}.phone-test-section{display:flex;flex-direction:column;gap:20px}.back-to-modes{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:color .2s}.back-to-modes:hover{color:var(--color-brand-primary)}.modal-loading{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.edit-phone-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.form-input,.form-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-btn-neutral-border);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text-primary);transition:border-color .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-brand-primary)}.form-input::placeholder{color:var(--color-text-secondary)}.form-hint{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.phone-display{font-family:monospace;font-size:16px;font-weight:500;color:var(--color-text-primary);padding:10px 12px;background:var(--color-bg-surface-hover);border-radius:8px;border:1px solid var(--color-table-border)}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px}.capability-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;background:var(--color-bg-surface-hover);border-radius:6px;transition:background .2s}.capability-checkbox:hover{background:var(--color-table-row-hover)}.capability-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-brand-primary)}.capability-label{font-size:14px;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.phone-info{background:var(--color-bg-surface-hover);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:8px;margin-top:8px;border:1px solid var(--color-table-border)}.info-row{display:flex;justify-content:space-between;font-size:13px}.info-label{color:var(--color-text-secondary)}.info-value{color:var(--color-text-primary);font-weight:500}.sync-modal-footer{display:flex;gap:12px;justify-content:flex-end}.sync-content{display:flex;flex-direction:column;gap:16px}.sync-description{color:var(--color-text-secondary);font-size:14px;margin:0}.sync-description strong{color:var(--color-text-primary)}.sync-loading,.sync-empty{text-align:center;padding:40px 20px;color:var(--color-text-secondary);font-size:14px}.sync-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.sync-error .retry-btn{background:transparent;color:inherit;border:1px solid currentColor;padding:4px 12px;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap}.sync-error .retry-btn:hover{background:#ffffff1a}.sync-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-table-border)}.sync-controls-left{display:flex;gap:8px}.sync-select-btn{background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border);padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.sync-select-btn:hover:not(:disabled){background:var(--color-bg-surface-hover)}.sync-select-btn:disabled{opacity:.5;cursor:not-allowed}.sync-selected-count{color:var(--color-text-secondary);font-size:13px}.sync-table-container{max-height:400px;overflow-y:auto;border:1px solid var(--color-table-border);border-radius:8px}.sync-table{width:100%;border-collapse:collapse;font-size:14px}.sync-table th,.sync-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-table-border)}.sync-table th{background:var(--color-table-header-bg);font-weight:600;color:var(--color-text-label);position:sticky;top:0;z-index:1}.sync-table tbody tr:hover{background:var(--color-table-row-hover)}.sync-table tbody tr:last-child td{border-bottom:none}.sync-row-disabled{opacity:.6}.sync-row-disabled:hover{background:transparent}.sync-col-checkbox{width:40px;text-align:center}.sync-col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-brand-primary)}.sync-col-checkbox input[type=checkbox]:disabled{cursor:not-allowed}.sync-col-phone{min-width:180px}.sync-phone-info{display:flex;flex-direction:column;gap:2px}.sync-phone-number{font-family:monospace;font-weight:500;color:var(--color-text-primary)}.sync-phone-name{font-size:12px;color:var(--color-text-secondary)}.sync-col-country{width:80px;color:var(--color-text-secondary)}.sync-col-status{min-width:150px}.sync-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sync-status-reason{font-size:12px;color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-results{display:flex;flex-direction:column;gap:20px}.sync-results-summary h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.sync-summary-stats{display:flex;gap:16px;flex-wrap:wrap}.sync-stat{display:flex;flex-direction:column;align-items:center;padding:16px 24px;border-radius:8px;min-width:100px}.sync-stat-success{background:var(--color-status-success-bg)}.sync-stat-success .sync-stat-value{color:var(--color-status-success-text)}.sync-stat-warning{background:var(--color-status-warning-bg)}.sync-stat-warning .sync-stat-value{color:var(--color-status-warning-text)}.sync-stat-error{background:var(--color-status-error-bg)}.sync-stat-error .sync-stat-value{color:var(--color-status-error-text)}.sync-stat-value{font-size:28px;font-weight:700}.sync-stat-label{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.sync-results-list h4{font-size:14px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.sync-col-result{display:flex;align-items:center;gap:8px}.sync-result-reason{font-size:12px;color:var(--color-text-secondary)}.phone-numbers-page{max-width:1200px}.phone-numbers-page .tabs-header{display:flex;border-bottom:1px solid var(--color-table-border);background:var(--color-bg-surface);overflow-x:auto;margin-bottom:16px;border-radius:8px 8px 0 0}.phone-numbers-page .tab-button{flex:none;padding:14px 24px;background:transparent;border:none;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:color .2s,background .2s;white-space:nowrap}.phone-numbers-page .tab-button:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.phone-numbers-page .tab-button.active{color:var(--color-brand-primary)}.phone-numbers-page .tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-brand-primary)}.numbers-tab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab-content-area{margin-top:0}.tab-content-area .clickable-row{cursor:pointer;transition:background-color .15s}.tab-content-area .clickable-row:hover{background-color:var(--color-bg-surface-hover)}.group-name-cell{font-weight:500;color:var(--color-text-primary)}.phone-numbers-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.tenant-hint{display:flex;align-items:center;gap:10px;background:var(--color-status-warning-bg);color:var(--color-status-warning-text);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.tenant-hint svg{flex-shrink:0}.phone-cell{display:flex;flex-direction:column;gap:2px}.phone-name{font-weight:500;color:var(--color-text-primary)}.phone-number-value{color:var(--color-text-secondary);font-family:monospace;font-size:13px}.phone-cell .phone-number-value:only-child{color:var(--color-text-primary);font-weight:500}.country-cell{color:var(--color-text-secondary);font-weight:500}.date-cell{color:var(--color-text-secondary);font-size:13px}.center-col{text-align:center}.campaigns-count{font-weight:500}.actions-header{text-align:center;white-space:nowrap;min-width:120px}.actions-cell{white-space:nowrap}.phone-numbers-page .row-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:4px}.sync-btn{display:flex;align-items:center;gap:8px;background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s;height:44px;box-sizing:border-box}.sync-btn:hover:not(:disabled){background:var(--color-bg-surface-hover)}.sync-btn svg{flex-shrink:0}.add-btn{display:flex;align-items:center;gap:8px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,opacity .2s;height:44px;box-sizing:border-box}.add-btn:hover:not(:disabled){background:var(--color-btn-primary-hover-bg)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.add-btn svg{flex-shrink:0}.delete-confirmation{padding:8px 0}.delete-confirmation p{margin:0 0 12px;color:var(--color-text-primary);font-size:14px;line-height:1.5}.delete-phone-info{background:var(--color-bg-surface-hover);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-family:monospace;font-size:14px}.delete-phone-info strong{color:var(--color-text-primary)}.delete-phone-info span{color:var(--color-text-secondary);font-family:inherit}.delete-warning{font-size:13px;color:var(--color-text-secondary);font-style:italic}.phone-numbers-page .data-table th:nth-child(5),.phone-numbers-page .data-table td:nth-child(5){min-width:110px}.row-health-unknown>td:first-child{border-left:3px solid var(--color-status-unknown-text)}.row-health-warning>td:first-child{border-left:3px solid var(--color-status-warning-text)}.row-health-problematic>td:first-child{border-left:3px solid var(--color-status-caution-text)}.row-health-suspended>td:first-child{border-left:3px solid var(--color-status-error-text)}.row-health-suspended{background:var(--color-status-error-bg)}.data-table tbody tr.row-health-suspended:hover{background:var(--color-table-row-hover)}.suspend-confirmation{padding:8px 0}.suspend-confirmation p{margin:0 0 12px;color:var(--color-text-primary);font-size:14px;line-height:1.5}.suspend-phone-info{background:var(--color-bg-surface-hover);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-family:monospace;font-size:14px}.suspend-phone-info strong{color:var(--color-text-primary)}.suspend-phone-info span{color:var(--color-text-secondary);font-family:inherit}.phone-number-group-detail-page{max-width:1200px}.phone-number-group-detail-page .back-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:14px;padding:0;margin-bottom:8px;display:inline-block}.phone-number-group-detail-page .back-link:hover{color:var(--color-brand-primary)}.group-description{color:var(--color-text-secondary);font-size:14px;margin:4px 0 0}.members-section{margin-top:24px}.members-section h2{font-size:18px;font-weight:600;margin:0}.inactive-row{opacity:.6}.feedback-message--success{background:var(--color-status-success-bg);color:var(--color-status-success-text);border:1px solid var(--color-status-success-text)}.feedback-message--error{background:var(--color-alert-error-bg);color:var(--color-alert-error-text);border:1px solid var(--color-alert-error-border)}.status-badge--active{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-badge--inactive{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.checkbox-label{font-size:14px}.checkbox-sublabel{color:var(--color-text-secondary)}.call-details-content{padding:0;overflow-x:hidden;max-width:100%}.drawer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:16px;color:var(--color-text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-table-border);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-error{padding:24px 20px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.sync-btn{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-surface);border:1px solid var(--color-table-border);padding:6px 12px;font-size:13px;font-weight:500;color:var(--color-text-primary);cursor:pointer;border-radius:6px;transition:all .15s ease}.sync-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-text-secondary)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn svg{flex-shrink:0;color:var(--color-text-secondary)}.sync-btn svg.spinning{animation:spin .8s linear infinite}.drawer-section{padding:20px;border-bottom:1px solid var(--color-table-border)}.drawer-section:last-child{border-bottom:none}.section-title{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.recording-section{padding:16px 20px;background:var(--color-bg-page)}.recording-container{display:flex;flex-direction:column;gap:8px}.audio-player{width:100%;height:36px;border-radius:6px}.recording-empty-state{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--color-text-secondary)}.recording-empty-icon{opacity:.5;flex-shrink:0}.recording-empty-text{font-size:13px}.tabs-section{padding:0;display:flex;flex-direction:column;min-height:120px}.tabs-header{display:flex;gap:0;border-bottom:1px solid var(--color-table-border);padding:0 20px;flex-shrink:0;background:var(--color-bg-surface);position:sticky;top:0;z-index:5}.tab-btn{background:transparent;border:none;padding:12px 16px;font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;position:relative;transition:color .15s ease}.tab-btn:hover,.tab-btn.active{color:var(--color-text-primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background:var(--color-brand-primary);border-radius:2px 2px 0 0}.tab-btn.secondary{color:var(--color-text-tertiary, var(--color-text-secondary));font-size:13px}.tab-btn.secondary.active{color:var(--color-text-secondary)}.tab-content{flex:1;overflow-y:auto;padding:16px 20px;min-height:0}.transcript-panel{min-height:100px}.transcript-content{display:flex;flex-direction:column;gap:8px}.transcript-plain{font-size:13px;line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.transcript-line{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;background:var(--color-bg-page);max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.transcript-line.agent{background:var(--color-badge-ai-bg);margin-right:16px}.transcript-line.user{background:var(--color-bg-surface-hover);margin-left:16px}.transcript-line.continuation{background:transparent;padding:4px 10px;margin-left:16px}.transcript-speaker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-secondary)}.transcript-line.agent .transcript-speaker{color:var(--color-brand-primary)}.transcript-message{font-size:13px;line-height:1.5;color:var(--color-text-primary);word-break:break-word;overflow-wrap:break-word}.metadata-panel{min-height:100px}.metadata-text{font-size:11px;line-height:1.5;color:var(--color-text-secondary);background:var(--color-bg-page);padding:10px;border-radius:6px;margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;overflow-x:hidden;white-space:pre-wrap;word-break:break-all;max-width:100%}.empty-state{display:flex;align-items:center;justify-content:center;padding:32px 16px;min-height:80px}.empty-state-text{font-size:14px;color:var(--color-text-tertiary, var(--color-text-secondary))}.summary-section{background:var(--color-bg-surface)}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.summary-item{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.summary-label{font-size:12px;color:var(--color-text-secondary)}.summary-value{font-size:14px;font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:6px;overflow:hidden;max-width:100%}.summary-value.agent-name{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-section{padding:16px 20px}.details-section{background:var(--color-bg-page)}.details-list{display:flex;flex-direction:column;gap:0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-table-border);gap:12px;max-width:100%;overflow:hidden}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--color-text-secondary);flex-shrink:0}.detail-value{font-size:13px;color:var(--color-text-primary);text-align:right;display:flex;align-items:center;gap:6px;min-width:0;max-width:60%;flex-shrink:1;justify-content:flex-end}.detail-value.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-id-value{font-size:10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;color:var(--color-text-secondary);background:var(--color-bg-page);padding:2px 6px;border-radius:3px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.copy-btn-inline{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--color-text-tertiary, var(--color-text-secondary));display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .15s ease;opacity:.6}.copy-btn-inline:hover{color:var(--color-brand-primary);opacity:1}@media (max-width: 500px){.summary-grid{grid-template-columns:1fr;gap:10px}.transcript-line.agent{margin-right:8px}.transcript-line.user{margin-left:8px}.call-id-value{max-width:100px}}.call-logs-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.call-logs-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.filter-controls{display:flex;align-items:center;gap:16px}.segment-control{display:inline-flex;background:var(--color-bg-secondary);border-radius:8px;padding:4px;gap:2px}.segment-btn{padding:8px 16px;border:none;background:transparent;color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.segment-btn:hover{color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.segment-btn.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:0 1px 3px var(--color-shadow)}.header-actions{display:flex;align-items:center;gap:12px}.total-count{font-size:14px;color:var(--color-text-secondary)}.call-logs-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.call-logs-search-input{flex:1;min-width:200px;background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;box-sizing:border-box;height:40px}.call-logs-search-input:focus{outline:none;border-color:var(--color-brand-primary)}.call-logs-search-input::placeholder{color:var(--color-text-secondary)}.call-logs-filter-select{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;min-width:140px;height:40px;box-sizing:border-box}.call-logs-filter-select:focus{outline:none;border-color:var(--color-brand-primary)}.call-logs-date-input{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;height:40px;box-sizing:border-box;min-width:140px}.call-logs-date-input:focus{outline:none;border-color:var(--color-brand-primary)}.call-logs-duration-group{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-top:0}.call-logs-duration-group__label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.call-logs-duration-input{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;height:40px;box-sizing:border-box;width:110px}.call-logs-duration-input:focus{outline:none;border-color:var(--color-brand-primary)}.call-logs-duration-checkbox{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.call-logs-duration-checkbox input[type=checkbox]{width:14px;height:14px;min-width:14px;margin:0;cursor:pointer;accent-color:var(--color-brand-primary)}.clear-filters-btn{background:transparent;border:none;color:var(--color-brand-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;white-space:nowrap}.clear-filters-btn:hover{background:var(--color-bg-surface-hover)}.loading{text-align:center;padding:40px;color:var(--color-text-secondary)}.phone-number{font-family:var(--font-mono, monospace);font-size:13px}.clickable-row{cursor:pointer;transition:background-color .15s}.clickable-row:hover{background-color:var(--color-bg-surface-hover, rgba(0, 0, 0, .04))}.clickable-row.selected{background-color:var(--color-accent-subtle, rgba(66, 104, 255, .08))}.clickable-row.selected:hover{background-color:var(--color-accent-subtle, rgba(66, 104, 255, .12))}.call-detail-page{max-width:1200px}.call-detail-page .loading{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:14px}.call-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.call-detail-page .page-header-content{display:flex;flex-direction:column;gap:8px}.call-detail-page .back-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.call-detail-page .back-link:hover{color:var(--color-brand-primary)}.call-detail-page .page-header-content h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0}.call-detail-page .call-id{color:var(--color-text-secondary);margin:0;font-size:12px;font-family:monospace}.call-detail-page .page-actions{display:flex;align-items:center;gap:12px}.call-detail-content{display:flex;flex-direction:column;gap:24px}.detail-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.detail-section.error-section{background:var(--color-alert-error-bg)}.section-title{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-table-border)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:var(--color-text-primary)}.detail-value.phone-number{font-family:monospace}.recording-container{padding:12px 0}.audio-player{width:100%;max-width:500px}.transcript-container{background:var(--color-bg-secondary);border-radius:8px;padding:16px;max-height:400px;overflow-y:auto}.transcript-text{font-family:inherit;font-size:14px;line-height:1.6;color:var(--color-text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word}.metadata-container{background:var(--color-bg-secondary);border-radius:8px;padding:16px;max-height:300px;overflow-y:auto}.metadata-text{font-family:monospace;font-size:12px;line-height:1.5;color:var(--color-text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word}@media (max-width: 768px){.call-detail-page .page-header{flex-direction:column;gap:16px}.call-detail-page .page-actions{align-self:flex-start}.detail-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.detail-grid{grid-template-columns:1fr}}.leads-page{max-width:1200px}.leads-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.leads-search-form{flex:1;min-width:200px}.leads-search-input{width:100%;background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;box-sizing:border-box;height:44px}.leads-search-input:focus{outline:none;border-color:var(--color-brand-primary)}.leads-search-input::placeholder{color:var(--color-text-secondary)}.dnc-filter{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;min-width:140px;height:44px;box-sizing:border-box}.dnc-filter:focus{outline:none;border-color:var(--color-brand-primary)}.leads-bulk-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-surface);border:1px solid var(--color-brand-primary);border-radius:8px;margin-bottom:16px}.leads-bulk-count{font-size:14px;font-weight:600;color:var(--color-text-primary);margin-right:auto}.leads-bulk-delete-btn{color:var(--color-alert-error-text)!important;border-color:var(--color-alert-error-border)!important}.checkbox-col{width:40px;text-align:center}.leads-row{cursor:pointer}.leads-row.selected{background:var(--color-bg-surface-hover)}.lead-name{font-weight:500}.lead-phone{font-family:monospace;font-size:13px}.lead-email{color:var(--color-text-secondary);font-size:13px}.lead-campaigns{text-align:center}.campaign-count-badge{display:inline-block;background:var(--color-bg-surface-hover);color:var(--color-text-primary);padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.lead-created{color:var(--color-text-secondary);font-size:13px}.status-badge.status-new{background:var(--color-status-info-bg, #e8f4fd);color:var(--color-status-info-text, #1a73e8)}.status-badge.status-called{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-badge.status-failed{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.status-badge.status-dnc{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.dnc-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;background:var(--color-status-warning-bg);color:var(--color-status-warning-text);text-transform:uppercase}.add-lead-form{display:flex;flex-direction:column;gap:16px}.add-lead-form .form-field{display:flex;flex-direction:column;gap:6px}.add-lead-form .form-field label{font-size:14px;font-weight:500;color:var(--color-text-label)}.add-lead-form .form-field input{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box}.add-lead-form .form-field input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.form-hint{font-size:12px;color:var(--color-text-secondary)}.lead-drawer-content{display:flex;flex-direction:column;gap:24px}.lead-drawer-actions{display:flex;gap:8px;flex-wrap:wrap}.lead-drawer-section h3{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-table-border)}.lead-drawer-fields{display:flex;flex-direction:column;gap:12px}.lead-drawer-field{display:flex;flex-direction:column;gap:4px}.lead-drawer-field label{font-size:12px;font-weight:600;color:var(--color-text-label);text-transform:uppercase;letter-spacing:.5px}.lead-drawer-field span{font-size:14px;color:var(--color-text-primary)}.lead-drawer-field input{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:8px 12px;border-radius:6px;font-size:14px}.lead-drawer-field input:focus{outline:none;border-color:var(--color-brand-primary)}.lead-metadata-list{display:flex;flex-direction:column;gap:4px}.lead-metadata-item{font-size:13px;color:var(--color-text-primary)}.lead-metadata-key{font-weight:600;color:var(--color-text-label);margin-right:4px}.lead-drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lead-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:var(--color-bg-surface-hover);border-radius:8px}.lead-stat-value{font-size:18px;font-weight:700;color:var(--color-text-primary)}.lead-stat-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.local-time{display:inline-flex;align-items:center;gap:6px}.campaigns-page{max-width:1200px}.campaigns-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.filter-select{padding:10px 36px 10px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;height:44px;box-sizing:border-box}.filter-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.campaign-name{font-weight:500;display:flex;flex-direction:column;gap:4px}.campaign-name-row{display:flex;align-items:center;gap:6px}.phone-health-warning-icon{display:inline-flex;align-items:center;flex-shrink:0}.campaign-link{color:var(--color-brand-primary);text-decoration:none}.campaign-link:hover{text-decoration:underline}.campaign-description{font-size:12px;color:var(--color-text-tertiary);font-weight:400}.campaign-priority{text-align:center;font-weight:500}.campaign-date{color:var(--color-text-secondary);font-size:13px}.actions-header,.actions-cell{width:120px;text-align:center}.actions-menu{display:flex;align-items:center;justify-content:center;gap:4px}.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.action-activate:hover{color:var(--color-status-success-text);background:var(--color-status-success-bg)}.action-pause:hover{color:var(--color-status-warning-text);background:var(--color-status-warning-bg)}.action-complete:hover{color:var(--color-brand-primary);background:var(--color-accent-bg)}.action-delete:hover{color:var(--color-alert-error-text);background:var(--color-alert-error-bg)}.action-duplicate:hover{color:var(--color-brand-primary);background:var(--color-accent-bg)}.status-draft{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-text)}.status-active{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-paused{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.status-completed{background:var(--color-accent-bg);color:var(--color-brand-primary)}.add-btn{display:inline-flex;align-items:center;gap:8px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;height:44px;box-sizing:border-box}.add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback-message{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.feedback-success{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.feedback-error{background:var(--color-alert-error-bg);color:var(--color-alert-error-text)}.campaign-detail-page{max-width:1200px}.tab-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.capacity-alert{background:var(--color-error-bg, #fef2f2);border:1px solid var(--color-error, #ff3f68);color:var(--color-error, #ff3f68);padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:.9rem}.capacity-ok{background:var(--color-success-bg, #f0fdf4);border:1px solid var(--color-success, #17b46b);color:var(--color-success, #17b46b);padding:8px 14px;border-radius:6px;margin-bottom:16px;font-size:.85rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;text-align:center}.stat-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.stat-value{font-size:28px;font-weight:600;color:var(--color-text-primary)}.stat-success .stat-value{color:var(--color-status-success-text)}.stat-active .stat-value{color:var(--color-brand-primary)}.stat-pending .stat-value{color:var(--color-status-warning-text)}.stat-failed .stat-value{color:var(--color-alert-error-text)}.stat-card.stat-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.stat-card.stat-clickable:hover{border-color:var(--color-brand-primary);box-shadow:0 0 0 1px var(--color-brand-primary)}.info-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px}.info-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;color:var(--color-text-primary)}.status-pending{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-text)}.status-queued{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.status-calling{background:var(--color-accent-bg);color:var(--color-brand-primary)}.status-retry{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.status-completed{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-unreachable,.status-failed{background:var(--color-alert-error-bg);color:var(--color-alert-error-text)}.status-expired,.status-cancelled,.status-skipped{background:var(--color-status-neutral-bg);color:var(--color-status-neutral-text)}.action-buttons{display:flex;gap:8px}.action-btn{padding:4px 8px;font-size:12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--color-bg-surface-hover)}.action-btn.action-delete{border-color:var(--color-alert-error-border);color:var(--color-alert-error-text)}.action-btn.action-delete:hover{background:var(--color-alert-error-bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg-surface);border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content h2{margin:0 0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-error{color:var(--color-alert-error-text);background:var(--color-alert-error-bg);padding:12px;border-radius:8px;margin-top:12px}.checkbox-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:8px;padding:8px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer;border-radius:4px}.checkbox-item:hover{background:var(--color-bg-surface-hover)}.checkbox-item input{cursor:pointer}.text-secondary{color:var(--color-text-secondary)}.filter-select{padding:8px 32px 8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{outline:none;border-color:var(--color-brand-primary)}.settings-tab .settings-header{display:flex;justify-content:flex-end;margin-bottom:16px}.settings-tab .settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.settings-tab .ui-alert{margin-bottom:16px}.settings-tab .form-section{margin-bottom:24px}.costs-table{font-size:13px}.costs-table th,.costs-table td{white-space:nowrap}.billing-config-section{margin-top:8px}.billing-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.billing-section-header h3{margin:0}.billing-section-actions{display:flex;align-items:center;gap:12px}.override-badge{display:inline-block;padding:2px 10px;background:var(--color-accent-bg);color:var(--color-brand-primary);border-radius:12px;font-size:12px;font-weight:500}.billing-view-group{margin-bottom:16px}.billing-view-group h4{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}.billing-view-group .policy-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-table-border);font-size:14px}.billing-view-group .policy-field:last-child{border-bottom:none}.billing-country-rates-display{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0}.country-rate-chip{display:inline-block;padding:4px 10px;background:var(--color-bg-surface-hover);border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-family:monospace}.source-campaign{color:var(--color-brand-primary);font-weight:500}.billing-edit-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;margin-top:8px}@media (max-width: 900px){.billing-edit-layout{grid-template-columns:1fr}}.billing-edit-group{margin-bottom:20px}.billing-edit-group h4{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.billing-override-row{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;margin-bottom:8px;background:var(--color-bg-surface);transition:border-color .15s}.billing-override-row.overridden{border-color:var(--color-brand-primary);background:var(--color-accent-bg)}.billing-override-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.billing-override-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.billing-override-label{font-weight:500;color:var(--color-text-primary)}.billing-source-tag{font-size:11px;color:var(--color-text-tertiary);margin-left:4px}.billing-inherited-value{font-size:13px;color:var(--color-text-tertiary);padding-left:24px}.billing-override-row input[type=text],.billing-override-row input[type=number],.billing-override-row select{width:100%;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-bg-surface);color:var(--color-text-primary)}.billing-country-rates-editor{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:13px;font-family:monospace;background:var(--color-bg-surface);color:var(--color-text-primary);resize:vertical}.billing-preview-panel{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px;height:fit-content;position:sticky;top:16px}.billing-preview-panel h4{margin:0 0 12px;font-size:14px;font-weight:600}.billing-preview-loading{color:var(--color-text-tertiary);font-weight:400}.billing-preview-fields .policy-field{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-table-border);font-size:12px}.billing-preview-fields .policy-field:last-child{border-bottom:none}.billing-preview-fields .policy-field-name{color:var(--color-text-secondary);font-size:11px;text-transform:capitalize}.billing-preview-fields .policy-field-value{font-size:12px}.billing-preview-fields .policy-field-source{font-size:10px}.budget-status{margin-top:8px}.budget-figures{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.budget-bar-track{height:8px;background:var(--color-bg-surface-hover, #e5e7eb);border-radius:4px;overflow:hidden}.budget-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.budget-bar-ok{background:var(--color-success, #17b46b)}.budget-bar-warning{background:var(--color-warning, #f59e0b)}.budget-bar-error{background:var(--color-error, #ff3f68)}.billing-edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.phone-tab-summary{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;padding:14px 20px;margin-bottom:20px}.summary-stats{display:flex;gap:32px}.summary-stat{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:12px;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px}.summary-value{font-size:20px;font-weight:600;color:var(--color-text-primary)}.summary-hints{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.summary-hint{font-size:13px;color:var(--color-status-warning-text)}.summary-hint:before{content:"⚠️"}.alert{padding:10px 14px;border-radius:6px;font-size:13px}.alert-warning{background:var(--color-status-warning-bg);border:1px solid var(--color-status-warning-text);color:var(--color-status-warning-text)}.source-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.source-badge--direct{background:var(--color-accent-bg);color:var(--color-brand-primary)}.status-badge--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.group-cards{display:flex;flex-direction:column;gap:8px}.group-card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-bg-surface)}.group-card-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:default;-webkit-user-select:none;user-select:none;transition:background .15s}.group-card-header:hover{background:var(--color-bg-surface-hover)}.expand-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit}.expand-icon{flex-shrink:0;font-size:10px;color:var(--color-text-secondary);width:16px;text-align:center}.group-card-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.group-member-summary{font-size:13px;color:var(--color-text-secondary)}.group-detach-btn{flex-shrink:0}.group-card-members{border-top:1px solid var(--color-border)}.group-member-table{margin:0;border:none;border-radius:0}.group-member-table th{font-size:12px}.group-empty-warning{padding:16px;text-align:center;font-size:13px;color:var(--color-status-warning-text);background:var(--color-status-warning-bg)}.row-inactive{opacity:.6}.import-drawer-body{padding:20px}.import-steps{display:flex;gap:4px;margin-bottom:24px}.import-step{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-base)}.import-step.active{background:var(--color-accent-bg);color:var(--color-brand-primary)}.import-step.completed{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.import-step-number{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--color-bg-surface-hover);flex-shrink:0}.import-step.active .import-step-number{background:var(--color-brand-primary);color:#fff}.import-step.completed .import-step-number{background:var(--color-status-success-text);color:#fff}.upload-zone{border:2px dashed var(--color-border);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-brand-primary);background:var(--color-accent-bg)}.upload-zone-icon{color:var(--color-text-secondary);margin-bottom:12px}.upload-zone p{margin:0 0 4px;color:var(--color-text-primary);font-weight:500}.upload-zone-hint{font-size:13px;color:var(--color-text-secondary)}.upload-file-info{margin-top:16px;padding:12px 16px;background:var(--color-bg-base);border-radius:8px;display:flex;align-items:center;justify-content:space-between}.upload-file-name{font-weight:500;color:var(--color-text-primary)}.upload-file-meta{font-size:13px;color:var(--color-text-secondary)}.template-link{display:inline-block;margin-top:12px;font-size:13px;color:var(--color-brand-primary);cursor:pointer;text-decoration:underline}.mapping-section{margin-bottom:20px}.mapping-section h3{margin:0 0 12px;font-size:15px;font-weight:600}.mapping-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border)}.mapping-col-name{flex:1;font-size:14px;font-weight:500;color:var(--color-text-primary)}.mapping-select{flex:1;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px}.mapping-select:focus{outline:none;border-color:var(--color-brand-primary)}.country-code-section{margin-top:16px;padding:12px 16px;background:var(--color-bg-base);border-radius:8px}.country-code-section label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--color-text-primary)}.country-code-hint{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.country-code-select{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:14px}.preview-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;margin-top:16px;max-height:300px;overflow-y:auto}.preview-table-container table{width:100%;border-collapse:collapse;font-size:13px}.preview-table-container th{position:sticky;top:0;background:var(--color-bg-base);padding:8px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.preview-table-container td{padding:6px 12px;border-bottom:1px solid var(--color-border);white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.validation-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px}.summary-card{padding:12px;border-radius:8px;text-align:center;background:var(--color-bg-base)}.summary-card-value{font-size:24px;font-weight:600;color:var(--color-text-primary)}.summary-card-label{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.summary-card.success .summary-card-value{color:var(--color-status-success-text)}.summary-card.error .summary-card-value{color:var(--color-alert-error-text)}.summary-card.warning .summary-card-value{color:var(--color-status-warning-text)}.errors-section{margin-top:16px}.errors-section h4{margin:0 0 8px;font-size:14px;font-weight:600}.errors-note{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.errors-table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px;max-height:250px;overflow-y:auto}.errors-table-container table{width:100%;border-collapse:collapse;font-size:13px}.errors-table-container th{position:sticky;top:0;background:var(--color-bg-base);padding:6px 10px;text-align:left;font-weight:600;font-size:12px;border-bottom:1px solid var(--color-border)}.errors-table-container td{padding:4px 10px;border-bottom:1px solid var(--color-border)}.error-code-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;background:var(--color-alert-error-bg);color:var(--color-alert-error-text)}.errors-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px;font-size:13px;color:var(--color-text-secondary)}.import-progress-section{text-align:center;padding:20px 0}.progress-bar-container{width:100%;height:12px;background:var(--color-bg-base);border-radius:6px;overflow:hidden;margin:20px 0}.progress-bar-fill{height:100%;background:var(--color-brand-primary);border-radius:6px;transition:width .3s ease}.progress-stats{display:flex;justify-content:center;gap:24px;margin-top:16px;font-size:14px}.progress-stat{text-align:center}.progress-stat-value{font-size:20px;font-weight:600;color:var(--color-text-primary)}.progress-stat-label{font-size:12px;color:var(--color-text-secondary)}.progress-status{font-size:14px;color:var(--color-text-secondary);margin-top:8px}.import-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.import-actions-right{display:flex;gap:8px}.download-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-brand-primary);cursor:pointer;background:none;border:none;padding:0;text-decoration:underline}.download-link:hover{opacity:.8}.import-error-alert{padding:12px;background:var(--color-alert-error-bg);color:var(--color-alert-error-text);border-radius:8px;margin-bottom:16px;font-size:14px}.tz-picker{position:relative}.tz-picker-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}.tz-picker-trigger:hover:not(:disabled){background:var(--color-bg-surface-hover);border-color:var(--color-border-focus)}.tz-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.tz-picker-trigger svg{color:var(--color-text-secondary)}.tz-picker-chevron{transition:transform .15s}.tz-picker--header .tz-picker-trigger{padding:6px 10px;background:var(--color-bg-surface-hover);border-radius:6px;font-size:12px;font-weight:500}.tz-picker--form .tz-picker-trigger{width:100%;padding:8px 12px;background:var(--color-bg-page);justify-content:space-between}.tz-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;max-height:360px;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:10px;box-shadow:0 4px 20px var(--color-shadow-md);z-index:300;display:flex;flex-direction:column;overflow:hidden}.tz-picker--form .tz-picker-dropdown{width:100%}.tz-picker-search-wrapper{padding:8px;border-bottom:1px solid var(--color-border-light)}.tz-picker-search{width:100%;padding:8px 10px;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-page);color:var(--color-text-primary);font-size:13px;outline:none;box-sizing:border-box}.tz-picker-search:focus{border-color:var(--color-border-focus)}.tz-picker-options{overflow-y:auto;max-height:280px;padding:4px}.tz-picker-group-header{padding:6px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.tz-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 12px;border:none;background:transparent;color:var(--color-text-primary);font-size:13px;cursor:pointer;border-radius:6px;text-align:left;transition:background .1s}.tz-picker-option:hover{background:var(--color-bg-surface-hover)}.tz-picker-option.selected{background:var(--color-bg-surface-hover);font-weight:500}.tz-picker-option-offset{font-size:11px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:8px}.tz-picker-no-results{padding:12px;text-align:center;color:var(--color-text-secondary);font-size:13px}.tz-picker-trigger--error{border-color:var(--color-danger, #ff3f68)}.tz-picker-trigger--error:hover:not(:disabled){border-color:var(--color-danger, #ff3f68)}.tz-picker-label--placeholder{color:var(--color-text-secondary)}.tz-picker-group-header--recent{color:var(--color-primary, #4268ff)}.kpi-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:16px}.kpi-card__header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.kpi-card__title{font-size:13px;color:var(--color-text-secondary);font-weight:500}.kpi-card__value{font-size:24px;font-weight:700;color:var(--color-text-primary)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-bottom:24px}.chart-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:16px}.chart-card__header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.chart-card__title{font-size:14px;font-weight:600;color:var(--color-text-primary)}.chart-card__body{min-height:200px}.info-tooltip-icon{cursor:help;font-size:14px;color:var(--color-text-tertiary, #999);-webkit-user-select:none;user-select:none}.analytics-filters-panel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:14px 16px;margin-bottom:24px}.analytics-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 10px}.analytics-filters select,.analytics-filters input[type=date],.analytics-filters input[type=text]{height:34px;padding:0 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary, var(--color-bg-primary));color:var(--color-text-primary);font-size:13px;width:100%;min-width:0;box-sizing:border-box}.analytics-filters select:focus,.analytics-filters input:focus{outline:none;border-color:var(--color-brand-primary, var(--color-btn-primary-bg, #6366f1))}.analytics-filters input[type=text]{grid-column:span 2}.analytics-filters-duration{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.analytics-filters-duration__label{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.analytics-filters-duration input[type=number]{height:34px;padding:0 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary, var(--color-bg-primary));color:var(--color-text-primary);font-size:13px;width:110px;min-width:0;box-sizing:border-box}.analytics-filters-duration input[type=number]:focus{outline:none;border-color:var(--color-brand-primary, var(--color-btn-primary-bg, #6366f1))}.analytics-filter-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.analytics-filter-checkbox input[type=checkbox]{width:14px;height:14px;min-width:14px;margin:0;cursor:pointer;accent-color:var(--color-brand-primary, var(--color-btn-primary-bg, #6366f1))}.analytics-tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:24px}.analytics-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;text-decoration:none;transition:color .15s,border-color .15s}.analytics-tab:hover{color:var(--color-text-primary)}.analytics-tab.active{color:var(--color-btn-primary-bg, var(--color-brand, #6366f1));border-bottom-color:var(--color-btn-primary-bg, var(--color-brand, #6366f1))}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton-block{border-radius:8px;background:var(--color-border);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-kpi{height:88px}.skeleton-chart{height:280px}.skeleton-table-row{height:44px;margin-bottom:4px}.analytics-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:10px 20px;border-radius:8px;font-size:13px;box-shadow:0 4px 12px #00000026;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.analytics-scope-chip{display:inline-block;padding:4px 12px;background:var(--color-accent-bg);color:var(--color-brand-primary);border-radius:12px;font-size:13px;font-weight:500;margin-bottom:16px}.analytics-active-filter{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-status-warning-bg);color:var(--color-status-warning-text);border-radius:12px;font-size:13px;font-weight:500;margin-bottom:16px}.analytics-active-filter-dismiss{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:0 2px;line-height:1;opacity:.7}.analytics-active-filter-dismiss:hover{opacity:1}.analytics-empty-state{text-align:center;color:var(--color-text-secondary);padding:60px 16px}@media (max-width: 640px){.analytics-tabs{overflow-x:auto}.analytics-tab{white-space:nowrap;padding:8px 14px;font-size:13px}.analytics-filters{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.analytics-filters input[type=text]{grid-column:span 1}.analytics-filters-duration{flex-wrap:wrap}.analytics-filters-duration input[type=number]{width:90px}}.campaign-create-page{max-width:800px}.page-header{margin-bottom:24px}.page-header-content h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:8px 0}.back-link{color:var(--color-brand-primary);text-decoration:none;font-size:14px;font-weight:500}.back-link:hover{text-decoration:underline}.campaign-form{display:flex;flex-direction:column;gap:24px}.form-error{background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px}.btn-cancel{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:2px solid var(--color-btn-secondary-border);padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:var(--color-bg-surface-hover)}.btn-submit{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.billing-page{max-width:1200px}.billing-summary-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.billing-stat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px}.billing-stat-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.billing-stat-value{font-size:24px;font-weight:600;color:var(--color-text-primary)}.billing-stat-sub{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.billing-stat-positive .billing-stat-value{color:var(--color-status-success-text)}.billing-stat-negative .billing-stat-value{color:var(--color-alert-error-text)}.billing-stat-neutral .billing-stat-value{color:var(--color-text-primary)}.billing-alert{display:flex;align-items:center;gap:10px;background:var(--color-status-warning-bg);color:var(--color-status-warning-text);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.billing-transactions-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.billing-tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.billing-tx-header h3{margin:0;font-size:16px;font-weight:600}.billing-tx-actions{display:flex;gap:8px;align-items:center}.billing-tx-filters{display:flex;gap:12px;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap}.billing-filter-group{display:flex;flex-direction:column;gap:4px}.billing-filter-group label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.billing-filter-group input,.billing-filter-group select{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text-primary);font-size:13px}.billing-filter-group input[type=date]{min-width:140px}.billing-filter-group select{min-width:120px}.tx-type-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.tx-type-usage{background:var(--color-status-info-bg, #e8f4fd);color:var(--color-status-info-text, #1a73e8)}.tx-type-topup{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.tx-type-adjustment,.tx-type-refund{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.tx-amount-negative{color:var(--color-alert-error-text)}.tx-amount-positive{color:var(--color-status-success-text)}.billing-settings-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;margin-bottom:24px}.billing-settings-section h3{margin:0 0 16px;font-size:16px;font-weight:600}.policy-preview{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.policy-preview h3{margin:0 0 16px;font-size:16px;font-weight:600}.policy-field{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--color-table-border);font-size:14px}.policy-field:last-child{border-bottom:none}.policy-field-name{color:var(--color-text-secondary)}.policy-field-value{color:var(--color-text-primary);font-weight:500}.policy-field-source{font-size:11px;color:var(--color-text-tertiary);margin-left:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.topup-success{color:var(--color-status-success-text);font-size:14px;padding:16px 0;text-align:center}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.coming-soon-card{text-align:center;background:var(--color-bg-surface);border-radius:16px;padding:48px;box-shadow:0 1px 3px var(--color-shadow);max-width:400px}.coming-soon-icon{width:80px;height:80px;background:var(--color-bg-surface-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--color-brand-primary)}.coming-soon-card h1{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.coming-soon-subtitle{font-size:18px;font-weight:600;color:var(--color-brand-primary);margin:0 0 16px}.coming-soon-description{font-size:14px;color:var(--color-text-secondary);margin:0;line-height:1.6}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header-content h1{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 4px}.page-header-content p{color:var(--color-text-secondary);margin:0;font-size:14px}.page-actions{display:flex;align-items:center;gap:12px;min-height:44px}.page-actions select{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-btn-neutral-border);padding:10px 12px;border-radius:8px;font-size:14px;cursor:pointer;min-width:140px;height:44px;box-sizing:border-box}.page-actions select:focus{outline:none;border-color:var(--color-brand-primary)}.tenant-select{min-width:180px!important}.status-filter{min-width:120px!important}.action-btn-primary{display:flex;align-items:center;gap:8px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s;height:44px;box-sizing:border-box}.action-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--color-focus-ring)}.action-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn-primary svg{flex-shrink:0}.action-btn-secondary{display:flex;align-items:center;gap:8px;background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;height:44px;box-sizing:border-box}.action-btn-secondary:hover:not(:disabled){background:var(--color-bg-surface-hover)}.action-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.action-btn-secondary svg{flex-shrink:0}.action-btn-secondary--syncing{cursor:wait}.action-btn-secondary--syncing svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:18px;color:var(--color-text-primary);margin:0}.refresh-btn{background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.refresh-btn:hover:not(:disabled){background:var(--color-bg-surface-hover)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-table-border)}.data-table th{background:var(--color-table-header-bg);font-weight:600;color:var(--color-text-label)}.data-table tbody tr:hover{background:var(--color-table-row-hover)}.data-table td{color:var(--color-text-primary)}.no-data{text-align:center;color:var(--color-text-secondary);padding:40px 16px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.status-active{background:var(--color-status-success-bg);color:var(--color-status-success-text)}.status-badge.status-inactive,.status-badge.status-suspended{background:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.status-badge.status-deactivated{background:var(--color-status-error-bg);color:var(--color-status-error-text)}.health-badge{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.01em;text-transform:capitalize;cursor:default;white-space:nowrap;border:1px solid transparent;min-width:80px;justify-content:center}.health-badge__label{display:inline-flex;align-items:center;gap:6px}.health-badge__label:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0;background:currentColor}.health-badge__staleness{font-size:10px;font-weight:500;opacity:.7;text-transform:none;letter-spacing:0}.health-badge__staleness.--warn{color:var(--color-status-warning-text);opacity:1}.health-badge--unknown{background:var(--color-status-unknown-bg);color:var(--color-status-unknown-text);border-color:var(--color-status-unknown-text)}.health-badge--healthy{background:var(--color-status-success-bg);color:var(--color-status-success-text);border-color:var(--color-status-success-text)}.health-badge--warning{background:var(--color-status-warning-bg);color:var(--color-status-warning-text);border-color:var(--color-status-warning-text)}.health-badge--problematic{background:var(--color-status-caution-bg);color:var(--color-status-caution-text);border-color:var(--color-status-caution-text)}.health-badge--suspended{background:var(--color-status-error-bg);color:var(--color-status-error-text);border-color:var(--color-status-error-text)}.phone-health-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:16px;border-radius:8px;font-size:13px;line-height:1.4;background:var(--color-status-warning-bg);color:var(--color-status-warning-text);border:1px solid var(--color-border-default)}.phone-health-banner--critical{background:var(--color-status-error-bg);color:var(--color-status-error-text);border-color:var(--color-alert-error-border)}.phone-health-banner__icon{flex-shrink:0;display:flex;align-items:center}.phone-health-banner__content{flex:1}.phone-health-banner__actions{flex-shrink:0}.phone-health-banner__link{font-size:13px;font-weight:500;color:inherit;text-decoration:underline;white-space:nowrap}.phone-health-banner__link:hover,.phone-health-banner__action-btn:hover{opacity:.8}.phone-health-banner__action-btn{font-size:13px;font-weight:500;color:inherit;text-decoration:underline;white-space:nowrap;background:none;border:none;cursor:pointer;padding:0}@keyframes health-check-flash{0%{background:var(--color-table-row-hover)}to{background:transparent}}.row-health-checked{animation:health-check-flash 1.2s ease-out}.loading{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:14px}.error-message{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);color:var(--color-alert-error-text);padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.retry-btn{background:transparent;color:var(--color-alert-error-text);border:1px solid var(--color-alert-error-border);padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.retry-btn:hover{background:#ffffff1a}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:80px;height:80px;background:var(--color-bg-surface-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--color-text-secondary)}.empty-state h4{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.empty-state p{font-size:14px;color:var(--color-text-secondary);max-width:400px;margin:0 auto;line-height:1.6}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-table-border)}.pagination-btn{background:var(--color-btn-neutral-bg);color:var(--color-btn-neutral-text);border:1px solid var(--color-btn-neutral-border);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.pagination-btn:hover:not(:disabled){background:var(--color-bg-surface-hover)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--color-text-secondary)}.feedback-message{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.feedback-message-content{display:flex;align-items:center;gap:10px}.feedback-message-content svg{flex-shrink:0}.feedback-success{background:var(--color-status-success-bg);color:var(--color-status-success-text);border:1px solid var(--color-status-success-text)}.feedback-error{background:var(--color-alert-error-bg);color:var(--color-alert-error-text);border:1px solid var(--color-alert-error-border)}.dismiss-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:inherit;opacity:.7;display:flex;align-items:center;justify-content:center}.dismiss-btn:hover{opacity:1}.modal-warning-text{color:var(--color-text-secondary);font-size:13px;margin-top:8px}.modal-error{color:var(--color-alert-error-text);background:var(--color-alert-error-bg);border:1px solid var(--color-alert-error-border);padding:10px 12px;border-radius:6px;margin-top:12px;font-size:13px}.modal-footer-buttons{display:flex;gap:12px;justify-content:flex-end}.form-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px}.form-section h2{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.section-description{color:var(--color-text-secondary);font-size:14px;margin:0 0 20px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:14px;font-weight:500;color:var(--color-text-label)}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--color-border-default);border-radius:8px;font-size:16px;background:var(--color-bg-input);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.field-hint{font-size:12px;color:var(--color-text-secondary);margin:4px 0 0}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-row.three-col{grid-template-columns:repeat(3,1fr)}@media (max-width: 600px){.form-row,.form-row.three-col{grid-template-columns:1fr}}.days-selector{display:flex;gap:8px;flex-wrap:wrap}.day-button{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.day-button:hover{background:var(--color-bg-surface-hover)}.day-button.selected{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-inverse)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.settings-page{max-width:1200px}.settings-description{color:var(--color-text-secondary);font-size:14px;margin:0 0 16px}.settings-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px 20px}.settings-card-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-card-row+.settings-card-row{border-top:1px solid var(--color-border)}.settings-label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.settings-value{font-size:14px;font-weight:600;color:var(--color-text-primary)}.settings-value-secondary{font-weight:400;color:var(--color-text-secondary)}.settings-value-row{display:flex;align-items:center;gap:12px}.settings-inline-edit{display:flex;align-items:center;gap:8px}.settings-input{width:100px;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-bg-primary);color:var(--color-text-primary)}.settings-input:focus{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 2px var(--color-focus-ring)}.settings-input--table{width:80px}.settings-btn{padding:5px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.settings-btn--edit{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-primary)}.settings-btn--edit:hover:not(:disabled){background:var(--color-bg-hover)}.settings-btn--save{background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.settings-btn--save:hover:not(:disabled){opacity:.9}.settings-btn--cancel{background:transparent;color:var(--color-text-secondary)}.settings-btn--cancel:hover:not(:disabled){color:var(--color-text-primary)}.settings-table-actions{display:flex;gap:6px;justify-content:center}.settings-util-bar{height:6px;background:var(--color-bg-hover);border-radius:3px;overflow:hidden;margin-top:8px}.settings-util-fill{height:100%;border-radius:3px;transition:width .3s ease}.settings-util-fill--normal{background:var(--color-success, #17b46b)}.settings-util-fill--warning{background:var(--color-warning, #f59e0b)}.settings-util-fill--critical{background:var(--color-error, #ff3f68)}.settings-util-cell{display:flex;align-items:center;gap:8px;min-width:120px}.settings-util-cell .settings-util-bar{flex:1;margin-top:0}.settings-util-pct{font-size:12px;color:var(--color-text-secondary);min-width:32px;text-align:right}.settings-section{background:var(--color-bg-surface);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--color-shadow);margin-bottom:24px}.settings-page .tenant-name{font-weight:500}.settings-page .actions-header,.settings-page .actions-cell{width:120px;text-align:center}.incidents-page{padding:24px}.incidents-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.incidents-page__header h1{margin:0;font-size:24px}.incidents-page__filters{display:flex;gap:4px}.incidents-filter-btn{padding:6px 14px;border:1px solid var(--border-color, #d1d5db);border-radius:4px;background:transparent;color:var(--text-secondary, #6b7280);font-size:13px;cursor:pointer}.incidents-filter-btn--active{background:var(--primary-color, #4268ff);color:#fff;border-color:var(--primary-color, #4268ff)}.incidents-page__loading,.incidents-page__empty{text-align:center;padding:48px 0;color:var(--text-secondary, #6b7280)}.incidents-page__layout{display:flex;gap:24px}.incidents-table{flex:1;border-collapse:collapse;font-size:14px;min-width:0}.incidents-table th,.incidents-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-color, #e5e7eb);white-space:nowrap}.incidents-table th{font-weight:600;color:var(--text-secondary, #6b7280);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.incidents-table__row{cursor:pointer}.incidents-table__row:hover{background:var(--hover-bg, #f9fafb)}.incidents-table__row--selected{background:var(--selected-bg, #eff6ff)}.incidents-table__actions{display:flex;gap:6px}.incidents-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.03em}.incidents-badge--info{background:#dbeafe;color:#1e40af}.incidents-badge--warn{background:#fef3c7;color:#92400e}.incidents-badge--error,.incidents-badge--status-open{background:#fee2e2;color:#991b1b}.incidents-badge--status-acked{background:#fef3c7;color:#92400e}.incidents-badge--status-resolved{background:#d1fae5;color:#065f46}.incidents-action-btn{padding:4px 10px;border:1px solid var(--border-color, #d1d5db);border-radius:4px;background:transparent;font-size:12px;cursor:pointer;color:var(--text-primary, #1f2937)}.incidents-action-btn:hover{background:var(--hover-bg, #f3f4f6)}.incidents-action-btn:disabled{opacity:.5;cursor:not-allowed}.incidents-detail{width:360px;flex-shrink:0;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:20px;background:var(--card-bg, #fff)}.incidents-detail h2{margin:0 0 16px;font-size:18px}.incidents-detail__field{margin-bottom:12px}.incidents-detail__field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.incidents-detail__field span{font-size:14px}.incidents-detail__actions{margin-top:16px;display:flex;gap:8px}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:var(--color-text-secondary);background:var(--color-bg-page)}.sidebar{position:fixed;left:0;top:0;width:220px;height:100vh;background:var(--color-bg-surface);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;z-index:100}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:16px 20px;border-bottom:1px solid var(--color-border-light)}.sidebar-logo-img{height:36px;width:auto}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar-nav-item:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-focus-ring);color:var(--color-brand-primary)}.sidebar-nav-item svg{flex-shrink:0}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--color-border-light)}.sidebar-env{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}.sidebar-env-dot{width:8px;height:8px;border-radius:50%;background:var(--color-brand-success)}.tenant-selector-wrapper{position:relative}.tenant-selector-static{cursor:default}.tenant-selector-static:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-default)}.chevron{transition:transform .15s}.tenant-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:260px;max-height:360px;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:10px;box-shadow:0 4px 20px var(--color-shadow-md);z-index:300;display:flex;flex-direction:column;overflow:hidden}.tenant-search-wrapper{padding:8px;border-bottom:1px solid var(--color-border-light)}.tenant-search{width:100%;padding:8px 10px;border:1px solid var(--color-border-default);border-radius:6px;background:var(--color-bg-page);color:var(--color-text-primary);font-size:13px;outline:none;box-sizing:border-box}.tenant-search:focus{border-color:var(--color-border-focus)}.tenant-options{overflow-y:auto;max-height:280px;padding:4px}.tenant-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary);font-size:13px;cursor:pointer;border-radius:6px;text-align:left;transition:background .1s}.tenant-option:hover{background:var(--color-bg-surface-hover)}.tenant-option.selected{background:var(--color-bg-surface-hover);font-weight:500}.tenant-option.selected svg{color:var(--color-brand-primary)}.tenant-option-all{font-weight:500;border-bottom:1px solid var(--color-border-light);border-radius:6px 6px 0 0;margin-bottom:2px}.tenant-no-results{padding:12px;text-align:center;color:var(--color-text-secondary);font-size:13px}.header-clock{position:relative}.header-clock-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-surface-hover);border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.header-clock-btn:hover{background:var(--color-bg-page);border-color:var(--color-border-focus)}.header-clock-time{font-variant-numeric:tabular-nums}.header-clock-offset{font-size:11px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.header-clock-picker{position:absolute;top:calc(100% + 4px);right:0;z-index:310}.header-clock-picker .tz-picker-dropdown{left:auto;right:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid var(--color-border-default);background:var(--color-bg-surface);color:var(--color-text-secondary);cursor:pointer}.theme-toggle:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{flex-shrink:0}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-light);height:64px;transition:box-shadow .2s}.header--scrolled{box-shadow:0 2px 8px var(--color-shadow)}.header-left{display:flex;align-items:center;gap:16px}.tenant-auto-switch-toast{padding:6px 12px;background:var(--color-alert-info-bg, var(--color-bg-surface-hover));border:1px solid var(--color-border-default);border-radius:6px;color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;animation:tenant-toast-fade-in .2s ease-out}@keyframes tenant-toast-fade-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.tenant-selector{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-surface-hover);border:1px solid var(--color-border-default);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.tenant-selector:hover{background:var(--color-bg-page);border-color:var(--color-border-focus)}.tenant-selector svg{color:var(--color-text-secondary)}.header-right{display:flex;align-items:center;gap:12px}.header-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.header-btn-ai{padding:6px 14px;background:var(--color-brand-primary);color:#fff;border-radius:20px;font-size:13px;font-weight:600}.header-btn-ai:hover{opacity:.9}.header-icon-btn{width:40px;height:40px;border-radius:8px;color:var(--color-text-secondary)}.header-icon-btn:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.header-user{position:relative;margin-left:8px}.header-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-btn-primary-bg);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s}.header-avatar:hover{transform:scale(1.05)}.avatar-initials{color:#fff;font-size:16px;font-weight:600}.header-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-bg-surface);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 4px 20px var(--color-shadow-md);overflow:hidden;z-index:200}.user-menu-header{padding:16px;display:flex;flex-direction:column;gap:4px}.user-menu-email{font-size:14px;font-weight:500;color:var(--color-text-primary)}.user-menu-role{font-size:12px;color:var(--color-text-secondary);text-transform:capitalize}.user-menu-divider{height:1px;background:var(--color-border-light)}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:background .15s}.user-menu-item:hover{background:var(--color-bg-surface-hover)}.user-menu-logout{color:var(--color-btn-danger-bg)}.user-menu-logout:hover{background:var(--color-alert-error-bg)}.footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-bg-surface);border-top:1px solid var(--color-border-light);font-size:13px;color:var(--color-text-secondary)}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--color-brand-primary)}.webhook-alert-banner{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border-color, #e5e7eb);font-size:14px;line-height:1.4}.webhook-alert-banner--info{background:var(--alert-info-bg, #eff6ff);color:var(--alert-info-text, #1e40af)}.webhook-alert-banner--warn{background:var(--alert-warn-bg, #fffbeb);color:var(--alert-warn-text, #92400e)}.webhook-alert-banner--error{background:var(--alert-error-bg, #fef2f2);color:var(--alert-error-text, #991b1b)}.webhook-alert-banner--acked{opacity:.7}.webhook-alert-banner__icon{flex-shrink:0;display:flex;align-items:center}.webhook-alert-banner__content{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.webhook-alert-banner__detail{font-weight:400;opacity:.8}.webhook-alert-banner__actions{display:flex;gap:8px;flex-shrink:0}.webhook-alert-banner__btn{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid currentColor;background:transparent;color:inherit;text-decoration:none;white-space:nowrap}.webhook-alert-banner__btn:hover{opacity:.85}.webhook-alert-banner__btn:disabled{opacity:.5;cursor:not-allowed}.webhook-alert-banner__btn--details{border-color:transparent;text-decoration:underline}.app-layout{display:flex;min-height:100vh;background:var(--color-bg-page)}.app-layout-content{flex:1;display:flex;flex-direction:column;margin-left:220px;min-height:100vh}.app-layout-main{flex:1;padding:24px;overflow-y:auto}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-page);color:var(--color-text-primary)}