:root{--radius: 12px;--radius-sm: 8px;--font: "Segoe UI", Tahoma, "Noto Sans Arabic", system-ui, -apple-system, sans-serif;--c-answered: #22c55e;--c-noanswer: #f59e0b;--c-busy: #fb923c;--c-failed: #ef4444;--c-voicemail: #a855f7;--c-inbound: #3b82f6;--c-outbound: #8b5cf6;--c-internal: #14b8a6}[data-theme=light]{--bg: #f5f7fb;--surface: #ffffff;--surface-2: #eef1f7;--border: #e2e6ef;--text: #18223a;--text-muted: #67708a;--primary: #2563eb;--primary-weak: #dbe7ff;--primary-contrast: #ffffff;--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--danger: #dc2626;--success: #16a34a}[data-theme=dark]{--bg: #0e1320;--surface: #161d2e;--surface-2: #1d2638;--border: #2a3447;--text: #e9edf6;--text-muted: #95a0b6;--primary: #4f8cff;--primary-weak: #1e2c4a;--primary-contrast: #0e1320;--shadow: 0 1px 3px rgba(0, 0, 0, .4);--danger: #f87171;--success: #4ade80}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--surface);border-inline-end:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;padding:6px 10px 18px}.brand-dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--c-voicemail))}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;transition:background .15s,color .15s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--primary-weak);color:var(--primary)}.nav-icon{width:18px;text-align:center}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-wrap:wrap}.topbar h1{font-size:18px;margin:0;margin-inline-end:auto}.content{padding:20px;display:flex;flex-direction:column;gap:18px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;font-weight:600;font-size:13px;transition:background .15s,border-color .15s}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.btn.primary:hover{filter:brightness(1.05)}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.sm{padding:5px 10px;font-size:12px}.btn.icon{padding:7px 10px}input,select{font-family:inherit;font-size:13px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid var(--primary-weak);border-color:var(--primary)}label{font-size:12px;color:var(--text-muted);font-weight:600}.field{display:flex;flex-direction:column;gap:4px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h3{margin:0 0 12px;font-size:14px}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.kpi{display:flex;flex-direction:column;gap:6px}.kpi .label{color:var(--text-muted);font-size:12px;font-weight:600}.kpi .value{font-size:28px;font-weight:700;letter-spacing:-.5px}.kpi .sub{font-size:12px;color:var(--text-muted)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 10px;text-align:start;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}tbody tr:hover{background:var(--surface-2)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge.answered{background:color-mix(in srgb,var(--c-answered) 18%,transparent);color:var(--c-answered)}.badge.noanswer{background:color-mix(in srgb,var(--c-noanswer) 18%,transparent);color:var(--c-noanswer)}.badge.busy{background:color-mix(in srgb,var(--c-busy) 18%,transparent);color:var(--c-busy)}.badge.failed{background:color-mix(in srgb,var(--c-failed) 18%,transparent);color:var(--c-failed)}.badge.voicemail{background:color-mix(in srgb,var(--c-voicemail) 18%,transparent);color:var(--c-voicemail)}.muted{color:var(--text-muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spacer{flex:1}.empty{text-align:center;color:var(--text-muted);padding:40px}.center-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.unlock-card{width:360px;max-width:90vw}.unlock-card .brand{justify-content:center}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.ok{background:var(--success)}.status-dot.error{background:var(--danger)}.status-dot.idle{background:var(--text-muted)}.toggle-group{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.toggle-group button{border:none;background:var(--surface);color:var(--text-muted);padding:6px 12px;font-weight:600;font-size:12px}.toggle-group button.active{background:var(--primary);color:var(--primary-contrast)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:100}.modal{width:440px;max-width:92vw;max-height:90vh;overflow-y:auto}.modal h3{font-size:16px}.error-text{color:var(--danger);font-size:13px}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}