:root{--ink:#172033;--muted:#7b8496;--line:#e9ecf2;--bg:#f7f8fb;--purple:#635bff;--teal:#14b8a6;--orange:#f59e0b;--red:#ef6a6a}*{box-sizing:border-box}body{margin:0;font-family:Vazirmatn,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#fff;border-left:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#665dff,#847cff);color:#fff;font-size:22px;display:grid;place-items:center;font-weight:800;box-shadow:0 7px 17px #635bff38}.brand strong{display:block;font-size:16px}.brand span,.workspace-switch span,.user-row span{font-size:10px;color:var(--muted);display:block}.workspace-switch{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:22px}.workspace-switch b{font-size:11px;display:block}.workspace-switch .chevron{margin-right:auto;font-size:16px}.avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700}.purple{background:#857dff}.teal{background:#18b8a7}.nav-label{display:block;color:#a0a7b4;font-size:10px;margin:19px 12px 7px}.nav-item{display:flex;align-items:center;gap:11px;color:#677185;text-decoration:none;padding:10px 12px;border-radius:9px;margin:3px 0;font-size:12px}.nav-item i{font-style:normal;font-size:17px;width:20px;text-align:center}.nav-item.active{background:#eeefff;color:var(--purple);font-weight:700}.nav-item em{font-style:normal;font-size:9px;color:#a5a9ba;margin-right:auto}.nav-badge{margin-right:auto;background:#ffe2e2;color:#e05b66;border-radius:10px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#f4f2ff;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:flex-start;color:#534bdb}.help-icon{width:22px;height:22px;border-radius:50%;background:#dcd9ff;display:grid;place-items:center;font-weight:800}.help-card b{font-size:10px;display:block}.help-card span{font-size:9px;color:#827cbf}.user-row{border-top:1px solid var(--line);margin-top:16px;padding:15px 2px 0;display:flex;gap:9px;align-items:center}.user-row b{font-size:11px;display:block}.dots{margin-right:auto;color:#9aa2b2!important;font-size:13px!important}.main-content{flex:1;padding:0 42px 50px;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;gap:11px;color:#a4aab7;font-size:11px}.breadcrumbs strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.filter-btn,.more-btn{border:0;background:#fff;color:#798295;border-radius:9px;width:34px;height:34px;font-size:18px;position:relative}.has-dot:after{content:'';width:5px;height:5px;border-radius:50%;background:#f56e76;position:absolute;top:7px;right:8px}.date-chip{font-size:11px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:#657084}.date-chip span{margin-right:8px;color:var(--purple)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;padding:34px 0 26px}.eyebrow{color:var(--purple);font-size:11px;font-weight:700;margin-bottom:8px}.page-heading h1{font-size:25px;margin:0 0 5px;letter-spacing:-.5px}.page-heading h1 span{color:var(--purple)}.page-heading p{color:var(--muted);margin:0;font-size:12px}.wave{font-size:20px!important;color:initial!important}.primary-btn{background:var(--purple);border:0;color:#fff;padding:12px 17px;border-radius:9px;font-family:inherit;font-size:12px;box-shadow:0 5px 13px #635bff38;cursor:pointer}.primary-btn:hover{background:#5048e8}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px}.metric-card{padding:17px 18px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#737d8d;font-size:11px}.metric-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:16px}.income .metric-icon,.profit .metric-icon{background:#e8f8f2;color:#15aa80}.expense .metric-icon{background:#fff3e4;color:#ef9817}.receivable .metric-icon{background:#efeeff;color:var(--purple)}.metric-card strong{font-size:19px;display:block;margin:13px 0 8px;letter-spacing:-.5px}.metric-card small{font-size:9px;font-weight:400}.trend{font-size:10px}.trend span{color:#9aa2b0;margin-right:4px}.up{color:#16a77b}.down{color:#ed8c18}.neutral{color:var(--purple)}.sparkline{height:27px;display:flex;align-items:flex-end;gap:4px;margin-top:12px}.sparkline i{display:block;flex:1;background:#c6f1e3;border-radius:3px 3px 0 0}.sparkline i:nth-child(1){height:34%}.sparkline i:nth-child(2){height:50%}.sparkline i:nth-child(3){height:40%}.sparkline i:nth-child(4){height:68%}.sparkline i:nth-child(5){height:50%}.sparkline i:nth-child(6){height:76%}.sparkline i:nth-child(7){height:62%}.sparkline i:nth-child(8){height:85%}.sparkline i:nth-child(9){height:100%}.expense .sparkline i{background:#ffe6bd}.progress{height:7px;background:#f0f1f6;border-radius:10px;margin-top:18px}.progress span{display:block;height:100%;background:var(--purple);border-radius:10px}.progress-caption{display:flex;justify-content:space-between;font-size:9px;color:#9aa2b0;margin-top:5px}.profit-bars{display:flex;align-items:flex-end;gap:5px;height:28px;margin-top:11px}.profit-bars i{width:9px;background:#c5efdf;border-radius:3px 3px 0 0}.profit-bars i:nth-child(1){height:50%}.profit-bars i:nth-child(2){height:85%}.profit-bars i:nth-child(3){height:65%}.profit-bars i:nth-child(4){height:100%}.profit-bars i:nth-child(5){height:70%}.profit-bars i:nth-child(6){height:90%}.profit-bars i:nth-child(7){height:76%}.profit-bars i:nth-child(8){height:100%}.content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:15px;margin-top:16px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:14px;margin:0 0 4px}.panel-head span{font-size:10px;color:#9aa2b0}.chart-tools{display:flex;background:#f6f7fa;border-radius:8px;padding:3px;gap:2px}.period{border:0;background:transparent;color:#8b93a0;font:10px Vazirmatn;padding:6px 8px;border-radius:6px;cursor:pointer}.period.active{background:#fff;color:var(--purple);box-shadow:0 2px 5px #00000009}.legend{display:flex;gap:16px;margin:20px 0 5px;color:#8891a0;font-size:10px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.blue{background:var(--purple)}.orange{background:#f7a628}.chart{height:215px;display:flex;margin-top:8px}.y-labels{width:38px;display:flex;flex-direction:column;justify-content:space-between;color:#aab0bb;font-size:9px;padding-bottom:25px}.chart-area{flex:1;position:relative}.grid-line{position:absolute;left:0;right:0;border-top:1px dashed #edf0f4}.chart-area svg{height:180px;width:100%;position:absolute;top:0;overflow:visible}.area{fill:url(#blueFill)}.line{fill:none;stroke-width:3;stroke-linecap:round}.blue-line{stroke:#635bff}.orange-line{stroke:#f5a52c;stroke-width:2.5}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;color:#aab0bb;font-size:9px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.quick-grid button{background:#fafbfe;border:1px solid #eef0f5;border-radius:10px;padding:12px;text-align:right;font-family:inherit;cursor:pointer}.quick-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;margin-bottom:9px;font-size:15px}.violet{background:#eeecff;color:var(--purple)}.orange{background:#fff2dd;color:#ed9b22}.blue{background:#e7f2ff;color:#418eea}.quick-grid b{display:block;font-size:11px}.quick-grid small{font-size:9px;color:#a1a8b4}.tip{display:flex;gap:8px;align-items:flex-start;background:#fff8e9;border-radius:10px;padding:11px;margin-top:13px}.tip>span{color:#e9a51b;font-size:17px}.tip b{font-size:10px}.tip p{font-size:9px;color:#9b9074;margin:3px 0 0;line-height:1.6}.tip button{margin-right:auto;border:0;background:none;color:#d7961a;font:10px Vazirmatn;white-space:nowrap}.lower{margin-top:15px;grid-template-columns:1.65fr 1fr}.text-btn{border:0;background:none;color:var(--purple);font:10px Vazirmatn;cursor:pointer}.table-wrap{overflow:auto;margin-top:16px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;color:#a0a7b3;font-size:10px;font-weight:500;padding:10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid #f0f1f5;font-size:10px;color:#727c8d}.transaction{display:flex;align-items:center;gap:8px}.transaction b,.transaction small{display:block}.transaction b{font-size:10px;color:var(--ink)}.transaction small{font-size:9px;color:#a2a9b6;margin-top:3px}.tx-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:14px}.tx-icon.green{color:#15a87d;background:#e8f8f2}.tx-icon.red{color:#ea7777;background:#ffeded}.amount{font-weight:700}.positive{color:#15a87d}.negative{color:#e47474}.status{padding:4px 8px;border-radius:20px;font-size:9px}.success{background:#e7f8ef;color:#16a47a}.pending{background:#fff4df;color:#da991c}.due-item{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #f0f1f5}.due-date{width:38px;height:42px;text-align:center;background:#f2f1ff;border-radius:8px;color:var(--purple);padding-top:4px}.due-date b,.due-date span{display:block}.due-date b{font-size:14px}.due-date span{font-size:8px}.due-item>div:nth-child(2){flex:1}.due-item b{font-size:10px}.due-item small{display:block;color:#a1a8b5;font-size:9px;margin-top:4px}.due-item>strong{font-size:10px;color:#667185}.due-item>strong small{display:inline;color:#a1a8b5}.view{display:none}.active-view{display:block}.filter-row{display:flex;gap:9px;margin-bottom:18px}.searchbox{background:#f8f9fb;border:1px solid var(--line);border-radius:9px;padding:8px 11px;color:#9da5b2;flex:1}.searchbox input{border:0;outline:0;background:none;font:11px Vazirmatn;width:85%;margin-right:7px}.filter-btn{width:auto;padding:0 14px;font:10px Vazirmatn;border:1px solid var(--line)}.empty-state{text-align:center;padding:75px 20px}.empty-icon{margin:auto;width:62px;height:62px;display:grid;place-items:center;background:#eeecff;border-radius:18px;color:var(--purple);font-size:28px}.empty-state h2{font-size:16px;margin:15px 0 6px}.empty-state p{color:var(--muted);font-size:11px}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.report-card h2{font-size:14px;margin:5px 0}.report-card p{color:var(--muted);font-size:10px;margin-bottom:20px}.settings-list{padding:0}.settings-list>div{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.settings-list b{width:190px;font-size:11px}.settings-list span{color:var(--muted);font-size:10px;flex:1}.settings-list button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 12px;font:10px Vazirmatn}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1c283d;color:#fff;padding:12px 20px;border-radius:9px;opacity:0;transition:.3s;box-shadow:0 8px 25px #0003;font-size:11px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.sidebar{width:220px}}@media(max-width:700px){.sidebar{display:none}.main-content{padding:0 16px 40px}.topbar{height:64px}.date-chip{display:none}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.metric-grid,.report-cards{grid-template-columns:1fr}.page-heading h1{font-size:22px}}