:root{--ui-bg:#f4f6fa;--ui-surface:#fff;--ui-soft:#edf2f9;--ui-raised:#fff;--ui-text:#17243a;--ui-muted:#52647a;--ui-line:#d6e0ed;--ui-link:#1d4ed8;--ui-primary:#1d4ed8;--ui-selected:#e8f0ff;--ui-focus:#2563eb;--ui-green-bg:#e3f5ec;--ui-green:#116342;--ui-amber-bg:#fff1d6;--ui-amber:#79500c;--ui-red-bg:#ffe7eb;--ui-red:#a0243b}.dark{--ui-bg:#0e1624;--ui-surface:#172334;--ui-soft:#121d2e;--ui-raised:#1d2c41;--ui-text:#edf2fb;--ui-muted:#b1bfd2;--ui-line:#35465f;--ui-link:#a4c5ff;--ui-primary:#285ecf;--ui-selected:#223d63;--ui-focus:#a4c5ff;--ui-green-bg:#153e32;--ui-green:#9de6c1;--ui-amber-bg:#42341e;--ui-amber:#ffda92;--ui-red-bg:#482735;--ui-red:#ffb7c5}body{font-family:var(--font-arabic),system-ui,sans-serif}.agency-shell,body{background:var(--ui-bg);color:var(--ui-text)}.agency-shell{font-size:16px;line-height:1.75}.agency-content{max-width:1680px}.agency-shell :is(h1,h2,h3,h4){line-height:1.55;font-weight:700;letter-spacing:0}.agency-shell h1{font-size:clamp(25px,2.1vw,32px)}.agency-shell h2{font-size:22px}.agency-shell h3{font-size:18px}.agency-shell :is(.text-xs,.text-\[10px\],.text-\[11px\],.text-\[8px\],.text-\[9px\]){font-size:13px;line-height:1.65}.agency-shell .text-sm{font-size:15px;line-height:1.7}.agency-shell :is(input,select,textarea,button){font-family:inherit}.agency-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:15px;min-height:44px}.agency-shell :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.agency-shell button:disabled{cursor:not-allowed}.agency-shell button:not(:disabled),.agency-shell summary{cursor:pointer}.agency-shell input::placeholder,.agency-shell textarea::placeholder{color:var(--ui-muted);opacity:1}.agency-shell :is(.bg-white,.dark\:bg-zinc-900,.dark\:bg-zinc-800){background-color:var(--ui-surface);color:var(--ui-text)}.agency-shell :is(.bg-gray-50,.bg-gray-100,.bg-zinc-50,.bg-zinc-100,.dark\:bg-zinc-900\/50,.dark\:bg-zinc-800\/50){background-color:var(--ui-soft)}.agency-shell :is(.text-gray-900,.text-gray-800,.text-gray-700,.text-zinc-900,.text-zinc-800,.dark\:text-white,.dark\:text-gray-200,.dark\:text-gray-300){color:var(--ui-text)}.agency-shell :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-zinc-400,.text-zinc-500,.text-zinc-600,.dark\:text-gray-400,.dark\:text-zinc-400){color:var(--ui-muted)}.agency-shell :is(.border-gray-100,.border-gray-200,.border-zinc-200,.dark\:border-zinc-700,.dark\:border-zinc-800){border-color:var(--ui-line)}.agency-shell :is(.text-indigo-600,.text-blue-600,.dark\:text-indigo-400,.dark\:text-blue-400){color:var(--ui-link)}.agency-shell :is(.bg-indigo-600,.bg-blue-600){background:var(--ui-primary);color:#fff}.agency-shell :is(.bg-indigo-50,.bg-blue-50){background:var(--ui-selected);color:var(--ui-link)}.agency-header{background:var(--ui-surface);border-color:var(--ui-line);min-height:72px;flex-shrink:0;padding-inline:24px}.agency-header button{min-width:44px;min-height:44px;align-items:center;justify-content:center}.agency-header>div:last-child{gap:10px}.agency-sidebar{background:var(--ui-surface);border-color:var(--ui-line);width:250px}.agency-sidebar>div{height:72px;border-color:var(--ui-line)}.agency-sidebar nav{padding:16px 12px;margin-top:0}.agency-sidebar nav a{min-height:48px;font-size:15px;border:1px solid transparent;gap:12px;margin:4px 0;border-radius:10px;color:var(--ui-muted)}.agency-sidebar nav a svg{color:inherit;flex-shrink:0}.agency-sidebar nav a:hover{background:var(--ui-soft);color:var(--ui-text)}.agency-sidebar nav a[aria-current=page]{background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-line);font-weight:700;box-shadow:inset -3px 0 var(--ui-link)}.agency-skip{position:fixed;top:-90px;right:20px;background:var(--ui-surface);color:var(--ui-link);border:2px solid var(--ui-link);padding:12px 20px;z-index:100;border-radius:10px}.agency-skip:focus{top:10px}.agency-shell .crm-workspace{--crm-bg:var(--ui-bg);--crm-card:var(--ui-surface);--crm-line:var(--ui-line);--crm-border:var(--ui-line);--crm-text:var(--ui-text);--crm-muted:var(--ui-muted);--crm-blue:var(--ui-link);padding:0;background:transparent;color:var(--ui-text);font-size:16px;min-height:calc(100dvh - 140px)}.agency-shell .crm-workspace :is(h1,h2,h3){font-weight:700}.agency-shell .crm-workspace h1{font-size:clamp(25px,2.1vw,32px)}.agency-shell .crm-page-head{margin-bottom:24px;gap:18px}.agency-shell .crm-page-head>div>p{font-size:14px;margin-top:6px}.agency-shell .crm-workspace .crm-eyebrow{font-size:13px;letter-spacing:.3px;color:var(--ui-link);margin:0 0 4px}.agency-shell :is(.crm-btn,.crm-icon-btn,.billing-btn){min-height:44px;font-size:15px;border-radius:10px;font-weight:600}.agency-shell .crm-btn{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}.agency-shell :is(.crm-btn.secondary,.crm-icon-btn){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.agency-shell :is(.crm-btn.secondary,.crm-icon-btn):hover{background:var(--ui-soft);border-color:var(--ui-link)}.agency-shell .crm-btn.success{background:#116b48;border-color:#116b48}.agency-shell :is(.crm-nav,.billing-tabs){gap:22px;margin-bottom:20px;border-color:var(--ui-line)}.agency-shell .crm-nav button{font-size:15px;min-height:48px;padding:10px 4px}.agency-shell .crm-filter-bar{border-radius:14px;padding:10px 16px;margin-bottom:20px;box-shadow:0 2px 8px #0e284008}.agency-shell :is(.crm-filter-main .crm-search,.crm-filter-main .crm-search input){min-height:44px;font-size:16px}.agency-shell .crm-queue-tabs{grid-template-columns:repeat(auto-fit,minmax(174px,1fr));gap:10px}.agency-shell .crm-queue-tabs button{position:relative;background:var(--ui-surface);color:var(--ui-text);min-height:74px;padding:13px 15px;font-size:15px;border:1px solid var(--ui-line);border-radius:12px;box-shadow:0 2px 5px #102f4b04}.agency-shell .crm-queue-tabs b{font-size:23px;line-height:1.3;font-weight:600;color:var(--ui-link);font-variant-numeric:tabular-nums}.agency-shell .crm-queue-tabs button:hover{background:var(--ui-soft);border-color:var(--ui-link)}.agency-shell .crm-queue-tabs button[aria-pressed=true]{background:var(--ui-selected);border-color:var(--ui-link);box-shadow:inset 0 3px var(--ui-link);color:var(--ui-link);font-weight:600}.agency-shell .crm-queue-tabs button[data-queue=won] b{color:var(--ui-green)}.agency-shell .crm-queue-tabs button[data-queue=appointment_followup] b,.agency-shell .crm-queue-tabs button[data-queue=final] b{color:var(--ui-red)}.agency-shell .crm-queue-tabs button[data-queue=all]{background:transparent}.agency-shell :is(.crm-workspace select,.crm-workspace input:not([type=checkbox]),.crm-workspace textarea){font-size:15px;min-height:46px;border-color:var(--ui-line)}.agency-shell .crm-table th{font-size:14px;padding:14px 18px;background:var(--ui-soft);font-weight:600}.agency-shell .crm-table td{font-size:15px;padding:19px 18px;border-color:var(--ui-line)}.agency-shell .crm-table tbody tr:hover{background:var(--ui-soft)}.agency-shell .crm-table td :is(p,small){font-size:13px;line-height:1.8;margin-top:5px}.agency-shell .crm-name{font-size:18px;font-weight:600;line-height:1.65}.agency-shell .crm-phone{font-family:inherit;font-size:15px;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.agency-shell :is(.crm-source-badge,.crm-badge,.crm-row-alert,.crm-next,.crm-service,.crm-workspace small){font-size:13px}.agency-shell .crm-hint{background:var(--ui-soft);font-size:14px;border-color:var(--ui-line);padding:13px 16px;border-inline-start:3px solid var(--ui-link)}.agency-shell .crm-contact-strip{background:var(--ui-soft);border-bottom:1px solid var(--ui-line)}.agency-shell .crm-drawer{width:min(720px,100%);background:var(--ui-surface)}.agency-shell .crm-drawer-head{padding:18px 24px;align-items:flex-start}.agency-shell .crm-drawer-head h2{font-size:26px;line-height:1.5;margin:4px 0}.agency-shell .crm-drawer-head .crm-icon-btn{flex:0 0 44px;height:44px;min-height:44px;padding:10px}.agency-shell .crm-drawer-body{padding:24px 24px 40px}.agency-shell .crm-field>span{font-size:15px;font-weight:500;color:var(--ui-text)}.agency-shell .crm-form p{font-size:14px;line-height:1.9}.agency-shell .crm-form{gap:22px}.agency-shell .crm-unified-form>div>h3{font-size:22px}.agency-shell .crm-unified-save{position:sticky;bottom:0;z-index:2;background:var(--ui-surface);border-top:1px solid var(--ui-line);padding:16px 0 10px;margin-top:4px}.agency-shell .crm-secondary{background:var(--ui-soft);border-color:var(--ui-line)}.agency-shell .crm-secondary>summary{min-height:36px;display:list-item;font-size:16px}.agency-shell .crm-check{font-size:14px;align-items:flex-start}.agency-shell .crm-check input{flex-shrink:0;margin-top:5px}.agency-shell .crm-metric strong{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums}.agency-shell :is(.billing-workspace,.billing-client-page,.clients-readable){background:var(--ui-bg);color:var(--ui-text);font-size:16px;border-color:var(--ui-line)}.agency-shell .billing-workspace{padding:24px;border-radius:18px}.agency-shell :is(.billing-stage,.billing-table-panel,.billing-service-card,.billing-upcoming,.billing-modal){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.agency-shell :is(.billing-page-heading h1,.billing-table-heading h2,.billing-scope-total strong,.billing-stage strong,.billing-amount>strong,.billing-schedule strong,.billing-modal h2,.billing-modal h3){color:var(--ui-text);font-weight:700}.agency-shell :is(.billing-client-name,.billing-invoice-link,.billing-eyebrow){color:var(--ui-link)}.agency-shell .billing-client-name{font-size:18px;font-weight:600}.agency-shell :is(.billing-field-title,.billing-help,.billing-muted,.billing-row-meta,.billing-invoice-id,.billing-stage small,.billing-stage>div,.billing-table-heading p,.billing-client-cell>p,.billing-scope-total>span,.billing-scope-total small,.billing-upcoming-list small,.billing-schedule span){color:var(--ui-muted);font-size:14px}.agency-shell :is(.billing-input,.billing-search,.billing-modal input,.billing-modal select,.billing-modal textarea){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line);font-size:15px}.agency-shell .billing-search input{color:var(--ui-text)}.agency-shell :is(.billing-segments,.billing-schedule,.billing-rule,.billing-bulk,.billing-outstanding h4){background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-text)}.agency-shell .billing-segments button{color:var(--ui-muted)}.agency-shell .billing-segments button[aria-pressed=true],.agency-shell .billing-stage.selected{background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link)}.agency-shell .billing-btn.secondary{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.agency-shell .billing-table th{background:var(--ui-soft);color:var(--ui-muted);border-color:var(--ui-line);font-size:14px}.agency-shell .billing-table td{border-color:var(--ui-line);padding:18px 14px}.agency-shell .billing-table tbody tr:hover{background:var(--ui-soft)}.agency-shell .billing-badge.green{background:var(--ui-green-bg);color:var(--ui-green)}.agency-shell .billing-badge.amber{background:var(--ui-amber-bg);color:var(--ui-amber)}.agency-shell .billing-badge.red{background:var(--ui-red-bg);color:var(--ui-red)}.dark .agency-shell :is(.crm-badge.stage-NEW,.crm-badge.stage-CONTACT,.crm-badge.stage-QUALIFIED,.crm-alert.info){background:var(--ui-selected);color:var(--ui-link)}.dark .agency-shell :is(.crm-badge.stage-NO_ANSWER,.crm-badge.stage-WAITING_REPLY,.crm-badge.stage-FOLLOW_UP,.crm-badge.stage-ENGAGED_NO_REPLY,.crm-alert.warning){background:var(--ui-amber-bg);color:var(--ui-amber)}.dark .agency-shell :is(.crm-badge.stage-WON,.crm-alert.success){background:var(--ui-green-bg);color:var(--ui-green)}.dark .agency-shell :is(.crm-badge.stage-FINAL_REVIEW,.crm-alert.danger){background:var(--ui-red-bg);color:var(--ui-red)}.dark .agency-shell :is(.crm-badge.stage-APPOINTMENT,.crm-badge.stage-APPOINTMENT_FOLLOWUP){background:#183d49;color:#a1e0ed}.dark .agency-shell :is(.crm-badge.stage-LOST,.crm-badge.stage-UNQUALIFIED){background:#2c394b;color:#c5d0df}@media(max-width:900px){.agency-header{padding-inline:14px}.agency-main{padding:20px 14px}.agency-shell .billing-client-page,.agency-shell .billing-workspace{padding:18px 14px}.agency-shell .crm-queue-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.agency-header{min-height:64px;padding-inline:10px}.agency-header>div:last-child{gap:4px}.agency-header>div:last-child>div{padding-inline:8px;gap:4px}.agency-header .text-xs{font-size:12px}.agency-main{padding:18px 10px}.agency-shell .crm-page-head{gap:16px;margin-bottom:18px}.agency-shell .crm-actions{gap:6px}.agency-shell .crm-actions .crm-btn{padding-inline:10px;font-size:14px}.agency-shell .crm-queue-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.agency-shell .crm-queue-tabs button{min-height:70px;padding:11px;font-size:14px}.agency-shell .crm-queue-tabs b{font-size:21px}.agency-shell .crm-nav{gap:12px}.agency-shell .crm-nav button{font-size:14px}.agency-shell .crm-drawer-head{padding:16px}.agency-shell .crm-drawer-head h2{font-size:23px}.agency-shell .crm-drawer-body{padding:20px 16px 32px}.agency-shell .crm-unified-save{padding-bottom:18px}.agency-shell .crm-two{grid-template-columns:1fr}.agency-shell .crm-unified-save .crm-btn{width:100%}.agency-shell .billing-client-page,.agency-shell .billing-workspace{padding:16px 10px}}@media(prefers-reduced-motion:reduce){.agency-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.agency-shell :is(.wa-card,.wa-tab,.wa-dialog-header){background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.agency-shell .wa-muted{color:var(--ui-muted)}.agency-shell .wa-link{color:var(--ui-link)}.agency-shell .wa-tab{min-height:46px;font-size:15px}.agency-shell .wa-tab.active{background:var(--ui-selected);color:var(--ui-link);border-color:var(--ui-link)}.agency-shell .wa-table th{background:var(--ui-soft);color:var(--ui-muted);font-size:14px}.agency-shell .wa-table td{border-color:var(--ui-line);font-size:15px}.agency-shell .wa-dialog{background:var(--ui-bg);color:var(--ui-text);border-color:var(--ui-line)}.agency-shell .wa-message.incoming{background:var(--ui-surface);border-color:var(--ui-line)}.agency-shell .wa-message.outgoing{background:var(--ui-green-bg);border-color:var(--ui-line);color:var(--ui-text)}.agency-shell .dashboard-note{display:block;position:static;font-size:13px;line-height:1.75;margin-top:8px;color:var(--ui-muted)}