*{box-sizing:border-box}body{margin:0;background:#f7f8fb;color:#252938;font-family:Vazirmatn,Tahoma,sans-serif;font-size:13px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{min-height:100vh}.side{position:fixed;right:0;top:0;bottom:0;width:250px;background:#fff;border-left:1px solid #eceef3;padding:22px 16px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;margin:0 4px 25px}.brand>span,.intro>svg{background:#efedff;color:#675bd1;border-radius:12px;padding:10px;width:40px;height:40px}.brand b,.brand small,.profile b,.profile small{display:block}.brand b{font-size:14px}.brand small,.profile small{font-size:10px;color:#9299a8;margin-top:3px}.new,.primary{border:0;border-radius:9px;background:#6659d2;color:#fff;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.new{width:100%;margin-bottom:24px}.new svg,.primary svg{width:17px}.muted{color:#a0a5b2;font-size:10px;margin:0 10px 8px}.nav{border:0;background:transparent;border-radius:8px;padding:11px 12px;display:flex;align-items:center;gap:11px;color:#747b8c;text-align:right;margin:2px 0}.nav svg{width:18px}.nav.active{background:#f0eeff;color:#6256cb;font-weight:700}.nav i{font-style:normal;margin-right:auto;background:#fff;border-radius:15px;padding:2px 7px;font-size:10px}.side-bottom{margin-top:auto}.tip{background:#f7f6ff;border:1px solid #efedff;border-radius:11px;padding:13px;margin-bottom:14px}.tip svg{color:#6659d2;width:18px}.tip b{display:block;margin-top:7px}.tip p{font-size:10px;color:#8e95a3;line-height:1.9}.tip button,.link{border:0;background:none;color:#6659d2;font-size:10px}.profile{border-top:1px solid #eee;padding:14px 3px 0;display:flex;align-items:center;gap:9px}.profile>span,.user,.person>span{background:#efedff;color:#6659d2;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:700}.profile div{flex:1}.profile b{font-size:11px}main{margin-right:250px}header{height:68px;background:#fff;border-bottom:1px solid #eceef3;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:4}.crumb{display:flex;align-items:center;gap:8px;color:#9ba1ad;font-size:11px}.crumb svg{width:14px}.crumb b{color:#434959}.headright{display:flex;align-items:center;gap:15px}.search{display:flex;align-items:center;gap:8px;border:1px solid #eaecf1;border-radius:8px;padding:8px 10px;color:#a0a6b2;min-width:230px}.search svg{width:17px}.search input{border:0;outline:0;width:100%;font-size:10px}.bell,.close,.hamb{border:0;background:transparent;color:#89909e}.bell svg{width:19px}.user{width:31px;height:31px}.content{max-width:1400px;margin:auto;padding:30px 32px 50px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.heading small{color:#a0a5b2;font-size:10px}.heading h1{font-size:23px;margin:4px 0}.heading p{margin:0;color:#9299a8;font-size:11px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric,.panel{background:#fff;border:1px solid #eceef2;border-radius:12px}.metric{padding:17px;min-height:140px}.metric>span{width:35px;height:35px;border-radius:10px;background:#f0edff;color:#6659d2;display:grid;place-items:center;margin-bottom:10px}.metric svg{width:19px}.metric small,.metric b,.metric em{display:block}.metric small{color:#858d9b;font-size:10px}.metric b{font-size:25px;margin:2px 0}.metric em{font-style:normal;font-size:9px;color:#a1a6b1}.twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;margin-bottom:15px}.panel{padding:18px;margin-bottom:15px}.panelhead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.panelhead b{font-size:13px}.panelhead small{display:block;color:#9ba1ad;font-size:10px;margin-top:4px}.alertrow,.quick{width:100%;display:flex;align-items:center;gap:10px;text-align:right;background:#fff;border:0;border-top:1px solid #f0f1f4;padding:12px 0;color:#33394a}.alerticon{width:32px;height:32px;border-radius:9px;background:#fff3e7;color:#d78c3e;display:grid;place-items:center}.alerticon svg{width:17px}.alertrow>span:nth-child(2),.quick span{flex:1}.alertrow b,.alertrow small,.quick b,.quick small{display:block}.alertrow b,.quick b{font-size:11px}.alertrow small,.quick small{font-size:9px;color:#969dab;margin-top:4px}.alertrow i{font-style:normal;color:#a0a5b2;font-size:9px}.alertrow>svg,.quick>svg:last-child{width:16px;color:#a5aab5}.quick>svg:first-child{background:#f0edff;color:#6659d2;padding:8px;width:35px;height:35px;border-radius:9px}.footnote{font-size:10px;color:#9ba1ad;display:flex;align-items:center;gap:7px}.footnote svg{width:15px;color:#6659d2}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:right;background:#fafbfc;color:#9ba1ad;font-size:10px;font-weight:500;padding:11px 9px}td{border-bottom:1px solid #f0f1f4;padding:13px 9px;font-size:10px;color:#687080}tbody tr{cursor:pointer}tbody tr:hover{background:#fcfbff}td b{color:#353b4a}.badge{display:inline-block;padding:5px 8px;border-radius:20px;font-size:9px}.blue{background:#edf4ff;color:#5689d2}.amber{background:#fff4e7;color:#c8893c}.violet{background:#f0eeff;color:#7568cf}.green{background:#eaf7f0;color:#409b70}.teal{background:#e8f7f7;color:#39999a}.gray{background:#f0f1f3;color:#858b98}.red{background:#fff0ef;color:#d47770}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.wide{max-width:440px;flex:1}.sort{display:flex;align-items:center;gap:7px;border:1px solid #e9ebf0;border-radius:8px;padding:0 10px;color:#9299a7}.sort svg{width:16px}.sort select,.fullselect{border:0;background:#fff;outline:0;font-size:10px;color:#697181}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #eee;margin-bottom:12px}.tabs button{white-space:nowrap;background:transparent;border:0;padding:10px;color:#9299a7;font-size:10px;border-bottom:2px solid transparent}.tabs button.chosen{color:#6659d2;border-color:#6659d2;font-weight:700}.tablefoot{display:flex;justify-content:space-between;color:#9ba1ad;font-size:9px;padding-top:12px}.detailtop{display:flex;justify-content:space-between;margin-bottom:18px}.back{border:0;background:transparent;color:#89909e;display:flex;align-items:center;gap:6px;font-size:11px}.back svg{width:16px}.outline{border:1px solid #e7e9ee;background:#fff;color:#727989;border-radius:8px;padding:9px 12px;font-size:10px;display:inline-flex;align-items:center;gap:6px;margin-left:7px}.outline svg{width:15px}.detailgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.product,.person{display:flex;align-items:center;gap:10px;padding:9px 0 15px;border-bottom:1px solid #eee}.product>svg{background:#f0edff;color:#6659d2;padding:10px;width:40px;height:40px;border-radius:10px}.product b,.product small{display:block}.product small{color:#9299a8;font-size:10px;margin-top:4px}.infogrid,.paygrid,.customerstats{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px 0}.info small,.info b{display:block}.info small{color:#9ba1ad;font-size:9px;margin-bottom:5px}.info b{font-size:10px}.note,.source{background:#fafbfc;border:1px solid #eff0f3;border-radius:8px;padding:12px;font-size:10px;line-height:1.9;color:#737b8a}.progress{height:6px;background:#eee;border-radius:10px;margin:12px 0;overflow:hidden}.progress i{display:block;height:100%;background:#59b789}.person>span{width:38px;height:38px}.person b{font-size:11px}.contact{display:flex;gap:8px;align-items:center;color:#737b8a;font-size:10px;line-height:1.8}.contact svg{width:15px;color:#9da3af}.fullselect{width:100%;border:1px solid #e8eaf0;border-radius:8px;padding:10px}.muted{font-size:9px;color:#9ba1ad}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0}.field span{font-size:10px;color:#737b8a;font-weight:600}.field input,.field textarea{border:1px solid #e8eaf0;border-radius:8px;padding:10px;outline:0;font-size:11px;width:100%;color:#303747}.field textarea{min-height:90px;resize:vertical;line-height:1.9}.field input:focus,.field textarea:focus{border-color:#a99ff0;box-shadow:0 0 0 3px #f3f1ff}.customergrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.customer{border:1px solid #eceef2;border-radius:10px;padding:14px}.customer .person{border:0}.customer .person div{flex:1}.customer .person small{display:block;color:#969dab;font-size:9px}.customerstats{border-top:1px solid #eee;border-bottom:1px solid #eee}.customerorder{display:flex;justify-content:space-between;width:100%;border:0;background:#fff;padding:8px 0;color:#707787;font-size:10px}.customerorder svg{width:15px}.settings p{color:#9299a8;font-size:11px;line-height:2}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e223466;z-index:20;display:grid;place-items:center;padding:18px}.modal{width:min(650px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:15px;padding:22px;box-shadow:0 20px 70px #0002}.modalhead{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:13px}.modalhead small{color:#999;font-size:10px}.modalhead h2{font-size:17px;margin:4px 0}.intro{display:flex;align-items:center;gap:12px;background:#f8f7ff;border:1px solid #efedff;padding:12px;border-radius:9px;margin:15px 0}.intro b{font-size:11px}.intro p{font-size:10px;color:#8c93a1;line-height:1.8;margin:4px 0}.hint,.warning{font-size:9px;color:#999fac}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.success{background:#eef9f2;color:#3d986d;padding:10px;border-radius:8px;font-size:10px;display:flex;align-items:center;gap:7px}.success svg{width:17px}.warning{background:#fff7e9;color:#b17b3c;padding:10px;border-radius:8px;line-height:1.8}.modalfoot{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eee;padding-top:14px;margin-top:14px}.toast{position:fixed;bottom:20px;left:20px;background:#252938;color:#fff;padding:12px 16px;border-radius:9px;z-index:30;display:flex;gap:8px;align-items:center;font-size:11px}.toast svg{width:17px;color:#76d2a0}.mobile,.scrim{display:none}.empty{padding:35px;text-align:center;color:#999}@media(max-width:1050px){.side{width:220px}main{margin-right:220px}.content{padding:25px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.tablewrap table{min-width:850px}}@media(max-width:700px){.side{transform:translate(110%);transition:.2s;width:270px}.side.open{transform:translate(0);box-shadow:0 0 40px #0002}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2225;z-index:4}main{margin:0}header{height:58px;padding:0 12px}.mobile{display:inline-flex}.hamb{border:0;background:transparent;color:#777}.crumb{font-size:10px;margin-right:8px;margin-left:auto}.headright{gap:8px}.headright .search{min-width:34px;width:34px;border:0;padding:5px}.headright .search input,.bell{display:none}.content{padding:22px 13px}.heading h1{font-size:20px}.heading p{font-size:10px;max-width:230px;line-height:1.8}.heading>.primary{font-size:0;padding:10px;width:39px;height:39px;flex-shrink:0}.heading>.primary svg{width:18px}.metric{padding:12px;min-height:125px}.metric b{font-size:22px}.metric em{font-size:8px}.panel{padding:14px}.detailgrid{grid-template-columns:1fr}.detailgrid>div:nth-child(2){grid-row:1}.customergrid{grid-template-columns:1fr}.toolbar{flex-direction:column}.wide{max-width:none}.modal{padding:15px}.formgrid{grid-template-columns:1fr 1fr}.detailtop .primary,.detailtop .outline{font-size:0;padding:9px}.detailtop svg{width:16px}.close{display:grid;place-items:center}.brand .close{margin-right:auto}.side .mobile{display:grid}}@media(max-width:390px){.formgrid{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:10px}.metric>span{width:30px;height:30px}}