:root{--bg:#f6f8fb;--panel:#fff;--ink:#152238;--muted:#8190a5;--line:#e8edf3;--blue:#3779f5;--green:#21a56a;--red:#e15461;--orange:#e99a3a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Segoe UI,sans-serif;font-size:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:254px;background:#fff;border-left:1px solid var(--line);padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 11px 36px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#1d65e8;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800;box-shadow:0 7px 18px #1d65e833}.brand strong{display:block;font-size:16px}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-label{color:#a5b0bf;font-size:10px;margin:18px 12px 7px}.nav-item{color:#738095;text-decoration:none;padding:12px 13px;border-radius:10px;display:flex;gap:12px;align-items:center;transition:.2s}.nav-item span{font-size:17px;width:20px;text-align:center}.nav-item.active,.nav-item:hover{background:#edf4ff;color:#2168ed;font-weight:700}.sidebar-footer{margin-top:auto}.sync-status{font-size:10px;color:#7f8b9b;background:#f7fafc;border-radius:9px;padding:10px;margin:12px 4px 16px;display:flex;align-items:center;gap:7px}.sync-status i{width:7px;height:7px;border-radius:50%;background:#22b573;box-shadow:0 0 0 3px #22b57322}.user-card{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:18px 7px 0}.avatar,.company-avatar{border-radius:50%;background:#dbeafe;color:#2873df;width:33px;height:33px;display:grid;place-items:center;font-weight:700}.user-card strong,.user-card small{display:block}.user-card small{color:var(--muted);font-size:10px;margin-top:3px}.more{margin-right:auto;color:#a3acb9}.main-content{width:calc(100% - 254px);padding:31px 42px 50px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.breadcrumb{color:#a0adbd;font-size:11px;margin-bottom:13px}.breadcrumb span{margin:0 7px}.topbar h1{font-size:24px;margin:0 0 7px}.topbar h1 span{font-size:20px}.muted,.panel-heading p{color:var(--muted);margin:0;font-size:11px}.top-actions{display:flex;gap:11px;align-items:center}.primary-button,.icon-button,.ghost-button,.select-button,.filter-button{font-family:inherit;border:0;cursor:pointer}.primary-button{background:var(--blue);color:#fff;border-radius:9px;padding:11px 18px;font-size:12px;box-shadow:0 5px 15px #3779f533}.icon-button{position:relative;background:#fff;border:1px solid var(--line);width:38px;height:38px;border-radius:9px;color:#8290a3;font-size:19px}.icon-button b{position:absolute;top:5px;right:5px;background:#e95762;color:#fff;font-size:8px;width:13px;height:13px;border-radius:50%;display:grid;place-items:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.stat-card{position:relative;padding:18px 19px 17px;min-height:136px}.stat-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-size:17px}.stat-icon.blue{background:#eaf1ff;color:#3b7cf5}.stat-icon.green{background:#e7f8f0;color:#20a66b}.stat-icon.red{background:#fff0f1;color:#df5661}.stat-icon.orange{background:#fff5e7;color:#e99a3a}.trend{position:absolute;left:18px;top:20px;font-size:10px;font-weight:700}.trend.up{color:#25a670}.trend.down{color:#df6570}.stat-card p{color:#718096;font-size:11px;margin:15px 0 3px}.stat-card strong{font-size:24px}.stat-card small{color:#a4afbd;font-size:9px;margin-right:8px}.content-grid,.bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:21px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.panel-heading h2{font-size:14px;margin:0 0 6px}.select-button,.filter-button{border:1px solid var(--line);background:#fff;border-radius:7px;color:#6d7c90;padding:8px 10px;font-family:inherit;font-size:10px}.chart-legend{display:flex;gap:22px;color:#8b98a8;font-size:10px;margin-bottom:14px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.blue-dot{background:#3479ef}.gray-dot{background:#c7d1df}.green-dot{background:#2cb477}.red-dot{background:#dc5864}.orange-dot{background:#eb9e40}.chart{height:235px;display:flex}.y-axis{width:32px;display:flex;flex-direction:column;justify-content:space-between;color:#a8b3c0;font-size:9px;padding-bottom:26px}.chart-body{flex:1;position:relative}.grid-lines{position:absolute;inset:0 0 28px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#edf1f5 calc(25% - 1px),#edf1f5 25%)}.chart svg{position:absolute;inset:5px 0 28px;width:100%;height:calc(100% - 33px);overflow:visible}.line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.blue-line{stroke:#3779f5}.gray-line{stroke:#cbd5e1;stroke-dasharray:5 5}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a8b3c0;font-size:9px}.summary-panel{min-height:332px}.kebab{color:#a8b3c0;letter-spacing:2px}.donut-wrap{display:grid;place-items:center;padding:4px 0 20px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#3779f5 0 42%,#23ae73 42% 73%,#e99a3a 73% 91%,#edf0f4 91% 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;background:#fff;border-radius:50%;width:108px;height:108px}.donut div{position:relative;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:24px}.donut small{font-size:10px;color:#8c99a8;margin-top:3px}.summary-list{border-top:1px solid var(--line);padding-top:14px}.summary-list div{display:flex;justify-content:space-between;margin:8px 0;color:#7a8797;font-size:10px}.summary-list strong{color:var(--ink);font-size:11px}.segment-panel{margin-bottom:18px}.ghost-button,.full-link{background:transparent;color:#3779f5;font-size:10px}.segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.segment-card{border-radius:11px;padding:17px 17px 14px;border:1px solid transparent}.segment-card.green{background:#f0fbf6;border-color:#d9f3e6}.segment-card.red{background:#fff3f3;border-color:#f9dddd}.segment-card.orange{background:#fff8ed;border-color:#f8e9cc}.segment-top{display:flex;justify-content:space-between}.segment-badge{font-size:9px;padding:4px 8px;border-radius:5px}.green .segment-badge{color:#199b63;background:#d9f4e5}.red .segment-badge{color:#d6525d;background:#ffe0e2}.orange .segment-badge{color:#d68b2f;background:#ffebc8}.segment-arrow{font-size:18px;color:#a3afba}.segment-card h3{font-size:12px;margin:18px 0 5px}.segment-card p{color:#8b98a7;font-size:9px;margin:0 0 12px}.segment-card>strong{font-size:22px}.segment-card>strong small{font-size:9px;color:#8794a4;font-weight:400}.progress{height:4px;background:#fff;margin-top:12px;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;border-radius:10px}.green .progress span{background:#2db477}.red .progress span{background:#dc5864}.orange .progress span{background:#e9a044}.table-panel{padding-bottom:12px}.table-tools{display:flex;gap:8px;margin-bottom:11px}.search{height:32px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;padding:0 9px;flex:1}.search span{color:#a4b0be;font-size:18px}.search input{border:0;outline:0;font-family:inherit;width:100%;font-size:10px}.filter-button{height:32px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;color:#9aa6b5;font-size:9px;font-weight:500;padding:10px 7px;border-bottom:1px solid var(--line)}td{padding:11px 7px;border-bottom:1px solid #f0f2f5;color:#5f6d7f;font-size:10px}.company-cell{display:flex;align-items:center;gap:8px;min-width:190px}.company-avatar{width:28px;height:28px;font-size:11px}.company-cell strong,.company-cell small{display:block}.company-cell strong{color:#354154;font-size:10px}.company-cell small{color:#a3afbc;font-size:8px;margin-top:3px}.status{padding:5px 8px;border-radius:5px;font-size:9px}.status.success{color:#169861;background:#e7f8f0}.status.danger{color:#d45360;background:#fff0f1}.activity-list{margin:5px 0 18px}.activity{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f0f2f5}.activity-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.activity-icon.blue{background:#eaf1ff;color:#3779f5}.activity-icon.purple{background:#f3edff;color:#8c67db}.activity-icon.orange{background:#fff4e5;color:#df9638}.activity strong{font-size:10px;display:block}.activity p{font-size:9px;color:#697789;margin:4px 0}.activity small{font-size:8px;color:#a8b3c0}.full-link{border:0;border-top:1px solid var(--line);width:100%;padding-top:15px;font-family:inherit;cursor:pointer}@media(max-width:1100px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);padding:25px}.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.bottom-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{display:block}.sidebar{width:100%;height:auto;padding:15px}.brand{padding-bottom:12px}.main-nav{display:none}.sidebar-footer{display:none}.main-content{width:100%;padding:20px 14px}.topbar{align-items:flex-start;gap:12px}.top-actions .primary-button{font-size:0;padding:11px;width:40px}.top-actions .primary-button:first-letter{font-size:18px}.topbar h1{font-size:20px}.stat-grid{gap:9px}.stat-card{padding:13px;min-height:125px}.stat-card small{display:block;margin:3px 0 0}.segment-grid{grid-template-columns:1fr}.content-grid,.bottom-grid{gap:12px}.panel{padding:15px}}