.dash-page{padding:24px}.dash-title{font-size:20px;font-weight:700;color:var(--crm-text-primary, #1a1a2e);margin:0 0 4px}.dash-sub{font-size:13px;color:var(--crm-text-tertiary, #9ca3af);margin:0}.mon-page{height:100%;display:flex;flex-direction:column;min-height:0;padding:16px;gap:16px;overflow-y:auto}.mon-error{padding:10px 14px;border-radius:6px;background:#ef44441a;color:var(--color-danger, #ef4444);font-size:13px}.mon-empty{padding:40px;text-align:center;color:var(--crm-text-tertiary, #9ca3af);font-size:13px}.mon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.mon-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--crm-border, #e0e0e0);border-radius:8px;background:var(--crm-bg-card, #fff);transition:border-color .15s,box-shadow .15s}.mon-card--call{border-color:var(--crm-primary, #089981);box-shadow:0 0 0 1px var(--crm-primary, #089981)}.mon-card--offline{opacity:.62}.mon-card__head{display:flex;align-items:center;gap:10px}.mon-card__avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--crm-primary, #089981);color:#fff;font-size:13px;font-weight:600;flex-shrink:0}.mon-card__id{flex:1;min-width:0}.mon-card__name{font-size:13px;font-weight:600;color:var(--crm-text-primary, #1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-card__ext{font-size:11.5px;color:var(--crm-text-tertiary, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-card__status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--crm-text-secondary, #4a4a5a);white-space:nowrap}.mon-card__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mon-card__call{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:6px;background:var(--crm-bg-secondary, #f5f6f7)}.mon-card__call-dir{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--crm-text-secondary, #4a4a5a)}.mon-card__timer{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--crm-text-primary, #1a1a2e)}.mon-card__client{display:flex;align-items:baseline;gap:8px}.mon-card__client-num{font-size:15px;font-weight:700;color:var(--crm-text-primary, #1a1a2e)}.mon-card__client-name{font-size:12px;color:var(--crm-text-tertiary, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mon-card__session{font-size:11px;font-weight:600;color:var(--crm-primary, #089981)}.mon-card__nocall{font-size:12px;color:var(--crm-text-tertiary, #9ca3af);padding:2px}.mon-card__actions{display:flex;gap:6px;margin-top:auto}.mon-btn{flex:1;height:32px;display:grid;place-items:center;border:1px solid var(--crm-border, #e0e0e0);border-radius:6px;background:transparent;color:var(--crm-text-secondary, #4a4a5a);cursor:pointer;transition:all .12s}.mon-btn:hover:not(:disabled){border-color:var(--crm-primary, #089981);color:var(--crm-primary, #089981);background:var(--crm-bg-hover, #f5f5f5)}.mon-btn:disabled{opacity:.4;cursor:not-allowed}.mon-btn--danger:hover:not(:disabled){border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);background:#ef444414}.cc-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:6px;padding:12px 16px}.cc-toolbar__left{display:flex;align-items:center;gap:12px}.cc-toolbar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cc-toolbar__search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:6px;background:var(--input-bg);border:1px solid var(--border);color:var(--muted-foreground);width:280px;max-width:100%}.cc-toolbar__search input{border:none;background:transparent;outline:none;font-family:inherit;font-size:13px;color:var(--foreground);width:100%}.cc-tool-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--foreground);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .1s ease,border-color .1s ease,color .1s ease}.cc-tool-btn:hover:not(:disabled){background:var(--muted);border-color:var(--border-strong)}.cc-tool-btn:disabled{opacity:.5;cursor:not-allowed}.cc-tool-btn--active{border-color:var(--primary);color:var(--primary)}.cc-tool-btn__count{font-size:11px;color:var(--muted-foreground);font-weight:600}.cc-tool-btn__chevron{display:inline-flex;opacity:.6}.crm-tv{height:100%;display:flex;flex-direction:column;min-height:0;padding:16px;gap:16px}.crm-tv__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 900px){.crm-tv{padding:12px;gap:12px}}@media (max-width: 600px){.crm-tv{padding:8px;gap:8px}}.cc-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:100;padding:20px}.cc-modal{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);overflow:hidden}.cc-modal__head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.cc-modal__title{font-weight:600;font-size:14px;color:var(--foreground)}.cc-modal__close{width:28px;height:28px;border:none;background:transparent;color:var(--muted-foreground);border-radius:6px;cursor:pointer;font-size:14px}.cc-modal__close:hover{background:var(--muted);color:var(--foreground)}.cc-modal__body{padding:18px}.cc-actions{display:inline-flex;gap:4px}.cc-action-btn{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);cursor:pointer;transition:background .1s ease,color .1s ease,border-color .1s ease}.cc-action-btn:hover:not(:disabled){background:var(--muted);color:var(--primary);border-color:var(--primary)}.cc-action-btn:disabled{opacity:.4;cursor:not-allowed}.cc-action-link{display:inline-block;margin-top:12px;color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}.cc-action-link:hover{text-decoration:underline}.set-page{height:100%;display:flex;flex-direction:column;min-height:0}.set-tabs{display:flex;gap:2px;padding:0 16px;border-bottom:1px solid var(--crm-border, #e0e0e0);background:var(--crm-bg-header, #fff);flex-shrink:0}.set-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:12px 14px;font-size:13px;font-weight:500;color:var(--crm-text-secondary, #4a4a5a);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.set-tab:hover{color:var(--crm-text-primary, #1a1a2e)}.set-tab--active{color:var(--crm-primary, #089981);border-bottom-color:var(--crm-primary, #089981);font-weight:600}.set-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.set-form{padding:24px;max-width:560px;overflow-y:auto}.set-form__title{font-size:15px;font-weight:600;color:var(--crm-text-primary, #1a1a2e);margin:0 0 4px}.set-form__sub{font-size:12.5px;color:var(--crm-text-tertiary, #9ca3af);margin:0 0 20px}.set-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.set-label{font-size:12px;font-weight:600;color:var(--crm-text-secondary, #4a4a5a)}.set-input{height:36px;padding:0 12px;border:1px solid var(--crm-border, #e0e0e0);border-radius:6px;background:var(--crm-bg-input, #f5f5f5);color:var(--crm-text-primary, #1a1a2e);font-family:inherit;font-size:13px;outline:none}.set-input:focus{border-color:var(--crm-primary, #089981)}.set-input:disabled{opacity:.7;cursor:default}.set-hint{font-size:11.5px;color:var(--crm-text-tertiary, #9ca3af)}.set-apikey{display:flex;gap:8px;align-items:center}.set-apikey .set-input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.set-error{font-size:12px;color:var(--color-danger, #ef4444);margin-bottom:12px}.set-saved{font-size:12px;color:var(--crm-primary, #089981);margin-left:10px}.set-row-actions{display:inline-flex;gap:4px}.set-icon-btn{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--crm-border, #e0e0e0);border-radius:6px;background:transparent;color:var(--crm-text-secondary, #4a4a5a);cursor:pointer;transition:all .12s}.set-icon-btn:hover{border-color:var(--crm-primary, #089981);color:var(--crm-primary, #089981);background:var(--crm-bg-hover, #f5f5f5)}.set-icon-btn--danger:hover{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);background:#ef444414}.set-pill{font-weight:600;font-size:12px;padding:2px 8px;border-radius:6px}:root{--primary: oklch(.62 .13 170);--primary-hover: oklch(.56 .13 170);--primary-foreground: #ffffff;--radius: .375rem;--font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--page-bg: #fafafa;--card: #ffffff;--surface: #f5f5f7;--input-bg: #f5f5f5;--border: #e0e0e0;--border-strong: #d5d8de;--foreground: #131722;--muted-foreground: #707584;--muted: #f5f5f5;--table-header-bg: #f8f9fb;--table-stripe: #f8f9fb;--row-hover: #f5f5f5;--success: #059669;--success-bg: #ecfdf5;--danger: #ef4444;--destructive: #ef4444;--danger-bg: #fef2f2;--accent: oklch(.92 .02 170);--warning: #92400e;--warning-bg: #fffbeb;--info: oklch(.62 .13 170);--info-bg: #ecfdf5;--sidebar: #23282d;--sidebar-foreground: #ededef;--sidebar-muted: #a0a5aa;--sidebar-active: #32373c;--sidebar-border: #32373c;--ring: oklch(.62 .13 170);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08)}[data-theme=dark]{--page-bg: #1e1f24;--card: #2c3238;--surface: #27282d;--input-bg: #32373c;--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--foreground: #ededef;--muted-foreground: #8b8d93;--muted: #32373c;--table-header-bg: #23282d;--table-stripe: rgba(255, 255, 255, .02);--row-hover: #32373c;--success: #34d399;--success-bg: rgba(52, 211, 153, .12);--danger: #f87171;--destructive: #f87171;--danger-bg: rgba(248, 113, 113, .12);--accent: #32373c;--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--info: #34d399;--info-bg: rgba(52, 211, 153, .12);--sidebar: #23282d;--sidebar-foreground: #ededef;--sidebar-muted: #8c9196;--sidebar-active: #32373c;--sidebar-border: #32373c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4)}:root{--font-family: "Montserrat", "IBM Plex Sans Arabic", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-primary: #089981;--color-primary-hover: #07856e;--color-primary-rgb: 8, 153, 129;--color-secondary: #6b7280;--color-white: #ffffff;--color-yellow: #facc15;--color-yellow-hover: #eab308;--color-yellow-contrast: #422006;--color-muted: #9ca3af;--color-danger: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--text-secondary: #707584;--crm-primary: var(--color-primary);--crm-secondary: var(--color-secondary);--crm-text-primary: #1a1a2e;--crm-text-secondary: #4a4a5a;--crm-text-tertiary: #6b7280;--crm-bg-card: #ffffff;--crm-bg-main: #fafafa;--crm-bg-secondary: #f5f6f7;--crm-bg-hover: #f5f5f5;--crm-bg-input: #f5f5f5;--crm-bg-primary: #f5f5f5;--crm-border: #e0e0e0;--crm-accent-green-bg: #f0fdf4;--crm-accent-green-hover: #dcfce7;--crm-sidebar-bg: #23282d;--crm-sidebar-text: #eee;--crm-sidebar-text-dim: #a0a5aa;--crm-sidebar-text-muted: #8c9196;--crm-sidebar-hover: #2c3238;--crm-sidebar-active: #32373c;--crm-sidebar-border: #32373c;--crm-sidebar-badge-bg: #3a4048;--crm-sidebar-badge-text: #a0a5aa;--crm-bg-header: #ffffff;--crm-header-border: #e0e0e0;--crm-header-text: #1a1a2e;--crm-header-text-dim: #4a4a5a}[data-theme=dark]{--color-primary: #089981;--color-primary-hover: #0aa88d;--color-yellow: #facc15;--color-yellow-hover: #fde047;--color-yellow-contrast: #422006;--color-muted: #8c9196;--color-danger: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--text-secondary: #8b8d93;--crm-text-primary: #eee;--crm-text-secondary: #a0a5aa;--crm-text-tertiary: #8c9196;--crm-bg-card: #2c3238;--crm-bg-main: #23282d;--crm-bg-secondary: #27282d;--crm-bg-hover: #32373c;--crm-bg-input: #32373c;--crm-bg-primary: #32373c;--crm-border: rgba(255, 255, 255, .06);--crm-accent-green-bg: rgba(var(--color-primary-rgb), .12);--crm-accent-green-hover: rgba(var(--color-primary-rgb), .2);--crm-bg-header: #23282d;--crm-header-border: #32373c;--crm-header-text: #eee;--crm-header-text-dim: #a0a5aa}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--foreground);background:var(--page-bg);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{padding:14px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:space-between}.card__body{padding:18px}.grid{display:grid;gap:16px}.kpi-row{grid-template-columns:repeat(4,1fr)}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.kpi__label{color:var(--muted-foreground);font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}.kpi__value{font-size:26px;font-weight:700;margin-top:6px}.kpi__sub{color:var(--muted-foreground);font-size:12px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--radius);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.btn--primary{background:var(--primary);color:var(--primary-foreground)}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--foreground)}.btn--ghost:hover{background:var(--muted)}.btn--danger{background:var(--destructive);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--block{width:100%}.field{margin-bottom:14px}.label{display:block;font-size:12px;font-weight:600;color:var(--foreground);margin-bottom:6px}.input{width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 22%,transparent)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge--green{background:var(--success-bg);color:var(--success)}.badge--red{background:var(--danger-bg);color:var(--danger)}.badge--gray{background:var(--muted);color:var(--muted-foreground)}.badge--blue{background:var(--info-bg);color:var(--info)}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(160deg,#23282d,#2f3640);padding:20px}.login__card{width:100%;max-width:380px;background:var(--card);border-radius:10px;box-shadow:var(--shadow-md);padding:32px 28px}.login__brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;margin-bottom:4px;color:var(--foreground)}.login__logo-img{height:30px;width:auto;object-fit:contain}.login__sub{color:var(--muted-foreground);font-size:12px;margin-bottom:22px}.muted{color:var(--muted-foreground)}.error-text{color:var(--destructive);font-size:12px;margin-top:8px}.section-title{font-size:18px;font-weight:700;margin:0 0 2px}.section-sub{color:var(--muted-foreground);font-size:13px;margin:0 0 18px}