@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Tajawal,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--crm-bg:#f7f8fa;--crm-surface:#fff;--crm-surface-alt:#fafbfc;--crm-surface-hover:#f9fafb;--crm-border:#eaecef;--crm-border-soft:#f2f3f5;--crm-border-strong:#dfe3e8;--crm-text:#1f2430;--crm-text-muted:#6b7280;--crm-text-faint:#98a2b3;--crm-accent:#5b54d6;--crm-accent-strong:#4f46e5;--crm-accent-hover:#4338ca;--crm-accent-soft:#f2f2fb;--crm-accent-soft-border:#e6e5fb;--crm-accent-ink:#312e81;--crm-success-bg:#ecfdf3;--crm-success-text:#067647;--crm-success-border:#abefc6;--crm-warn-bg:#fffaeb;--crm-warn-text:#b54708;--crm-warn-border:#fedf89;--crm-danger-bg:#fef3f2;--crm-danger-text:#b42318;--crm-danger-border:#fecdca;--crm-info-bg:#eef2ff;--crm-info-text:#4338ca;--crm-info-border:#e0e7ff;--crm-neutral-bg:#f4f5f7;--crm-neutral-text:#475467;--crm-neutral-border:#e6e8ec;--crm-radius:14px;--crm-radius-md:10px;--crm-radius-sm:8px;--crm-radius-pill:20px;--crm-shadow:0 1px 2px #1018280a;--crm-shadow-sm:0 1px 2px #10182808;--crm-shadow-hover:0 2px 8px #10182812;--crm-shadow-lg:0 12px 32px #10182829;--crm-space-1:4px;--crm-space-2:8px;--crm-space-3:12px;--crm-space-4:16px;--crm-space-5:20px;--crm-space-6:24px;--ind:var(--crm-accent);--ind-600:var(--crm-accent-strong);--ind-tint:var(--crm-accent-soft);--line:var(--crm-border);--ink:var(--crm-text);--muted:var(--crm-text-muted)}.crm-badge,.crm-scope,.crm-scope button,.crm-scope input,.crm-scope select,.crm-scope table,.crm-scope textarea{font-family:Tajawal,sans-serif}.crm-badge{border:none;border-radius:20px;border-radius:var(--crm-radius-pill);display:inline-block;font-size:12px;font-weight:500;line-height:1.6;padding:4px 10px}.crm-unread{align-items:center;background:#fdeceb;border-radius:20px;border-radius:var(--crm-radius-pill);color:#b42318;color:var(--crm-danger-text);display:inline-flex;font-size:11px;font-weight:700;gap:4px;line-height:1.5;padding:2px 8px;white-space:nowrap}.crm-unread-dot{background:#d92d20;border-radius:50%;display:inline-block;height:8px;width:8px}.crm-rem-hot{animation:crm-pulse 1.9s ease-in-out infinite}@keyframes crm-pulse{0%,to{box-shadow:0 0 0 0 #b4231857}55%{box-shadow:0 0 0 5px #b4231800}}.crm-card{background:#fff;background:var(--crm-surface);border:1px solid #e6e9ef;border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280d;margin-bottom:16px}.crm-card-head{align-items:center;border-bottom:1px solid #f1f3f7;display:flex;gap:10px;padding:14px 20px}.crm-card-head h3{font-size:15px;font-weight:700;margin:0}.crm-card-body{padding:20px}.crm-tl{display:flex;flex-direction:column}.crm-tl-item{grid-gap:12px;align-items:start;border-bottom:1px solid #f4f6f9;display:grid;gap:12px;grid-template-columns:14px 1fr auto;padding:12px 0}.crm-tl-item:last-child{border-bottom:none}.crm-tl-dot{background:#98a2b3;background:var(--crm-text-faint);border-radius:50%;height:10px;margin-top:6px;width:10px}.crm-tl-item.e-created .crm-tl-dot{background:#1668c7}.crm-tl-item.e-stage_change .crm-tl-dot{background:#087443}.crm-tl-item.e-stage_revert .crm-tl-dot{background:#b42318;background:var(--crm-danger-text)}.crm-tl-item.e-reminder .crm-tl-dot{background:#b25e09}.crm-tl-item.e-note .crm-tl-dot{background:#7c3aed}.crm-tl-item.e-assigned .crm-tl-dot{background:#1668c7}.crm-tl-item.e-unassigned .crm-tl-dot{background:#b42318;background:var(--crm-danger-text)}.crm-tl-title{font-size:14px;font-weight:500;line-height:1.6}.crm-tl-sub{margin-top:2px}.crm-tl-sub,.crm-tl-when{color:#98a2b3;color:var(--crm-text-faint);font-size:12px}.crm-tl-when{padding-top:2px;text-align:left;white-space:nowrap}.crm-tl-note{background:#fafbfc;background:var(--crm-surface-alt);border:1px solid #f1f3f7;border-radius:8px;color:#475467;color:var(--crm-neutral-text);font-size:13px;grid-column:2/-1;line-height:1.75;margin-top:7px;padding:9px 12px;white-space:pre-wrap}.crm-kv{display:flex;flex-wrap:wrap;gap:22px}.crm-kv>div{min-width:120px}.crm-kv .k{color:#98a2b3;color:var(--crm-text-faint);display:block;font-size:12px;margin-bottom:2px}.crm-kv .v{color:#101828;font-size:14px;font-weight:500}.crm-two-col{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 1fr}.crm-two-col>.crm-card{display:flex;flex-direction:column}.crm-two-col>.crm-card>.crm-card-body{flex:1 1}@media (max-width:1000px){.crm-two-col{align-items:start;grid-template-columns:1fr}}.crm-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.crm-hint{color:#98a2b3;color:var(--crm-text-faint);font-size:12px}.crm-bell-wrap{bottom:20px;left:20px;position:fixed;z-index:1000}.crm-bell{background:#fff;background:var(--crm-surface);border:1px solid #e6e9ef;border-radius:12px;box-shadow:0 2px 8px #10182814;color:#475467;color:var(--crm-neutral-text);cursor:pointer;display:grid;height:42px;place-items:center;position:relative;width:42px}.crm-bell:hover{background:#fafbfc;background:var(--crm-surface-alt)}.crm-bell-count{background:#b42318;background:var(--crm-danger-text);border:2px solid #fff;border-radius:20px;border-radius:var(--crm-radius-pill);color:#fff;display:grid;font-size:11px;font-weight:700;height:20px;left:-6px;min-width:20px;padding:0 5px;place-items:center;position:absolute;top:-6px}.crm-bell-panel{background:#fff;background:var(--crm-surface);border:1px solid #e6e9ef;border-radius:14px;border-radius:var(--crm-radius);bottom:50px;box-shadow:0 12px 32px #10182829;box-shadow:var(--crm-shadow-lg);left:0;max-height:70vh;max-width:90vw;overflow-y:auto;padding:6px;position:absolute;width:380px}.crm-bell-group{color:#98a2b3;color:var(--crm-text-faint);font-size:11.5px;font-weight:700;letter-spacing:.2px;padding:10px 12px 6px}.crm-bell-item{background:none;border:none;border-radius:9px;color:#101828;cursor:pointer;display:block;padding:9px 12px;text-align:right;width:100%}.crm-bell-item:hover{background:#f5f6f8}.crm-bell-item .t{font-size:13.5px;font-weight:500}.crm-bell-item .s{font-size:12px;margin-top:2px}.crm-bell-empty,.crm-bell-item .s{color:#98a2b3;color:var(--crm-text-faint)}.crm-bell-empty{font-size:13px;padding:26px 14px;text-align:center}.usr-editor{font-family:Tajawal,sans-serif;margin:0 auto;max-width:720px}.usr-card{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);margin-bottom:16px;padding:20px 22px}.usr-card-title{border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);color:#1f2430;color:var(--crm-text);font-size:14px;font-weight:700;margin:0 0 16px;padding-bottom:11px}.usr-grid2{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:1fr 1fr}.usr-grid2 .full{grid-column:1/-1}@media (max-width:640px){.usr-grid2{grid-template-columns:1fr}}.usr-field{margin-bottom:4px}.usr-field label{color:#475467;color:var(--crm-neutral-text);display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}.usr-field input,.usr-field select{background:#fff;background:var(--crm-surface);border:1px solid #dfe3e8;border:1px solid var(--crm-border-strong);border-radius:9px;box-sizing:border-box;color:#1f2430;color:var(--crm-text);font-family:Tajawal,sans-serif;font-size:14px;height:40px;padding:0 12px;width:100%}.usr-field input:focus,.usr-field select:focus{border-color:#5b54d6;border-color:var(--crm-accent);box-shadow:0 0 0 3px #f2f2fb;box-shadow:0 0 0 3px var(--crm-accent-soft);outline:none}.usr-field input:disabled{background:#f4f5f7;background:var(--crm-neutral-bg);color:#6b7280;color:var(--crm-text-muted);cursor:not-allowed}.usr-hint{color:#98a2b3;color:var(--crm-text-faint);font-size:11.5px;margin-top:4px}.usr-perms{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:640px){.usr-perms{grid-template-columns:1fr}}.usr-perm{align-items:center;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:11px;cursor:pointer;display:flex;gap:11px;padding:11px 13px;transition:background .15s,border-color .15s}.usr-perm:hover{background:#f9fafb;background:var(--crm-surface-hover);border-color:#dfe3e8;border-color:var(--crm-border-strong)}.usr-perm.on{background:#f2f2fb;background:var(--crm-accent-soft);border-color:#e6e5fb;border-color:var(--crm-accent-soft-border)}.usr-perm input{accent-color:#4f46e5;accent-color:var(--crm-accent-strong);cursor:pointer;flex:none;height:17px;width:17px}.usr-perm .txt{display:flex;flex-direction:column;gap:1px}.usr-perm .lbl{color:#1f2430;color:var(--crm-text);font-size:13.5px;font-weight:600}.usr-perm .key{color:#98a2b3;color:var(--crm-text-faint);direction:ltr;font-size:11px}.usr-admin-badge{background:#ecfdf3;background:var(--crm-success-bg);border:1px solid #abefc6;border:1px solid var(--crm-success-border);border-radius:9px;color:#067647;color:var(--crm-success-text);display:inline-block;font-size:13px;font-weight:700;padding:9px 15px}.usr-notice{border-radius:8px;border-radius:var(--crm-radius-sm);font-size:12.5px;line-height:1.6;margin-top:10px;padding:9px 12px}.usr-notice.warn{background:#fffaeb;background:var(--crm-warn-bg);border:1px solid #fedf89;border:1px solid var(--crm-warn-border);color:#b54708;color:var(--crm-warn-text)}.usr-notice.ok{background:#ecfdf3;background:var(--crm-success-bg);border:1px solid #abefc6;border:1px solid var(--crm-success-border);color:#067647;color:var(--crm-success-text)}.usr-queuebox{background:#fff;background:var(--crm-surface);border:1px solid #dfe3e8;border:1px solid var(--crm-border-strong);border-radius:10px;border-radius:var(--crm-radius-md);max-height:320px;overflow-y:auto}.usr-qhead{border-bottom:1px solid #eaecef;border-bottom:1px solid var(--crm-border);font-size:12px;font-weight:700;padding:10px 14px;position:sticky;top:0;z-index:1}.usr-qhead.real{background:#ecfdf3;background:var(--crm-success-bg);color:#067647;color:var(--crm-success-text)}.usr-qhead.ivr{background:#f2f2fb;background:var(--crm-accent-soft);border-top:1px solid #eaecef;border-top:1px solid var(--crm-border);color:#4f46e5;color:var(--crm-accent-strong)}.usr-qrow{align-items:center;border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:background .15s}.usr-qrow:hover{background:#f9fafb;background:var(--crm-surface-hover)}.usr-qrow.on{background:#f2f2fb;background:var(--crm-accent-soft)}.usr-qrow .left{align-items:center;display:flex;flex:1 1;gap:10px}.usr-qrow input{accent-color:#4f46e5;accent-color:var(--crm-accent-strong);cursor:pointer;height:16px;width:16px}.usr-qcount{background:#f4f5f7;background:var(--crm-neutral-bg);border-radius:4px;color:#6b7280;color:var(--crm-text-muted);font-size:11px;padding:2px 8px;white-space:nowrap}.usr-actions{align-items:center;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:12px;bottom:16px;box-shadow:0 6px 20px #1018281a;display:flex;gap:10px;margin-top:4px;padding:13px 16px;position:sticky}.crm-viewas-banner{align-items:center;background:#fffaeb;background:var(--crm-warn-bg);border:1px solid #fedf89;border:1px solid var(--crm-warn-border);border-radius:10px;border-radius:var(--crm-radius-md);color:#b54708;color:var(--crm-warn-text);display:flex;font-size:13.5px;font-weight:600;gap:8px;margin-bottom:16px;padding:12px 16px}.crm-opp-page .page-header{align-items:flex-start;gap:16px;margin-bottom:18px}.crm-opp-page .crm-card-body{padding:20px 22px}.crm-cmd-cols{grid-template-columns:380px minmax(0,1fr)}.crm-cmd-meta{color:#475467;display:flex;flex-wrap:wrap;font-size:13px;gap:4px 20px;margin-top:6px}.crm-cmd-meta .k{color:#98a2b3;margin-left:5px}.crm-cmd-meta b{color:#101828;font-weight:600}.crm-stepper{align-items:flex-start;display:flex;padding:8px 0 4px}.crm-stepper.exited{opacity:.55}.crm-step{flex:1 1;position:relative;text-align:center}.crm-step .line{background:#e6e9ef;border-radius:3px;height:3px;left:-50%;position:absolute;right:50%;top:17px}.crm-step.done .line,.crm-step.here .line{background:#1668c7}.crm-step .node{background:#fff;border:2px solid #e6e9ef;border-radius:50%;color:#98a2b3;display:grid;font-size:13px;font-weight:700;height:36px;margin:0 auto;place-items:center;position:relative;transition:all .15s;width:36px;z-index:1}.crm-step.done .node{background:#1668c7;border-color:#1668c7;color:#fff}.crm-step.here .node{border-color:#1668c7;box-shadow:0 0 0 5px #eaf3fd;color:#1668c7}.crm-step.next .node{border-color:#1668c7;border-style:dashed;color:#1668c7}.crm-step .lbl{color:#98a2b3;font-size:12.5px;font-weight:500;margin-top:9px}.crm-step.here .lbl{color:#0f4c9e;font-weight:700}.crm-step.done .lbl{color:#475467}.crm-guidance{align-items:center;background:#eff8ff;border:1px solid #b2ddff;border-radius:12px;color:#0f4c9e;display:flex;font-size:14px;font-weight:600;gap:10px;margin-top:18px;padding:12px 16px}.crm-guidance .tag{background:#d1e9ff;border-radius:20px;color:#1570cd;font-size:11.5px;font-weight:700;padding:2px 9px;white-space:nowrap}.crm-guidance.closed{background:#f8fafc;border-color:#e6e9ef;color:#475467}.crm-timer{border:1px solid;border-radius:14px;margin-top:14px;padding:15px 18px}.crm-timer.green{background:#f0fdf4;border-color:#bbf7d0}.crm-timer.amber{background:#fffbeb;border-color:#fde68a}.crm-timer.red{background:#fef3f2;border-color:#fda29b}.crm-timer .lead{color:#667085;font-size:12px}.crm-timer .big{font-size:20px;font-weight:800;margin-top:2px}.crm-timer.green .big{color:#087443}.crm-timer.amber .big{color:#b25e09}.crm-timer.red .big{color:#b42318}.crm-timer .sub{color:#667085;font-size:12px;margin-top:4px}.crm-dots{align-items:center;display:flex;gap:5px;margin-top:10px}.crm-dots .d{background:#e6e9ef;border-radius:50%;height:12px;width:12px}.crm-timer.green .crm-dots .d.on{background:#12b76a}.crm-timer.amber .crm-dots .d.on{background:#f79009}.crm-timer.red .crm-dots .d.on{background:#f04438}.crm-dots .lbl{color:#667085;font-size:12px;margin-right:6px}.crm-actstack{display:flex;flex-direction:column;gap:9px}.crm-actstack .btn{justify-content:flex-start;width:100%}.crm-mini-opp{align-items:center;background:#fff;border:1px solid #eef0f4;border-radius:9px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px;padding:8px 10px;transition:background .15s}.crm-mini-opp:hover{background:#f8fafc}.crm-call-row{align-items:center;border-bottom:1px solid #f4f6f9;display:flex;font-size:13px;gap:10px;padding:9px 0}.crm-call-row:last-child{border-bottom:none}.crm-opp-page{background:#f7f8fa;background:var(--crm-bg);padding-bottom:88px}.crm-hero{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);margin-bottom:16px;padding:20px 22px}.crm-hero-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.crm-hero h1{color:#1f2430;color:var(--crm-text);font-size:22px;font-weight:800;line-height:1.25;margin:0}.crm-hero-type{color:#6b7280;color:var(--crm-text-muted);font-size:13.5px;margin-top:3px}.crm-hero-pill{align-items:center;background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e0dffb;border-radius:8px;border-radius:var(--crm-radius-sm);color:#4f46e5;color:var(--crm-accent-strong);display:inline-flex;font-size:12.5px;font-weight:700;gap:6px;margin-top:10px;padding:4px 11px}.crm-hero-actions{display:flex;gap:8px;margin-right:auto}.crm-ghost-btn{align-items:center;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:9px;color:#374151;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:7px 12px;transition:background .15s,border-color .15s}.crm-ghost-btn:hover{background:#f9fafb;background:var(--crm-surface-hover);border-color:#dfe3e8;border-color:var(--crm-border-strong)}.crm-hero-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px}.crm-hero-meta .item{align-items:center;color:#374151;display:inline-flex;font-size:13px;gap:7px}.crm-hero-meta .item .lc{color:#9aa1ac}.crm-hero-meta .item b{color:#1f2430;color:var(--crm-text);font-weight:700}.crm-avatar{border-radius:50%;color:#fff;display:grid;flex:none;font-size:11px;font-weight:700;height:28px;place-items:center;width:28px}.crm-steps{display:flex;margin-top:2px;padding:8px 0 4px;position:relative}.crm-track{background:#e6e8ec;background:var(--crm-neutral-border);border-radius:2px;height:2px;left:12.5%;overflow:hidden;position:absolute;right:12.5%;top:21px;z-index:0}.crm-track-fill{background:#5b54d6;background:var(--crm-accent);border-radius:2px;height:100%;transition:width .4s ease}.crm-step2{flex:1 1;position:relative;text-align:center;z-index:1}.crm-node{background:#fff;background:var(--crm-surface);border:1.5px solid #dfe3ea;border-radius:50%;color:#98a2b3;color:var(--crm-text-faint);display:grid;font-size:14px;font-weight:700;height:40px;margin:0 auto;place-items:center;transition:all .18s;width:40px}.crm-node.done{background:#5b54d6;background:var(--crm-accent);border-color:#5b54d6;border-color:var(--crm-accent);color:#fff}.crm-node.here{border:2px solid #5b54d6;border:2px solid var(--crm-accent);box-shadow:0 0 0 4px #f2f2fb;box-shadow:0 0 0 4px var(--crm-accent-soft);color:#4f46e5;color:var(--crm-accent-strong)}.crm-node.next{border-style:dashed}.crm-step2 .lbl{color:#98a2b3;color:var(--crm-text-faint);font-size:12.5px;font-weight:600;margin-top:9px}.crm-step2.is-here .lbl{color:#1f2430;color:var(--crm-text);font-weight:700}.crm-step2.is-done .lbl{color:#475467;color:var(--crm-neutral-text)}.crm-cta{align-items:center;background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e6e5fb;border:1px solid var(--crm-accent-soft-border);border-radius:11px;color:#312e81;color:var(--crm-accent-ink);display:flex;font-size:14px;font-weight:600;gap:11px;margin-top:20px;padding:12px 15px}.crm-cta .ico{background:#e6e5fb;background:var(--crm-accent-soft-border);border-radius:8px;border-radius:var(--crm-radius-sm);color:#4f46e5;color:var(--crm-accent-strong);display:grid;flex:none;height:30px;place-items:center;width:30px}.crm-cta .tag{color:#4f46e5;color:var(--crm-accent-strong);display:block;font-size:11px;font-weight:700;letter-spacing:.2px;margin-bottom:1px}.crm-cta.closed{background:#f8fafc;border-color:#eaecef;border-color:var(--crm-border);color:#475467;color:var(--crm-neutral-text)}.crm-cta.closed .ico{background:#eef1f5;color:#64748b}.crm-timer2{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:12px;margin-top:14px;padding:15px 17px}.crm-timer2 .trow{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.crm-timer2 .lead{color:#6b7280;color:var(--crm-text-muted);font-size:12px;font-weight:600}.crm-timer2 .big{color:#1f2430;color:var(--crm-text);font-size:22px;font-weight:800;margin-top:2px}.crm-timer2 .sub{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px;line-height:1.6;margin-top:9px}.crm-upill{align-items:center;border:1px solid;border-radius:20px;border-radius:var(--crm-radius-pill);display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:3px 10px;white-space:nowrap}.crm-ubar{background:#eef0f3;border-radius:6px;height:6px;margin-top:12px;overflow:hidden}.crm-ubar>span{border-radius:6px;display:block;height:100%}.crm-dots2{align-items:center;display:flex;gap:6px;margin-top:12px}.crm-dots2 .lbl{color:#6b7280;color:var(--crm-text-muted);font-size:12px;font-weight:600;margin-left:4px}.crm-dots2 .dot{background:#e6e8ec;background:var(--crm-neutral-border);border-radius:50%;height:11px;width:11px}.crm-dots2 .dot.on{background:#5b54d6;background:var(--crm-accent)}.crm-card2{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);margin-bottom:16px;overflow:hidden}.crm-card2-head{align-items:center;border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);display:flex;gap:9px;padding:14px 18px}.crm-card2-head h3{color:#1f2430;color:var(--crm-text);font-size:14.5px;font-weight:700;margin:0}.crm-card2-head .hicon{background:#f4f5f7;background:var(--crm-neutral-bg);border-radius:7px;color:#7c8391;display:grid;flex:none;height:26px;place-items:center;width:26px}.crm-card2-head .count{color:#98a2b3;color:var(--crm-text-faint);font-size:12px;font-weight:600}.crm-card2-body{padding:18px}.crm-actstack2{display:flex;flex-direction:column;gap:9px}.crm-btn{align-items:center;border:1px solid #0000;border-radius:10px;border-radius:var(--crm-radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:8px;justify-content:flex-start;padding:10px 14px;transition:background .15s,border-color .15s,box-shadow .15s;width:100%}.crm-btn-primary{background:#4f46e5;background:var(--crm-accent-strong);color:#fff}.crm-btn-primary:hover{background:#4338ca;background:var(--crm-accent-hover)}.crm-btn-soft{background:#fff;background:var(--crm-surface);border-color:#eaecef;border-color:var(--crm-border);color:#374151}.crm-btn-soft:hover{background:#f9fafb;background:var(--crm-surface-hover);border-color:#dfe3e8;border-color:var(--crm-border-strong)}.crm-btn-rose{background:#fff;background:var(--crm-surface);border-color:#fbd3ce;color:#d92d20}.crm-btn-rose:hover{background:#fef3f2}.crm-btn-row{display:flex;gap:9px}.crm-btn-row .crm-btn{flex:1 1;justify-content:center}.crm-kv2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.crm-kv2 .k{color:#98a2b3;color:var(--crm-text-faint);display:block;font-size:11.5px;font-weight:600;margin-bottom:3px}.crm-kv2 .v{color:#1f2430;color:var(--crm-text);font-size:14px;font-weight:600}.crm-mini2{align-items:center;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:10px;border-radius:var(--crm-radius-md);cursor:pointer;display:flex;gap:8px;justify-content:space-between;margin-bottom:7px;padding:9px 11px;transition:background .15s}.crm-mini2:hover{background:#f9fafb;background:var(--crm-surface-hover)}.crm-call2{align-items:center;border-bottom:1px solid #f4f6f9;display:flex;font-size:13px;gap:10px;padding:10px 0}.crm-call2:last-child{border-bottom:none}.crm-call2 .cico{background:#f4f5f7;background:var(--crm-neutral-bg);border-radius:8px;border-radius:var(--crm-radius-sm);color:#7c8391;display:grid;flex:none;height:28px;place-items:center;width:28px}.crm-chat{display:flex;flex-direction:column;gap:13px;margin-bottom:14px;max-height:360px;overflow-y:auto;padding:2px}.crm-msg{align-items:flex-end;display:flex;gap:9px;max-width:88%}.crm-msg.mine{align-self:flex-end;flex-direction:row-reverse}.crm-msg .who{color:#98a2b3;color:var(--crm-text-faint);font-size:11px;font-weight:600;margin-bottom:4px}.crm-msg .bubble{border-radius:12px 12px 12px 3px;font-size:13.5px;line-height:1.7;padding:9px 13px;white-space:pre-wrap}.crm-msg.other .bubble{background:#f3f4f6;border:1px solid #eceef1;color:#1f2430;color:var(--crm-text)}.crm-msg.mine .bubble{background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e6e5fb;border:1px solid var(--crm-accent-soft-border);border-radius:12px 12px 3px 12px;color:#312e81;color:var(--crm-accent-ink)}.crm-chat-input{display:flex;gap:9px}.crm-send-btn{align-items:center;background:#4f46e5;background:var(--crm-accent-strong);border:none;border-radius:10px;border-radius:var(--crm-radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:0 15px}.crm-send-btn:hover{background:#4338ca;background:var(--crm-accent-hover)}.crm-send-btn:disabled{cursor:not-allowed;opacity:.5}.crm-revert-panel{background:#fff7f7;border:1px solid #fbd3ce;border-radius:11px;margin-top:13px;padding:14px}.crm-cmd-cols{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:360px minmax(0,1fr)}@media (max-width:1000px){.crm-cmd-cols{grid-template-columns:1fr}}.crm-calm,.crm-calm button,.crm-calm input,.crm-calm select,.crm-calm table,.crm-calm textarea{font-family:Tajawal,sans-serif}.crm-calm-page{background:#f7f8fa;background:var(--crm-bg);padding-bottom:88px}.crm-calm .page-title{color:#1f2430;color:var(--crm-text);font-size:21px;font-weight:800;line-height:1.3}.crm-calm .crm-page-sub{color:#6b7280;color:var(--crm-text-muted);font-size:13px;line-height:1.75}.crm-calm .crm-count{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px;font-weight:600}.crm-calm .crm-panel,.crm-calm .table-container{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);overflow:hidden}.crm-calm .crm-panel-head,.crm-calm .table-header{background:#fff;background:var(--crm-surface);border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);padding:14px 18px}.crm-calm .crm-panel-head,.crm-calm .table-title{color:#1f2430;color:var(--crm-text);font-size:14.5px;font-weight:700}.crm-calm .crm-panel-head.warn{background:#fffaeb;background:var(--crm-warn-bg);border-bottom-color:#fedf89;border-bottom-color:var(--crm-warn-border);color:#b54708;color:var(--crm-warn-text)}.crm-calm .data-table{border-collapse:collapse;width:100%}.crm-calm .data-table th{background:#fafbfc;background:var(--crm-surface-alt);border-bottom:1px solid #eaecef;border-bottom:1px solid var(--crm-border);color:#6b7280;color:var(--crm-text-muted);font-size:12.5px;font-weight:600;letter-spacing:.1px;padding:11px 16px;text-align:right;white-space:nowrap}.crm-calm .data-table td{border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);color:#1f2430;color:var(--crm-text);font-size:13.5px;padding:12px 16px}.crm-calm .data-table tbody tr{transition:background .15s}.crm-calm .data-table tbody tr:hover{background:#f9fafb;background:var(--crm-surface-hover)}.crm-calm .data-table tbody tr:last-child td{border-bottom:none}.crm-calm .crm-empty{color:#98a2b3;color:var(--crm-text-faint);font-size:13.5px;padding:40px;text-align:center}.crm-pill{border:1px solid #0000;border-radius:20px;border-radius:var(--crm-radius-pill);display:inline-block;font-family:Tajawal,sans-serif;font-size:11.5px;font-weight:600;line-height:1.7;padding:3px 10px;white-space:nowrap}.crm-pill-success{background:#ecfdf3;background:var(--crm-success-bg);border-color:#abefc6;border-color:var(--crm-success-border);color:#067647;color:var(--crm-success-text)}.crm-pill-warn{background:#fffaeb;background:var(--crm-warn-bg);border-color:#fedf89;border-color:var(--crm-warn-border);color:#b54708;color:var(--crm-warn-text)}.crm-pill-danger{background:#fef3f2;background:var(--crm-danger-bg);border-color:#fecdca;border-color:var(--crm-danger-border);color:#b42318;color:var(--crm-danger-text)}.crm-pill-info{background:#eef2ff;background:var(--crm-info-bg);border-color:#e0e7ff;border-color:var(--crm-info-border);color:#4338ca;color:var(--crm-info-text)}.crm-pill-neutral{background:#f4f5f7;background:var(--crm-neutral-bg);border-color:#e6e8ec;border-color:var(--crm-neutral-border);color:#475467;color:var(--crm-neutral-text)}.crm-pill-accent{border-color:#e6e5fb;border-color:var(--crm-accent-soft-border);color:#4f46e5;color:var(--crm-accent-strong)}.crm-pill-accent,.crm-pill-pending{background:#f2f2fb;background:var(--crm-accent-soft)}.crm-pill-pending{border-color:#5b54d6;border-color:var(--crm-accent);border-style:dashed;color:#312e81;color:var(--crm-accent-ink)}.crm-calm .badge{border:1px solid #0000;border-radius:20px;border-radius:var(--crm-radius-pill);display:inline-block;font-size:11.5px;font-weight:600;line-height:1.7;padding:3px 10px;white-space:nowrap}.crm-calm .badge-answered,.crm-calm .badge-callback-answered{background:#ecfdf3;background:var(--crm-success-bg);border-color:#abefc6;border-color:var(--crm-success-border);color:#067647;color:var(--crm-success-text)}.crm-calm .badge-callback-no-answer,.crm-calm .badge-missed{background:#fef3f2;background:var(--crm-danger-bg);border-color:#fecdca;border-color:var(--crm-danger-border);color:#b42318;color:var(--crm-danger-text)}.crm-calm .badge-abandoned,.crm-calm .badge-pending{background:#fffaeb;background:var(--crm-warn-bg);border-color:#fedf89;border-color:var(--crm-warn-border);color:#b54708;color:var(--crm-warn-text)}.crm-calm .badge-after-hours,.crm-calm .badge-retry{background:#eef2ff;background:var(--crm-info-bg);border-color:#e0e7ff;border-color:var(--crm-info-border);color:#4338ca;color:var(--crm-info-text)}.crm-calm .badge-voicemail{background:#f2f2fb;background:var(--crm-accent-soft);border-color:#e6e5fb;border-color:var(--crm-accent-soft-border);color:#4f46e5;color:var(--crm-accent-strong)}.crm-calm .badge-closed,.crm-calm .badge-not-required,.crm-calm .badge-queue{background:#f4f5f7;background:var(--crm-neutral-bg);border-color:#e6e8ec;border-color:var(--crm-neutral-border);color:#475467;color:var(--crm-neutral-text)}.crm-calm .auto-detected{background:#f4f5f7;background:var(--crm-neutral-bg);border:1px solid #e6e8ec;border:1px solid var(--crm-neutral-border);border-radius:20px;border-radius:var(--crm-radius-pill);color:#475467;color:var(--crm-neutral-text);font-size:11px;padding:2px 8px}.crm-calm .crm-by{color:#6b7280;color:var(--crm-text-muted);font-size:11px;margin-right:4px}.crm-calm .btn{border:1px solid #0000;border-radius:8px;border-radius:var(--crm-radius-sm);font-size:12.5px;font-weight:600;padding:7px 14px;transition:background .15s,border-color .15s,color .15s}.crm-calm .btn-sm{font-size:12px;padding:5px 11px}.crm-calm .btn-primary{background:#4f46e5;background:var(--crm-accent-strong);border-color:#4f46e5;border-color:var(--crm-accent-strong);color:#fff}.crm-calm .btn-primary:hover{background:#4338ca;background:var(--crm-accent-hover);border-color:#4338ca;border-color:var(--crm-accent-hover)}.crm-calm .btn-outline{background:#fff;background:var(--crm-surface);border-color:#eaecef;border-color:var(--crm-border);color:#1f2430;color:var(--crm-text)}.crm-calm .btn-outline:hover{background:#f9fafb;background:var(--crm-surface-hover);border-color:#dfe3e8;border-color:var(--crm-border-strong)}.crm-calm .btn-danger{background:#fef3f2;background:var(--crm-danger-bg);border-color:#fecdca;border-color:var(--crm-danger-border);color:#b42318;color:var(--crm-danger-text)}.crm-calm .btn-danger:hover{background:#fee4e2}.crm-calm .btn-warning{background:#fffaeb;background:var(--crm-warn-bg);border-color:#fedf89;border-color:var(--crm-warn-border);color:#b54708;color:var(--crm-warn-text)}.crm-calm .btn-warning:hover{background:#fef0c7}.crm-calm .btn-call,.crm-calm .btn-success{background:#ecfdf3;background:var(--crm-success-bg);border-color:#abefc6;border-color:var(--crm-success-border);color:#067647;color:var(--crm-success-text)}.crm-calm .btn-call:hover,.crm-calm .btn-success:hover{background:#d1fadf}.crm-calm .btn-call{border-radius:8px;border-radius:var(--crm-radius-sm);font-size:12px;padding:5px 10px}.crm-calm .filter-input,.crm-calm .filter-select{background:#fff;background:var(--crm-surface);border:1px solid #dfe3e8;border:1px solid var(--crm-border-strong);border-radius:8px;border-radius:var(--crm-radius-sm);color:#1f2430;color:var(--crm-text);font-size:12.5px;padding:7px 11px}.crm-calm .filter-input:focus,.crm-calm .filter-select:focus{border-color:#5b54d6;border-color:var(--crm-accent);box-shadow:0 0 0 3px #f2f2fb;box-shadow:0 0 0 3px var(--crm-accent-soft);outline:none}.crm-calm .crm-filterbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2);margin-bottom:16px;margin-bottom:var(--crm-space-4)}.crm-calm .crm-filterbar .lbl{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px}.crm-calm .pagination{padding:14px}.crm-calm .pagination button{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:8px;border-radius:var(--crm-radius-sm);color:#1f2430;color:var(--crm-text);font-size:12.5px;padding:6px 13px}.crm-calm .pagination button:not(:disabled):hover{background:#f9fafb;background:var(--crm-surface-hover);border-color:#dfe3e8;border-color:var(--crm-border-strong)}.crm-calm .crm-stats{grid-gap:16px;grid-gap:var(--crm-space-4);display:grid;gap:16px;gap:var(--crm-space-4);grid-template-columns:repeat(3,1fr);margin-bottom:24px;margin-bottom:var(--crm-space-6)}@media (max-width:900px){.crm-calm .crm-stats{grid-template-columns:1fr}}.crm-calm .crm-stat{align-items:center;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);display:flex;gap:12px;gap:var(--crm-space-3);padding:16px 18px}.crm-calm .crm-stat .ico{border-radius:10px;border-radius:var(--crm-radius-md);display:grid;flex:none;height:38px;place-items:center;width:38px}.crm-calm .crm-stat .lbl{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px;font-weight:600}.crm-calm .crm-stat .val{color:#1f2430;color:var(--crm-text);font-size:24px;font-weight:800;line-height:1.2}.crm-calm .crm-notice{border:1px solid #0000;border-radius:10px;border-radius:var(--crm-radius-md);font-size:13px;font-weight:600;margin-bottom:16px;margin-bottom:var(--crm-space-4);padding:10px 14px}.crm-calm .crm-notice.ok{background:#ecfdf3;background:var(--crm-success-bg);border-color:#abefc6;border-color:var(--crm-success-border);color:#067647;color:var(--crm-success-text)}.crm-calm .crm-notice.err{background:#fef3f2;background:var(--crm-danger-bg);border-color:#fecdca;border-color:var(--crm-danger-border);color:#b42318;color:var(--crm-danger-text)}.crm-calm .crm-tcard{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border-right:3px solid #5b54d6;border:1px solid var(--crm-border);border-radius:10px;border-radius:var(--crm-radius-md);border-right:3px solid var(--crm-accent);margin-bottom:12px;margin-bottom:var(--crm-space-3);padding:14px 16px;transition:border-color .15s,box-shadow .15s}.crm-calm .crm-tcard:hover{box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow)}.crm-calm .crm-tcard-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2);margin-bottom:8px;margin-bottom:var(--crm-space-2)}.crm-calm .crm-tcard-top b{color:#1f2430;color:var(--crm-text);font-size:14px}.crm-calm .crm-tcard-top .said{color:#6b7280;color:var(--crm-text-muted);font-size:13px}.crm-calm .crm-tcard-when{color:#98a2b3;color:var(--crm-text-faint);font-size:11.5px}.crm-calm .crm-tcard-note{background:#fafbfc;background:var(--crm-surface-alt);border:1px solid #f2f3f5;border:1px solid var(--crm-border-soft);border-radius:8px;border-radius:var(--crm-radius-sm);color:#1f2430;color:var(--crm-text);font-size:13.5px;line-height:1.75;padding:10px 12px;white-space:pre-wrap}.crm-calm .crm-tcard-foot{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2);margin-top:10px}.crm-calm .crm-spacer{flex:1 1}.crm-calm .data-table tbody tr.crm-row-locked{background:#fffaeb;background:var(--crm-warn-bg)}.crm-calm .data-table tbody tr.crm-row-locked:hover{background:#fef0c7}.crm-calm .crm-kpis{grid-gap:12px;grid-gap:var(--crm-space-3);display:grid;gap:12px;gap:var(--crm-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px;margin-bottom:var(--crm-space-4)}.crm-calm .crm-kpi{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);padding:14px;text-align:center}.crm-calm .crm-kpi .n{color:#1f2430;color:var(--crm-text);font-size:23px;font-weight:800;line-height:1.2}.crm-calm .crm-kpi .n.accent{color:#4f46e5;color:var(--crm-accent-strong)}.crm-calm .crm-kpi .n.warn{color:#b54708;color:var(--crm-warn-text)}.crm-calm .crm-kpi .n.danger{color:#b42318;color:var(--crm-danger-text)}.crm-calm .crm-kpi .n.success{color:#067647;color:var(--crm-success-text)}.crm-calm .crm-kpi .n.mute{color:#98a2b3;color:var(--crm-text-faint)}.crm-calm .crm-kpi .l{color:#6b7280;color:var(--crm-text-muted);font-size:12px;margin-top:3px}.crm-calm .crm-toolbar{align-items:center;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2);margin-bottom:16px;margin-bottom:var(--crm-space-4);padding:12px}.crm-calm .crm-kan{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.crm-calm .crm-kan-col{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);overflow:hidden}.crm-calm .crm-kan-head{align-items:center;border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);display:flex;gap:8px;gap:var(--crm-space-2);padding:12px 14px}.crm-calm .crm-kan-head .nm{color:#1f2430;color:var(--crm-text);font-size:13.5px;font-weight:700}.crm-calm .crm-kan-head .rail{background:#eaecef;background:var(--crm-border);border-radius:3px;flex:1 1;height:3px}.crm-calm .crm-kan-col.s-new .rail{background:#4338ca;background:var(--crm-info-text)}.crm-calm .crm-kan-col.s-offer_sent .rail{background:#b54708;background:var(--crm-warn-text)}.crm-calm .crm-kan-col.s-serious .rail{background:#5b54d6;background:var(--crm-accent)}.crm-calm .crm-kan-col.s-contracted .rail{background:#067647;background:var(--crm-success-text)}.crm-calm .crm-kan-body{background:#f7f8fa;background:var(--crm-bg);min-height:120px;padding:12px}.crm-calm .crm-kan-empty{color:#98a2b3;color:var(--crm-text-faint);font-size:12px;padding:18px;text-align:center}.crm-calm .crm-kan-closed{grid-gap:12px;grid-gap:var(--crm-space-3);display:grid;gap:12px;gap:var(--crm-space-3);grid-template-columns:repeat(auto-fill,minmax(258px,1fr));margin-top:12px;margin-top:var(--crm-space-3)}.crm-calm .crm-oppcard{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:10px;border-radius:var(--crm-radius-md);box-shadow:0 1px 2px #10182808;box-shadow:var(--crm-shadow-sm);cursor:pointer;margin-bottom:10px;padding:12px;transition:box-shadow .15s,border-color .15s}.crm-calm .crm-oppcard:hover{border-color:#dfe3e8;border-color:var(--crm-border-strong);box-shadow:0 2px 8px #10182812;box-shadow:var(--crm-shadow-hover)}.crm-calm .crm-oppcard.attn{border-right:3px solid #fedf89;border-right:3px solid var(--crm-warn-border)}.crm-calm .crm-oppcard .ttl{color:#1f2430;color:var(--crm-text);font-size:13.5px;font-weight:700;margin-bottom:2px}.crm-calm .crm-oppcard .who{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px}.crm-calm .crm-oppcard .ph{color:#98a2b3;color:var(--crm-text-faint);direction:ltr;display:inline-block;font-size:11px}.crm-calm .crm-oppcard .det{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--crm-text-muted);display:-webkit-box;font-size:12px;line-height:1.6;margin-top:6px;overflow:hidden}.crm-calm .crm-oppcard .meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.crm-calm .data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.crm-calm .data-table th.sortable:hover{color:#1f2430;color:var(--crm-text)}.crm-calm .data-table tbody tr.crm-rowlink{cursor:pointer}.crm-calm .crm-tabs{border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);display:flex;flex-wrap:wrap}.crm-calm .crm-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--crm-text-muted);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;padding:12px 18px;transition:color .15s,border-color .15s}.crm-calm .crm-tab:hover{color:#1f2430;color:var(--crm-text)}.crm-calm .crm-tab.on{border-bottom-color:#4f46e5;border-bottom-color:var(--crm-accent-strong);color:#4f46e5;color:var(--crm-accent-strong);font-weight:700}.crm-calm .crm-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.crm-calm .crm-form-grid .full{grid-column:1/-1}@media (max-width:700px){.crm-calm .crm-form-grid{grid-template-columns:1fr}}.crm-calm .crm-field label{color:#6b7280;color:var(--crm-text-muted);display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}.crm-calm .crm-oldcontact{background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e6e5fb;border:1px solid var(--crm-accent-soft-border);border-radius:10px;border-radius:var(--crm-radius-md);margin-bottom:16px;margin-bottom:var(--crm-space-4);padding:12px 14px}.crm-calm .crm-oldcontact .h{color:#312e81;color:var(--crm-accent-ink);font-size:13px;font-weight:700;margin-bottom:6px}.crm-calm .crm-oldcontact .row{color:#1f2430;color:var(--crm-text);display:flex;flex-wrap:wrap;font-size:13px;gap:18px}.crm-calm .crm-oldcontact .note{color:#1f2430;color:var(--crm-text);font-size:13px;margin-top:6px;white-space:pre-wrap}.crm-calm .crm-oldcontact .acts{display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2);margin-top:10px}.crm-calm .crm-oldcontact .fine{color:#6b7280;color:var(--crm-text-muted);font-size:11.5px;margin-top:8px}.crm-calm .crm-softwarn{background:#fffaeb;background:var(--crm-warn-bg);border:1px solid #fedf89;border:1px solid var(--crm-warn-border);border-radius:8px;border-radius:var(--crm-radius-sm);color:#b54708;color:var(--crm-warn-text);font-size:13px;margin-bottom:14px;padding:10px 12px}.crm-calm .crm-callrow{align-items:center;border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);display:flex;gap:12px;gap:var(--crm-space-3);padding:10px 0}.crm-calm .crm-callrow:last-child{border-bottom:none}.crm-calm .crm-callrow .dir{border-radius:8px;border-radius:var(--crm-radius-sm);display:grid;flex:none;font-size:14px;height:28px;place-items:center;width:28px}.crm-calm .crm-callrow .dir.in{background:#ecfdf3;background:var(--crm-success-bg);color:#067647;color:var(--crm-success-text)}.crm-calm .crm-callrow .dir.out{background:#f2f2fb;background:var(--crm-accent-soft);color:#4f46e5;color:var(--crm-accent-strong)}.crm-calm .crm-callrow .t{color:#1f2430;color:var(--crm-text);font-size:13.5px;font-weight:600}.crm-calm .crm-callrow .s{color:#6b7280;color:var(--crm-text-muted);font-size:12px}.crm-calm .crm-callrow .when{color:#98a2b3;color:var(--crm-text-faint);font-size:12px;text-align:left}.crm-calm .crm-muted{color:#6b7280;color:var(--crm-text-muted)}.crm-calm .crm-faint{color:#98a2b3;color:var(--crm-text-faint)}.crm-calm .crm-txt-danger{color:#b42318;color:var(--crm-danger-text)}.crm-calm .crm-txt-success{color:#067647;color:var(--crm-success-text)}.crm-calm .crm-searchico{color:#98a2b3;color:var(--crm-text-faint);position:absolute;right:10px;top:9px}.crm-calm .crm-statgrid{grid-gap:12px;grid-gap:var(--crm-space-3);display:grid;gap:12px;gap:var(--crm-space-3);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:16px;margin-bottom:var(--crm-space-4)}.crm-calm .crm-statcard{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);padding:16px 18px}.crm-calm .crm-statcard .ico{border-radius:10px;border-radius:var(--crm-radius-md);display:grid;font-size:16px;height:34px;margin-bottom:10px;place-items:center;width:34px}.crm-calm .crm-statcard .ico.accent{background:#f2f2fb;background:var(--crm-accent-soft);color:#4f46e5;color:var(--crm-accent-strong)}.crm-calm .crm-statcard .ico.success{background:#ecfdf3;background:var(--crm-success-bg);color:#067647;color:var(--crm-success-text)}.crm-calm .crm-statcard .ico.warn{background:#fffaeb;background:var(--crm-warn-bg);color:#b54708;color:var(--crm-warn-text)}.crm-calm .crm-statcard .ico.danger{background:#fef3f2;background:var(--crm-danger-bg);color:#b42318;color:var(--crm-danger-text)}.crm-calm .crm-statcard .ico.info{background:#eef2ff;background:var(--crm-info-bg);color:#4338ca;color:var(--crm-info-text)}.crm-calm .crm-statcard .ico.neutral{background:#f4f5f7;background:var(--crm-neutral-bg);color:#475467;color:var(--crm-neutral-text)}.crm-calm .crm-statcard .val{color:#1f2430;color:var(--crm-text);font-size:25px;font-weight:800;line-height:1.15}.crm-calm .crm-statcard .lbl{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px;margin-top:3px}.crm-calm .crm-section-title{color:#1f2430;color:var(--crm-text);font-size:14.5px;font-weight:700;margin:24px 0 12px;margin:var(--crm-space-6) 0 var(--crm-space-3)}.crm-calm .crm-chartgrid{grid-gap:16px;grid-gap:var(--crm-space-4);display:grid;gap:16px;gap:var(--crm-space-4);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px;margin-bottom:var(--crm-space-6)}.crm-calm .crm-chartcard{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);padding:18px}.crm-calm .crm-chartcard>h3{color:#1f2430;color:var(--crm-text);font-size:14.5px;font-weight:700;margin:0 0 16px;margin:0 0 var(--crm-space-4)}.crm-calm .crm-chartlegend{font-size:13px;width:50%}.crm-calm .crm-chartlegend .row{align-items:center;color:#1f2430;color:var(--crm-text);display:flex;gap:8px;gap:var(--crm-space-2);margin-bottom:8px;margin-bottom:var(--crm-space-2)}.crm-calm .crm-chartlegend .sw{border-radius:3px;flex-shrink:0;height:12px;width:12px}.crm-calm .crm-chartlegend .nm{flex:1 1}.crm-calm .crm-chartlegend b{color:#1f2430;color:var(--crm-text);font-weight:700}.crm-calm .crm-alert{align-items:center;background:#fef3f2;background:var(--crm-danger-bg);border:1px solid #fecdca;border:1px solid var(--crm-danger-border);border-radius:10px;border-radius:var(--crm-radius-md);color:#b42318;color:var(--crm-danger-text);font-size:13.5px;font-weight:600;gap:12px;gap:var(--crm-space-3);justify-content:space-between;padding:12px 16px}.crm-calm .crm-adminbar,.crm-calm .crm-alert{display:flex;margin-bottom:16px;margin-bottom:var(--crm-space-4)}.crm-calm .crm-adminbar{border-bottom:1px solid #eaecef;border-bottom:1px solid var(--crm-border);flex-wrap:wrap;gap:2px}.crm-calm .crm-inlineform{align-items:center;border-bottom:1px solid #f2f3f5;border-bottom:1px solid var(--crm-border-soft);display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2);padding:14px 16px}.crm-calm .crm-cardfoot{border-top:1px solid #f2f3f5;border-top:1px solid var(--crm-border-soft);padding:14px 16px}.crm-calm .crm-cardnote{color:#6b7280;color:var(--crm-text-muted);font-size:13px;padding:12px 16px}.crm-calm .crm-cardnote b{color:#1f2430;color:var(--crm-text);font-size:17px;font-weight:800}.crm-calm .crm-chip{align-items:center;background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e6e5fb;border:1px solid var(--crm-accent-soft-border);border-radius:20px;border-radius:var(--crm-radius-pill);color:#4f46e5;color:var(--crm-accent-strong);display:inline-flex;font-size:11.5px;font-weight:600;gap:2px;line-height:1.7;margin-left:6px;padding:3px 10px}.crm-calm .crm-chip .x{background:none;border:none;color:#b42318;color:var(--crm-danger-text);cursor:pointer;font-family:inherit;font-size:13px;line-height:1;padding:0 0 0 2px}.crm-calm .crm-modal-note,.crm-modal-note{color:#6b7280;color:var(--crm-text-muted);font-size:13px;line-height:1.75}.crm-modal-label{color:#6b7280;color:var(--crm-text-muted);display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}.crm-modal-err{color:#b42318;color:var(--crm-danger-text);font-size:13px;font-weight:600;margin-bottom:10px}.crm-modal-phone{background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e6e5fb;border:1px solid var(--crm-accent-soft-border);border-radius:8px;border-radius:var(--crm-radius-sm);margin-bottom:16px;margin-bottom:var(--crm-space-4);padding:12px}.crm-modal-phone .num{color:#312e81;color:var(--crm-accent-ink);direction:ltr;font-weight:700;text-align:right}.crm-modal-phone .sub{color:#6b7280;color:var(--crm-text-muted);font-size:12px;margin-top:3px}.crm-modal-active{background:#fffaeb;background:var(--crm-warn-bg);border:1px solid #fedf89;border:1px solid var(--crm-warn-border);border-radius:8px;border-radius:var(--crm-radius-sm);margin-bottom:16px;margin-bottom:var(--crm-space-4);padding:12px}.crm-modal-active .h{color:#b54708;color:var(--crm-warn-text);font-size:13px;font-weight:700;margin-bottom:6px}.crm-modal-active .row{align-items:center;display:flex;gap:8px;gap:var(--crm-space-2);margin-bottom:4px}.crm-modal-active .fine{color:#b54708;color:var(--crm-warn-text);font-size:12px;margin-top:6px}.crm-gate{margin:0 auto;max-width:780px}.crm-gate-card{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:14px;border-radius:var(--crm-radius);box-shadow:0 1px 2px #1018280a;box-shadow:var(--crm-shadow);padding:24px;padding:var(--crm-space-6)}.crm-gate-head{margin-bottom:20px;margin-bottom:var(--crm-space-5);text-align:center}.crm-gate-head .crm-pill{margin-bottom:12px;margin-bottom:var(--crm-space-3)}.crm-gate-head h1{color:#1f2430;color:var(--crm-text);font-size:21px;font-weight:700;margin:0 0 8px;margin:0 0 var(--crm-space-2)}.crm-gate-head p{color:#6b7280;color:var(--crm-text-muted);font-size:13.5px;line-height:1.8;margin:0;margin-inline:auto;max-width:520px}.crm-gate-ctx{grid-gap:16px;grid-gap:var(--crm-space-4);background:#fafbfc;background:var(--crm-surface-alt);border:1px solid #f2f3f5;border:1px solid var(--crm-border-soft);border-radius:10px;border-radius:var(--crm-radius-md);display:grid;gap:16px;gap:var(--crm-space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;margin-bottom:var(--crm-space-5);padding:16px;padding:var(--crm-space-4)}.crm-gate-ctx .k{color:#98a2b3;color:var(--crm-text-faint);display:block;font-size:11.5px;font-weight:600;margin-bottom:3px}.crm-gate-ctx .v{color:#1f2430;color:var(--crm-text);font-size:13.5px;font-weight:600}.crm-gate-ctx .v.ltr{direction:ltr;text-align:right}.crm-gate-grid{grid-gap:12px;grid-gap:var(--crm-space-3);display:grid;gap:12px;gap:var(--crm-space-3);grid-template-columns:1fr 1fr}.crm-gate-choice{align-items:flex-start;background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:10px;border-radius:var(--crm-radius-md);color:#1f2430;color:var(--crm-text);cursor:pointer;display:flex;flex-direction:column;font-family:Tajawal,sans-serif;gap:4px;padding:16px;padding:var(--crm-space-4);text-align:right;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;width:100%}.crm-gate-choice:hover:not(:disabled){background:#f9fafb;background:var(--crm-surface-hover);border-color:#dfe3e8;border-color:var(--crm-border-strong);box-shadow:0 2px 8px #10182812;box-shadow:var(--crm-shadow-hover)}.crm-gate-choice:disabled{cursor:not-allowed;opacity:.55}.crm-gate-choice .lbl{font-size:15px;font-weight:700}.crm-gate-choice .hint{color:#6b7280;color:var(--crm-text-muted);font-size:12px;line-height:1.65}.crm-gate-choice .tag{color:#98a2b3;color:var(--crm-text-faint);font-size:10.5px;font-weight:700;margin-top:2px}.crm-gate-choice.is-real{background:#f2f2fb;background:var(--crm-accent-soft);border-color:#e6e5fb;border-color:var(--crm-accent-soft-border)}.crm-gate-choice.is-real:hover:not(:disabled){background:#f2f2fb;background:var(--crm-accent-soft);border-color:#5b54d6;border-color:var(--crm-accent)}.crm-gate-choice.is-real .lbl{color:#312e81;color:var(--crm-accent-ink)}.crm-gate-foot{align-items:center;border-top:1px solid #f2f3f5;border-top:1px solid var(--crm-border-soft);display:flex;gap:12px;gap:var(--crm-space-3);margin-top:20px;margin-top:var(--crm-space-5);padding-top:16px;padding-top:var(--crm-space-4)}.crm-gate-note{color:#98a2b3;color:var(--crm-text-faint);font-size:12px;line-height:1.7}.crm-gate-locked{background:#fffaeb;background:var(--crm-warn-bg);border:1px solid #fedf89;border:1px solid var(--crm-warn-border);border-radius:10px;border-radius:var(--crm-radius-md);color:#b54708;color:var(--crm-warn-text);font-size:13px;font-weight:600;line-height:1.75}.crm-gate-locked,.crm-pending-strip{padding:16px;padding:var(--crm-space-4)}.crm-pending-strip{background:#f2f2fb;background:var(--crm-accent-soft);border:1px solid #e6e5fb;border:1px solid var(--crm-accent-soft-border);border-radius:14px;border-radius:var(--crm-radius);margin-bottom:16px;margin-bottom:var(--crm-space-4)}.crm-pending-strip .sh{align-items:center;display:flex;gap:8px;gap:var(--crm-space-2);margin-bottom:12px;margin-bottom:var(--crm-space-3)}.crm-pending-strip .sh h3{color:#312e81;color:var(--crm-accent-ink);font-size:14px;font-weight:700;margin:0}.crm-pending-strip .sh .sub{color:#6b7280;color:var(--crm-text-muted);font-size:12px}.crm-pending-cards{display:flex;flex-wrap:wrap;gap:8px;gap:var(--crm-space-2)}.crm-classbox{grid-gap:12px;grid-gap:var(--crm-space-3);display:grid;gap:12px;gap:var(--crm-space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.crm-classbox .cell{background:#fff;background:var(--crm-surface);border:1px solid #eaecef;border:1px solid var(--crm-border);border-radius:10px;border-radius:var(--crm-radius-md);padding:16px;padding:var(--crm-space-4)}.crm-classbox .cell .n{color:#1f2430;color:var(--crm-text);font-size:24px;font-weight:700;line-height:1.3}.crm-classbox .cell .l{color:#6b7280;color:var(--crm-text-muted);font-size:12.5px;margin-top:2px}.crm-classbox .cell.real .n{color:#067647;color:var(--crm-success-text)}.crm-classbox .cell.pending .n{color:#4f46e5;color:var(--crm-accent-strong)}.crm-flash{background:#ecfdf3;background:var(--crm-success-bg);border:1px solid #abefc6;border:1px solid var(--crm-success-border);border-radius:10px;border-radius:var(--crm-radius-md);color:#067647;color:var(--crm-success-text);font-size:13px;font-weight:600;margin-bottom:16px;margin-bottom:var(--crm-space-4);padding:11px 15px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;color:#1a1a2e;direction:rtl;font-family:Tajawal,sans-serif}.app{display:flex;min-height:100vh}.sidebar{background:var(--crm-surface);border-left:1px solid var(--crm-border);color:var(--crm-text);display:flex;flex-direction:column;height:100vh;padding:0;position:fixed;right:0;top:0;transition:all .3s;width:260px;z-index:100}.sidebar-logo{border-bottom:1px solid var(--crm-border-soft);padding:22px 20px;text-align:center}.sidebar-logo h1{color:var(--crm-accent-strong);font-size:19px;font-weight:800;letter-spacing:.2px}.sidebar-logo span{color:var(--crm-text-faint);font-size:11.5px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 10px}.nav-item{align-items:center;background:none;border:none;border-radius:var(--crm-radius-sm);color:var(--crm-text-muted);cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:13.5px;font-weight:600;gap:11px;margin-bottom:3px;padding:10px 12px;text-align:right;text-decoration:none;transition:background .15s,color .15s;width:100%}.nav-item:hover{background:var(--crm-surface-hover);color:var(--crm-text)}.nav-item.active{background:var(--crm-accent-soft);color:var(--crm-accent-strong);font-weight:700}.nav-item .icon{align-items:center;color:var(--crm-text-faint);display:flex;flex:none;font-size:17px;justify-content:center;width:20px}.nav-item:hover .icon{color:var(--crm-text-muted)}.nav-badge,.nav-item.active .icon{color:var(--crm-accent-strong)}.nav-badge{background:var(--crm-accent-soft);border:1px solid var(--crm-accent-soft-border);border-radius:var(--crm-radius-pill);font-size:11px;font-weight:700;line-height:1.7;margin-right:auto;min-width:20px;padding:1px 7px;text-align:center}.nav-item.active .nav-badge{background:var(--crm-surface);border-color:var(--crm-accent-soft-border)}.sidebar-footer{border-top:1px solid var(--crm-border-soft);padding:14px 16px}.user-info{gap:10px;margin-bottom:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:var(--crm-accent-soft);border-radius:50%;color:var(--crm-accent-strong);flex:none;font-size:13.5px;font-weight:700;height:34px;justify-content:center;width:34px}.user-name{color:var(--crm-text);font-size:13.5px;font-weight:600}.user-role{color:var(--crm-text-faint);font-size:11px}.logout-btn{background:var(--crm-surface);border:1px solid var(--crm-border);border-radius:var(--crm-radius-sm);color:var(--crm-text-muted);cursor:pointer;font-family:Tajawal,sans-serif;font-size:12.5px;font-weight:600;padding:8px;transition:background .15s,color .15s,border-color .15s;width:100%}.logout-btn:hover{background:var(--crm-danger-bg);border-color:var(--crm-danger-border);color:var(--crm-danger-text)}.main-content{flex:1 1;margin-right:260px;min-height:100vh;padding:24px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-title{color:#1a1a2e;font-size:24px;font-weight:700}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;font-size:22px;height:44px;justify-content:center;margin-bottom:12px;width:44px}.stat-card .stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:#666;font-size:13px}.stat-blue{background:#e3f2fd;color:#1976d2}.stat-green{background:#e8f5e9;color:#388e3c}.stat-red{background:#fce4ec;color:#d32f2f}.stat-orange{background:#fff3e0;color:#f57c00}.stat-purple{background:#f3e5f5;color:#7b1fa2}.stat-teal{background:#e0f2f1;color:#00796b}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}.table-title{font-size:16px;font-weight:700}.table-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filter-input,.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;direction:rtl;font-family:Tajawal,sans-serif;font-size:13px;padding:8px 12px}.filter-input{width:200px}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #eee;color:#555;font-size:13px;font-weight:600;padding:12px 16px;text-align:right;white-space:nowrap}.data-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px}.data-table tr:hover{background:#f8f9fa}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.badge-answered{background:#e8f5e9;color:#2e7d32}.badge-missed{background:#fce4ec;color:#c62828}.badge-abandoned{background:#fff3e0;color:#e65100}.badge-after-hours{background:#e8eaf6;color:#283593}.badge-voicemail{background:#f3e5f5;color:#6a1b9a}.badge-pending{background:#fff3e0;color:#e65100}.badge-callback-answered{background:#e8f5e9;color:#2e7d32}.badge-callback-no-answer{background:#fce4ec;color:#c62828}.badge-retry{background:#e3f2fd;color:#1565c0}.badge-closed{background:#f5f5f5;color:#616161}.badge-not-required{background:#f5f5f5;color:#9e9e9e}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Tajawal,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover{background:#1565c0}.btn-success{background:#388e3c;color:#fff}.btn-success:hover{background:#2e7d32}.btn-danger{background:#d32f2f;color:#fff}.btn-danger:hover{background:#c62828}.btn-warning{background:#f57c00;color:#fff}.btn-warning:hover{background:#e65100}.btn-outline{background:#0000;border:1px solid #1976d2;color:#1976d2}.btn-outline:hover{background:#e3f2fd}.btn-call,.btn-sm{font-size:12px;padding:5px 10px}.btn-call{background:#388e3c;border-radius:6px;color:#fff}.btn-call:hover{background:#2e7d32}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:16px;max-height:85vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:4px}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;direction:rtl;font-family:Tajawal,sans-serif;font-size:14px;padding:10px 12px;width:100%}.form-group textarea{min-height:80px;resize:vertical}.alert-banner{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff5252,#d32f2f);border-radius:10px;color:#fff;display:flex;font-size:14px;gap:10px;margin-bottom:16px;padding:12px 20px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:24px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.chart-card h3{color:#333;font-size:15px;margin-bottom:16px}.login-page{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;width:100%}.login-card h1{color:#1a1a2e;font-size:28px;margin-bottom:8px;text-align:center}.login-card .subtitle{color:#666;font-size:14px;margin-bottom:32px;text-align:center}.login-card .form-group input{font-size:15px;padding:12px 16px}.login-card .btn-primary{border-radius:10px;font-size:16px;font-weight:600;padding:12px;width:100%}.login-error{color:#d32f2f;font-size:14px;margin-bottom:16px;text-align:center}.pagination{align-items:center;display:flex;gap:8px;justify-content:center;padding:16px}.pagination button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:13px;padding:6px 12px}.pagination button.active{background:#1976d2;border-color:#1976d2;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.react-datepicker-wrapper{width:auto}.date-range{align-items:center;display:flex;gap:8px}.date-range input{border:1px solid #ddd;border-radius:8px;font-family:Tajawal,sans-serif;font-size:13px;padding:8px 12px;width:130px}@media (max-width:768px){.sidebar{overflow:hidden;width:60px}.nav-item span:not(.icon),.sidebar-footer .logout-btn span,.sidebar-footer .user-info,.sidebar-logo h1,.sidebar-logo span{display:none}.nav-item{justify-content:center;padding:12px}.main-content{margin-right:60px;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}.timeline{padding:16px 0}.timeline-item{border-right:2px solid #e0e0e0;display:flex;gap:12px;margin-right:12px;padding:12px 20px 12px 0;position:relative}.timeline-item:before{background:#1976d2;border-radius:50%;content:"";height:10px;position:absolute;right:-6px;top:16px;width:10px}.timeline-item.inbound:before{background:#1976d2}.timeline-item.outbound:before{background:#388e3c}.timeline-content{flex:1 1}.timeline-time{color:#999;font-size:12px}.timeline-detail{font-size:14px;margin-top:4px}.auto-detected{align-items:center;background:#e8f5e9;border-radius:12px;color:#2e7d32;display:inline-flex;font-size:11px;gap:4px;padding:2px 8px}.sla-met{color:#2e7d32}.sla-missed{color:#d32f2f}
/*# sourceMappingURL=main.eaa5a98b.css.map*/