@font-face{font-family:Vazirmatn;src:url('../fonts/pasarguard/Vazirmatn-Arabic.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:Inter;src:url('../fonts/pasarguard/Inter-Latin.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{color-scheme:light;--canvas:#f5f7f8;--surface:#fff;--ink:#243037;--muted:#64757e;--rule:#dee5e7;--soft:#f1f4f5;--primary:#18766d;--primary-hover:#115e57;--tint:#eaf5f2;--good:#176d53;--good-bg:#eaf6ef;--bad:#ad3543;--bad-bg:#fff0f1;--warning:#805b15;--warning-bg:#fff5de;--vip:#705197;--vip-bg:#f3eef9;--shadow:0 14px 48px #1b343821}
[data-theme=dark]{color-scheme:dark;--canvas:#171c1e;--surface:#202729;--ink:#edf2f2;--muted:#adbbbf;--rule:#384447;--soft:#2a3336;--primary:#74cdbb;--primary-hover:#96dece;--tint:#293f3a;--good:#8dd7af;--good-bg:#293e33;--bad:#ffa9af;--bad-bg:#443034;--warning:#e4c180;--warning-bg:#403929;--vip:#cfb7ef;--vip-bg:#393244;--shadow:0 14px 48px #0006}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.7 Vazirmatn,Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.5;font-weight:700}h2{font-size:17px}h3{font-size:14px}small,.muted{color:var(--muted)}small{font-size:12px}.lucide{width:18px;height:18px;stroke-width:1.6;flex-shrink:0}button{transition:background .15s,color .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.num,[dir=ltr]{font-family:Inter,Vazirmatn,Arial,sans-serif;font-variant-numeric:tabular-nums}.num{direction:ltr;display:inline-block}
#sidebar{position:fixed;inset:0 0 0 auto;width:224px;background:var(--surface);border-left:1px solid var(--rule);display:flex;flex-direction:column;z-index:30;padding:24px 14px 12px}.brand{display:flex;gap:10px;align-items:center;padding:0 8px}.brand strong{font-size:17px;font-weight:700}.brand small{display:block;font-size:11px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--primary);color:var(--surface)}.brand-mark .lucide{width:24px;height:24px}.workspace-name{display:flex;align-items:center;gap:7px;font-size:11px;margin:24px 8px;color:var(--muted)}.demo{font-size:10px;border:1px solid var(--rule);padding:0 4px;border-radius:3px}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--primary)}nav button{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;margin:3px 0;border:0;background:transparent;border-radius:6px;text-align:right;font-weight:500;color:var(--muted)}nav button:hover{background:var(--soft);color:var(--ink)}nav button.active{background:var(--tint);color:var(--primary);font-weight:700}.nav-count{margin-right:auto;font:11px Inter;padding:2px 5px;border-radius:4px;background:var(--soft)}.nav-divider{height:1px;background:var(--rule);margin:18px 12px}.sidebar-bottom{margin-top:auto}.theme-button{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;padding:12px;color:var(--muted)}.theme-button .lucide:last-child{margin-right:auto;width:14px}.account{display:flex;align-items:center;gap:10px;padding:15px 9px;border-top:1px solid var(--rule)}.account small{display:block}.account>.lucide{margin-right:auto;color:var(--muted)}.avatar{height:34px;width:34px;display:inline-grid;place-items:center;border-radius:6px;background:var(--soft);color:var(--ink);flex-shrink:0;font-weight:700}.version{display:block;text-align:center;font-size:9px}.app-shell{margin-right:224px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;background:var(--surface);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:12px}.top-context,.top-meta{display:flex;align-items:center;gap:12px}.top-context>span{color:var(--muted)}.top-context>.lucide{width:12px;color:var(--muted)}.top-context strong{font-weight:500}.top-meta time{font-size:11px;color:var(--muted);direction:ltr}.demo-label{font-size:11px;color:var(--muted);padding-left:15px;border-left:1px solid var(--rule)}.icon-button{display:inline-grid;place-items:center;height:34px;width:34px;background:transparent;border:1px solid transparent;border-radius:5px;flex-shrink:0}.icon-button:hover{background:var(--soft);border-color:var(--rule)}#mobile-menu{display:none}main{padding:28px 30px;flex:1;min-width:0}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.page-head p{color:var(--muted);margin-top:4px;font-size:13px}.head-actions,.toolbar-actions,.flex{display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 13px;background:var(--surface);border:1px solid var(--rule);border-radius:5px;white-space:nowrap;font-size:13px;font-weight:500}.button:hover{background:var(--soft)}.button.primary{background:var(--primary);border-color:var(--primary);color:var(--surface)}.button.primary:hover{background:var(--primary-hover)}.button.quiet{background:transparent;border-color:transparent;color:var(--muted)}.button .lucide{width:16px;height:16px}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:20px 0;margin:0 0 26px}.metric{padding:0 24px;border-left:1px solid var(--rule)}.metric:first-child{padding-right:0}.metric:last-child{border:0}.metric label{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:28px;line-height:1.7;font-weight:600}.metric small{font-size:11px}.metric.good strong{color:var(--good)}.metric.pending strong{color:var(--warning)}.split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px}.section{background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden}.section-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--rule)}.section-head p{font-size:12px;color:var(--muted);margin-top:3px}.section-head h2{font-size:15px}.section-body{padding:20px}.queue-row{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--rule)}.queue-row:last-child{border:0}.queue-row .queue-content{flex:1}.queue-row small{display:block}.queue-row strong{font-weight:500}.queue-row .button{height:32px;min-height:32px;font-size:12px}.queue-icon{height:34px;width:34px;display:grid;place-items:center;background:var(--soft);border-radius:6px;color:var(--muted)}.chart{height:180px;display:flex;gap:18px;align-items:flex-end;direction:rtl;padding:16px 12px 0}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.bar-track{height:126px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--rule)}.bar{width:18px;background:var(--primary);border-radius:3px 3px 0 0;min-height:3px}.bar.secondary{background:#9bb3bd}.bar-group small{font-size:10px}.chart-legend{display:flex;gap:18px;align-items:center;justify-content:center;padding-top:18px;font-size:11px;color:var(--muted)}.legend-dot{display:inline-block;height:7px;width:7px;background:var(--primary);margin-left:5px;border-radius:2px}.legend-dot.secondary{background:#9bb3bd}.team-summary{margin-top:24px}.team-line{display:grid;grid-template-columns:140px 1fr 100px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule)}.team-line:last-child{border:0}.progress{height:5px;background:var(--soft);border-radius:3px;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary);border-radius:3px}.team-line small{text-align:left}
.saved-views{display:flex;gap:22px;border-bottom:1px solid var(--rule);margin-bottom:18px;overflow-x:auto;scrollbar-width:thin}.view-button{display:flex;align-items:center;gap:7px;white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;padding:10px 0;color:var(--muted);font-size:13px}.view-button.active{color:var(--primary);border-color:var(--primary);font-weight:700}.view-button small{font:10px Inter;background:var(--soft);padding:1px 5px;border-radius:4px}.toolbar{display:flex;gap:9px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--rule);background:var(--surface);border-radius:5px;padding:0 10px;max-width:300px;flex:1;min-width:190px;height:37px;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.toolbar select{height:37px;background:var(--surface);border:1px solid var(--rule);border-radius:5px;padding:0 9px;min-width:115px;font-size:12px}.toolbar-actions{margin-right:auto}.result-label{font-size:11px;color:var(--muted);margin-bottom:12px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--rule);border-radius:6px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{height:43px;background:var(--soft);font-size:11px;font-weight:500;color:var(--muted);text-align:center;border-bottom:1px solid var(--rule);padding:0 12px}td{height:63px;padding:10px 12px;text-align:center;border-bottom:1px solid var(--rule)}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--soft)}th:first-child,td:first-child{text-align:right;padding-right:20px;min-width:210px}.customer{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;text-align:right;max-width:100%}.customer .avatar{background:var(--tint);color:var(--primary);height:32px;width:32px;font-size:11px}.customer-name{font-weight:600;font-size:13px}.crm-id{color:var(--muted);font-size:9px;margin-right:7px}.phone{color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;border-radius:4px;padding:2px 6px;line-height:1.9;background:var(--soft);color:var(--muted)}.badge .lucide{height:11px;width:11px}.badge.good{color:var(--good);background:var(--good-bg)}.badge.bad{color:var(--bad);background:var(--bad-bg)}.badge.vip{color:var(--vip);background:var(--vip-bg)}.badge.warning{color:var(--warning);background:var(--warning-bg)}.balance{font-weight:600;font-size:12px;color:var(--good)}.row-action{height:30px;width:30px;color:var(--muted)}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;color:var(--muted);font-size:11px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty .lucide{width:30px;height:30px}.empty h3{color:var(--ink);margin:10px 0 6px}.mobile-list{display:none}
.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px}.settings-nav button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;background:transparent;border:0;border-radius:5px;text-align:right;color:var(--muted);margin-bottom:4px}.settings-nav button.active{background:var(--tint);color:var(--primary)}.settings-nav small{display:block;padding:12px;font-size:11px}.settings-content{max-width:900px}.setting-row{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--rule);align-items:start}.setting-row:last-child{border:0}.setting-row h3{font-size:13px;font-weight:500}.setting-row small{font-size:11px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:12px}input,select,textarea{width:100%;border:1px solid var(--rule);border-radius:5px;background:var(--surface);padding:10px 11px;font-size:13px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{resize:vertical;min-height:110px}.field input,.field select{min-height:41px}input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;padding:0}.check-label{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:13px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:18px;border-top:1px solid var(--rule)}.sms-tabs{display:flex;gap:22px;margin-bottom:20px;border-bottom:1px solid var(--rule)}.sms-tabs button{padding:8px 0;border:0;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.sms-tabs button.active{border-color:var(--primary);color:var(--primary)}.sms-layout{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:26px}.helper-summary{border-right:1px solid var(--rule);padding-right:20px}.helper-summary dl{margin:14px 0;font-size:12px}.helper-summary dt{color:var(--muted)}.helper-summary dd{margin:3px 0 15px}.notice{background:var(--soft);border-radius:5px;padding:12px 14px;font-size:12px;color:var(--muted);margin-bottom:20px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}footer{padding:12px 30px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:var(--shadow);padding:0}dialog::backdrop{background:#15262e66;backdrop-filter:blur(2px)}.record-dialog{height:100dvh;max-height:100dvh;width:510px;max-width:100%;margin:0 auto 0 0;border-radius:0;border-width:0 1px 0 0;animation:drawer-in .18s ease-out}.record-dialog #record-content{padding:24px}.dialog-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);padding-bottom:18px;margin-bottom:20px}.dialog-head h2{font-size:18px}.record-identity{display:flex;gap:12px;align-items:center;margin-bottom:24px}.record-identity .avatar{height:44px;width:44px;background:var(--tint);color:var(--primary)}.record-identity h3{font-size:18px}.record-identity small{font-size:11px}.record-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.record-meta label{font-size:11px;color:var(--muted)}.record-meta p{font-size:13px;margin-top:3px}.timeline{padding-top:18px;border-top:1px solid var(--rule);margin-top:24px}.timeline-line{display:flex;align-items:flex-start;gap:12px;padding:15px 0;font-size:12px}.timeline-line .lucide{width:15px;color:var(--muted);margin-top:3px}.timeline-line small{display:block;font-size:10px}.notice-dialog{padding:22px;width:420px;max-width:calc(100vw - 28px);border-radius:7px}.notice-dialog p{margin-bottom:22px;font-size:13px}.notice-dialog .button{float:left}#toast{position:fixed;bottom:26px;left:26px;z-index:100;background:var(--ink);color:var(--surface);padding:13px 18px;border-radius:6px;box-shadow:var(--shadow);max-width:calc(100vw - 32px);font-size:13px;animation:appear .15s ease-out}.spinner{width:14px;height:14px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drawer-in{from{transform:translateX(-35px);opacity:0}to{transform:none;opacity:1}}@keyframes appear{from{transform:translateY(5px);opacity:0}to{transform:none;opacity:1}}
.toolbar select{width:auto;max-width:180px}.mobile-record-top .customer{min-width:0}.mobile-record-top .customer-name{overflow-wrap:anywhere}.mobile-record-top .badge,.mobile-record-top .balance{flex-shrink:0}table{font-size:13px}.customer-name{font-size:14px}th{font-size:12px}.phone{font-size:12px}.badge{font-size:11px}
@media(min-width:1600px){main{padding:34px 40px}.topbar{padding:0 40px}td{height:69px}table{font-size:13px}.customer-name{font-size:14px}}
@media(max-width:1150px){#sidebar{width:200px}.app-shell{margin-right:200px}main{padding:24px 20px}.topbar{padding:0 20px}.demo-label{display:none}.split{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.toolbar-actions{margin-right:0}.settings-layout{grid-template-columns:155px 1fr;gap:18px}.sms-layout{grid-template-columns:1fr}.helper-summary{border:0;padding:15px 0 0;border-top:1px solid var(--rule)}.helper-summary dl{display:flex;gap:14px}.helper-summary dd{margin:0}}
@media(max-width:800px){#sidebar{transform:translateX(100%);width:240px;transition:transform .2s ease}.app-shell{margin-right:0}body.nav-open #sidebar{transform:none}#nav-scrim{position:fixed;inset:0;background:#15262e66;z-index:25}#mobile-menu{display:grid}.topbar{height:60px;padding:0 16px}.top-context{gap:7px}.top-context>span,.top-context>.lucide{display:none}.top-meta time{font-size:10px}.top-meta{gap:6px}main{padding:22px 16px}.page-head{align-items:flex-start;gap:10px}h1{font-size:22px}.page-head p{font-size:12px}.head-actions .button{font-size:12px;padding:7px 10px}.head-actions .export-text{display:none}.overview-stats{grid-template-columns:repeat(2,1fr);padding:0;margin-bottom:22px}.metric{padding:16px!important;border-bottom:1px solid var(--rule)}.metric:nth-child(2){border-left:0}.metric:nth-child(n+3){border-bottom:0}.metric strong{font-size:25px}.split{grid-template-columns:1fr;gap:20px}.team-line{grid-template-columns:90px 1fr 60px;gap:10px}.settings-layout{grid-template-columns:1fr;gap:18px}.settings-nav{display:flex;gap:5px;overflow-x:auto}.settings-nav button{width:auto;white-space:nowrap;font-size:12px;margin:0}.settings-nav small{display:none}.setting-row{grid-template-columns:1fr;gap:10px;padding:16px 0}.toolbar{gap:7px}.search-box{max-width:none;flex-basis:100%;height:40px}.toolbar select{flex:1;min-width:0;width:auto}.toolbar-actions{margin-right:auto}.toolbar-actions .button{padding:7px 9px}.saved-views{gap:18px}.section-head{padding:16px}.section-body{padding:16px}.clients-desktop{display:none}.mobile-list{display:block;background:var(--surface);border:1px solid var(--rule);border-radius:6px}.mobile-record{padding:16px;border-bottom:1px solid var(--rule)}.mobile-record:last-child{border:0}.mobile-record-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.mobile-record-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;color:var(--muted)}.mobile-record-meta{display:flex;gap:8px;flex-wrap:wrap}.customer-name{font-size:13px}.crm-id{font-size:9px;margin-right:4px}.record-dialog #record-content{padding:20px}.record-dialog{width:100%}footer{padding:12px 16px}}
@media(max-width:380px){.page-head{flex-wrap:wrap}.head-actions{width:100%}.head-actions .button.primary{margin-right:auto}.top-meta time{font-size:9px}.inline-fields{grid-template-columns:1fr;gap:0}.record-meta{gap:14px}.record-dialog #record-content{padding:16px}.toolbar-actions{width:100%;justify-content:flex-end}.chart{gap:8px}.bar{width:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}