@font-face{font-family:Vazirmatn;src:url('Vazirmatn.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('Vazirmatn-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('Vazirmatn-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--bg:#f5f6f4;--panel:#fff;--ink:#20343a;--muted:#7b878a;--line:#e9edeb;--navy:#172e32;--gold:#d9b86e;--gold-dark:#987126;--green:#23896c;--red:#c95656;--shadow:0 8px 32px #172e3205;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.85 Vazirmatn,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,input,select,textarea{outline:none}a:focus-visible,button:focus-visible{outline:3px solid #bea35e;outline-offset:4px}input:focus,select:focus,textarea:focus{border-color:#b69753!important;box-shadow:0 0 0 3px #c8ad6820}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.65;letter-spacing:-1px}h2{font-size:17px;letter-spacing:-.35px}h3{font-size:15px}small{font-size:11px}b,strong{font-weight:700}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.tiny{font-size:11px}.latin{direction:ltr;unicode-bidi:plaintext;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.preline{white-space:pre-line;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.span-2{grid-column:span 2}[hidden]{display:none!important}
.sidebar{width:258px;position:fixed;inset:0 0 0 auto;z-index:40;background:var(--navy);color:#b9c7c8;padding:34px 20px 16px;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:#fff;padding:0 9px 30px}.brand-symbol{width:43px;height:46px;color:var(--gold);background:#d9b86e14;border:1px solid #d9b86e38;display:grid;place-items:center;border-radius:13px}.brand-symbol .icon{width:29px;height:29px}.brand strong{display:block;font-size:21px;letter-spacing:-.8px}.brand small{display:block;font-size:9px;color:#91a5a7;margin-top:1px}.nav-label{font-size:10px;letter-spacing:.4px;color:#7d9698;padding:26px 17px 11px}.nav-link{display:flex;gap:12px;align-items:center;padding:12px 15px;border-radius:11px;font-size:12px;margin-bottom:6px;transition:.2s}.nav-link:hover{background:#ffffff0a;color:#fff}.nav-link.active{background:var(--gold);color:var(--navy);font-weight:700;box-shadow:0 6px 20px #0000000d}.nav-link .icon{width:19px;height:19px}.nav-dot{width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:auto}.side-note{position:relative;overflow:hidden;margin:42px 6px 28px;padding:20px;border:1px solid #ffffff13;border-radius:15px;background:linear-gradient(130deg,#ffffff06,transparent)}.side-note>.icon{color:var(--gold);display:block;margin-bottom:9px}.side-note strong{color:#e0e6e4;font-size:12px}.side-note p{font-size:10px;color:#8fa6a8;margin-top:7px;line-height:2}.side-note .tiny{display:block;color:#d7b86f;margin-top:13px;font-size:9px}.side-note:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #ffffff0b;border-radius:50%;bottom:-30px;left:-55px}.side-bottom{margin-top:auto;padding:16px 7px 0;border-top:1px solid #ffffff12}.account{display:flex;align-items:center;gap:10px}.avatar{width:43px;height:43px;display:inline-grid;place-items:center;border-radius:13px;background:#e9dec2;color:#6e592e;font-size:18px;flex-shrink:0}.account strong{display:block;color:#e0e8e7;font-size:12px}.account small{color:#819b9d;font-size:10px;display:block}.account>.icon{margin-right:auto;width:14px}.logout{display:flex;gap:8px;align-items:center;background:none;border:0;color:#82999b;margin:14px 0 0;padding:5px;font-size:11px}.logout .icon{width:15px;height:15px}.workspace{margin-right:258px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:86px;border-bottom:1px solid var(--line);background:#ffffffa6;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.top-title,.top-actions{display:flex;gap:18px;align-items:center}.breadcrumb{font-size:11px;color:#96a0a2}.breadcrumb b{margin:0 15px;color:#c7cdcc}.breadcrumb strong{color:#425357;font-weight:500}.top-actions{gap:22px}.today{color:#69797d;font-size:11px;display:flex;align-items:center;gap:8px}.today .icon{width:17px;height:17px}.icon-button{border:1px solid var(--line);background:#fff;border-radius:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#64797e;transition:.2s}.icon-button:hover{background:#f0f3ef;color:var(--ink)}.icon-button .icon{width:17px;height:17px}.menu-toggle{display:none}main{padding:32px 38px 40px;width:100%;max-width:1700px;margin:auto}.workspace main{flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1px;color:#9a844e;display:block;margin-bottom:5px}.page-heading p{font-size:11px;color:var(--muted);margin-top:4px}.heading-actions{display:flex;gap:10px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:10px;min-height:43px;border:1px solid transparent;line-height:1.6;font-size:11px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button .icon{width:17px;height:17px}.button.primary{background:var(--navy);color:#f6e9c9;box-shadow:0 4px 9px #172e3212}.button.primary:hover{background:#28474b}.button.secondary{background:#fff;color:#4b6063;border-color:#e0e5e2}.button.success{background:#e9f5ef;color:#247858;border-color:#d1ebdd}.button.danger{background:#fff0ee;color:#bc5454;border-color:#f4d9d4}.button.small{padding:7px 12px;font-size:10px;min-height:33px}.wide{width:100%}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:#84682b}.text-link .icon{width:16px;height:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:23px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;gap:15px}.panel-heading p{font-size:10px;color:var(--muted);margin-top:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 17px;gap:16px}.section-heading p{font-size:10px;color:var(--muted);margin-top:3px}.segmented{padding:4px;border:1px solid #e2e6e1;background:#ecefeb;border-radius:10px;display:flex;gap:3px}.segmented a{padding:6px 18px;font-size:11px;color:#7d8787;border-radius:7px}.segmented .selected{color:var(--ink);background:#fff;box-shadow:0 3px 7px #142c3210}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:23px}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:22px 23px 18px;background:#fff;border:1px solid var(--line);border-radius:15px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.metric-icon{width:33px;height:33px;border-radius:10px;background:#eff2f1;color:#5f7779;display:grid;place-items:center}.metric-icon .icon{width:18px;height:18px}.metric.green .metric-icon{background:#edf6f1;color:#318269}.metric.gold .metric-icon{background:#fbf4e7;color:#b18a3d}.metric.red .metric-icon{background:#fcf0ed;color:#c05959}.metric-value{font-size:26px;letter-spacing:-.9px;font-weight:700;margin-top:11px;line-height:1.7;overflow-wrap:anywhere}.metric-value small{font-size:10px;color:#8f999a;margin-right:7px;letter-spacing:0;font-weight:400}.metric-hint{font-size:9px;color:#98a09f;min-height:18px;margin-top:5px}.four .metric{padding:18px}.four .metric-value{font-size:22px}.overview-banner{display:grid;grid-template-columns:1.1fr .9fr .8fr;align-items:center;gap:25px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 100%,#37554c 0,transparent 60%),#1a3438;border:1px solid #314b4c;border-radius:20px;padding:31px 33px;color:#fff;min-height:267px}.banner-kicker{display:flex;align-items:center;gap:7px;color:#a7bcb9;font-size:9px}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d9b86e12}.overview-banner h2{font-size:25px;line-height:1.65;margin-top:11px;letter-spacing:-1px}.overview-banner h2 span{color:#e4c681}.overview-banner p{font-size:9px;color:#90aaa7;margin-top:10px}.banner-amount{font-size:29px;letter-spacing:-1px;font-weight:700;color:#f8f7ef;margin-top:5px;line-height:1.6}.banner-amount small{font-size:10px;font-weight:400;color:#a5b5ad;margin-right:7px}.overview-banner>div>a{display:inline-flex;align-items:center;gap:9px;font-size:10px;color:#dfc482;margin-top:9px}.overview-banner>div>a .icon{height:14px;width:14px}.banner-art{position:relative;display:grid;place-items:center;min-height:225px}.art-ring{position:absolute;inset:-15px -25px -10px;border:1px solid #ffffff0b;border-radius:50%;transform:rotate(-25deg)}.art-ring.second{inset:5px -10px 10px;border-style:dashed}.art-receipt{width:146px;height:190px;border-radius:16px 16px 5px 5px;background:linear-gradient(145deg,#faf8f0,#e7e4d8);box-shadow:15px 24px 24px #061b252b;transform:rotate(-9deg);padding:18px 18px;color:#36494a;position:relative;text-align:center}.art-receipt:after{content:'';position:absolute;bottom:-5px;height:10px;left:0;right:0;background:radial-gradient(circle at 5px 10px,transparent 5px,#e7e4d8 5px);background-size:10px 10px}.art-receipt-icon{border:1px solid #c6aa62;color:#ab8a3d;display:grid;place-items:center;width:37px;height:37px;margin:0 auto 8px;border-radius:11px}.art-receipt-icon .icon{width:26px;height:26px}.art-receipt>span{font-size:11px;font-weight:700}.art-lines{margin-top:17px}.art-lines i{display:block;height:3px;background:#cbd0c6;margin-bottom:9px;border-radius:2px}.art-lines i:nth-child(2){width:75%}.art-lines i:nth-child(3){width:55%}.art-confirm{display:flex;align-items:center;gap:7px;font-size:9px;padding:9px 14px;border:1px solid #ecddb7;background:#f6ebcd;border-radius:9px;position:absolute;bottom:17px;right:-45px;white-space:nowrap;transform:rotate(9deg);box-shadow:0 5px 10px #10292d20}.art-confirm .icon{width:15px;height:15px;color:#37896b}.art-spark{color:#dfbe71;position:absolute;left:15px;top:9px;font-size:30px}.art-small-spark{position:absolute;right:8px;bottom:10px;color:#cfad65;font-size:18px}.banner-summary{display:flex;flex-direction:column;gap:20px;border-right:1px solid #ffffff13;padding-right:23px;position:relative}.banner-summary>div{display:flex;align-items:center;gap:13px}.summary-icon{width:36px;height:36px;display:grid;place-items:center;background:#ffffff08;border:1px solid #ffffff10;border-radius:10px}.summary-icon.red{color:#e2988a}.summary-icon.gold{color:#dfc077}.summary-icon.green{color:#8bc6ab}.summary-icon .icon{width:18px;height:18px}.banner-summary strong{font-size:19px;display:block;font-weight:500;line-height:1.3}.banner-summary small{font-size:9px;color:#a3b7b3}.dashboard-lower{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:23px}.chart-panel{padding-bottom:20px}.chart-legend{font-size:9px;color:var(--muted);display:flex;gap:5px;align-items:center}.chart-legend i{width:7px;height:7px;background:#c7a766;border-radius:2px}.bar-chart{height:190px;display:flex;gap:12px;padding:13px 26px 0;direction:rtl}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-width:0}.chart-value{font-size:8px;white-space:nowrap;color:#687d7a}.bar-track{height:125px;width:34px;max-width:100%;display:flex;align-items:flex-end;background:repeating-linear-gradient(to bottom,transparent,transparent 40px,#edf0ed 40px,#edf0ed 41px)}.bar-fill{width:100%;height:2%;border-radius:6px 6px 2px 2px;background:linear-gradient(#d7b873,#b6a46f);min-height:3px;transition:height .7s}.chart-col:last-child .bar-fill{background:linear-gradient(#2b5b54,#25413d)}.chart-label{font-size:8px;color:#84918e;margin-top:12px;white-space:nowrap}.quick-panel{padding:24px;background:linear-gradient(140deg,#faf9f4,#f4f2e9);border-color:#e8e6d9}.quick-mark{display:grid;place-items:center;width:34px;height:34px;background:#eee8d5;color:#9b8448;border-radius:11px;margin-bottom:13px}.quick-panel h2{font-size:19px;line-height:1.8}.quick-panel p{font-size:10px;color:#92917f;line-height:2.2;margin:9px 0 17px}.quick-panel .button{font-size:10px;padding:9px 10px;min-height:36px}.quick-panel>.text-link{justify-content:center;display:flex;margin-top:13px;font-size:9px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}.data-table th{background:#fafbf9;font-size:9px;color:#83918f;font-weight:400;padding:13px 20px;border-top:1px solid #f0f2ef;border-bottom:1px solid #eef1ed}.data-table td{padding:17px 20px;border-bottom:1px solid #f0f2ef;font-size:11px}.data-table tr:last-child td{border-bottom:0}.data-table td>small,.data-table td>span+small{display:block;font-size:9px;color:#97a09f;margin-top:3px}.customer-cell{display:flex;align-items:center;gap:10px}.avatar.small{width:34px;height:34px;font-size:13px;background:#f0f0e7;border-radius:10px;color:#89856a}.customer-name{font-size:11px;font-weight:600}.customer-cell small{font-size:9px;color:#95a09d;display:block}.customer-cell small span{margin:0 4px}.cell-name{font-size:10px;font-weight:500}.amount-number{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.progress-info{display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:10px}.progress-info small{font-size:8px;color:#9eaaa3}.data-table progress{width:115px;height:4px;display:block;margin:5px 0;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#ecf1eb}progress::-webkit-progress-bar{background:#ecf1eb}progress::-webkit-progress-value{background:#52957b;border-radius:4px}progress::-moz-progress-bar{background:#52957b;border-radius:4px}.pending-caption{color:#9a9f96!important;font-size:8px!important}.date-text{font-size:10px;font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 9px;font-size:9px;white-space:nowrap;line-height:1.8}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.settled,.badge.approved{background:#eaf5ed;color:#428565}.badge.overdue,.badge.rejected{background:#fcedea;color:#c16860}.badge.open{background:#edf1f0;color:#627b76}.badge.pending{background:#fcf5e5;color:#ad8c3d}.badge.cancelled{background:#f0f1f1;color:#939b9a}.overdue-row{background:#fffbfa}.overdue-row td:first-child{box-shadow:inset -3px 0 #d47d73}.overdue-row .date-text,.overdue-row .date-text+small{color:#bd645b}.row-open{width:29px;height:29px;border-color:#e9eeea;border-radius:8px}.row-open .icon{width:14px}.empty{padding:35px;text-align:center;color:#8a9994;white-space:normal}.empty>.icon{width:36px;height:36px;margin-bottom:12px;color:#c8c8af}.empty h3{font-weight:500;color:#657972}.empty p{font-size:11px;margin-top:8px}.filterbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:14px;align-items:center}.filterbar>label{margin:0;min-width:140px;flex:1}.filterbar .search-field{flex:2;min-width:230px;position:relative}.search-field .icon{position:absolute;right:12px;top:12px;width:17px;height:17px;color:#889a91}.search-field input{padding-right:37px}.filterbar input,.filterbar select{font-size:11px;min-height:41px}.filterbar .button{min-height:41px;font-size:10px}.filter-reset{font-size:10px;color:#8e9a94;padding:0 5px}.filterbar .date-filter{font-size:9px;min-width:265px;display:flex;align-items:center;gap:8px}.date-filter .jalali-field{flex:1}.pagination{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:16px 22px;font-size:10px;color:#85968d}.pagination>div{display:flex;gap:8px}.count-pill{font-size:10px;background:#f3f5f0;border:1px solid #eceee5;padding:4px 10px;color:#89977b;border-radius:7px}.alert{padding:14px 17px;display:flex;align-items:center;gap:10px;border:1px solid;border-radius:11px;font-size:11px;margin-bottom:23px;line-height:2}.alert.success{background:#edf7f0;border-color:#d6eade;color:#347e5a}.alert.error{background:#fff0ed;border-color:#efcfc7;color:#ab524b}.alert.info{background:#fdf7e8;border-color:#eee1be;color:#9a7b32}.alert .dismiss{margin-right:auto;background:transparent;border:0;width:23px;height:23px}.alert>.icon{width:18px;height:18px}.footer{padding:20px 38px;border-top:1px solid #e9ede6;color:#a1aaa2;font-size:9px;display:flex;justify-content:space-between;gap:16px}.footer i{color:#bca065;font-style:normal;margin-right:8px}
.form-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(245px,1fr);gap:25px;align-items:start}.form-panel{padding:27px}.form-panel>.panel-heading{padding:0 0 25px}.form-section-title{display:flex;align-items:center;gap:12px;margin-bottom:25px}.form-section-title>span{width:39px;height:39px;display:grid;place-items:center;background:#f5f1e7;border:1px solid #e9e2cf;color:#aa9052;border-radius:11px;font-size:13px}.form-section-title p{font-size:10px;color:#95a095;margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}label{display:block;font-size:11px;font-weight:500;color:#576b62}label b{color:#bc7553;font-weight:400;margin-right:3px}label input,label textarea,label select{margin-top:7px}input,select,textarea{width:100%;border:1px solid #dfe6dd;border-radius:9px;min-height:44px;padding:10px 12px;background:#fdfefd;color:#233b32;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#b3bbb1}select{cursor:pointer;padding-left:24px}textarea{resize:vertical;min-height:95px}label small{color:#99a18f;font-size:9px;display:block;line-height:2;margin-top:5px;font-weight:400}.optional{font-size:9px;font-weight:400;color:#a7af9b;margin-right:4px}.unit-input{position:relative;display:block}.unit-input input{padding-left:60px}.unit-input>span{position:absolute;left:14px;top:18px;color:#9eaa95;font-size:10px}.form-divider{height:1px;background:#edf0e9;margin:30px 0}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eef1e9;margin-top:25px;padding-top:22px}.form-footer>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#9ba48e}.form-footer>span .icon{width:15px;height:15px}.form-aside{background:linear-gradient(145deg,#e9e8db,#f4f3e9);border:1px solid #e3e4d2;border-radius:18px;padding:30px 27px}.aside-icon{display:grid;place-items:center;width:43px;height:43px;background:#fff8dc;border:1px solid #e5d7a7;color:#a78a45;border-radius:12px;margin-bottom:15px}.form-aside h2{font-size:24px;color:#565f42;line-height:1.8}.form-aside ol{list-style:none;padding:0;counter-reset:steps;margin:25px 0}.form-aside li{counter-increment:steps;position:relative;padding-right:35px;margin-bottom:22px}.form-aside li:before{content:counter(steps,persian);position:absolute;right:0;top:0;display:grid;place-items:center;width:24px;height:24px;border:1px solid #d6d3b5;border-radius:50%;font-size:10px;color:#9d9259}.form-aside li b{font-size:11px;color:#646f53}.form-aside li p{font-size:9px;color:#8b967a;line-height:2.2;margin-top:3px}.aside-tip{font-size:10px;line-height:2.4;color:#9c8c53;border-top:1px solid #dedec6;padding-top:18px}.stack{display:flex;flex-direction:column;gap:20px;margin-top:23px}.stack .button{margin-top:5px}.checkbox-label{display:flex;align-items:center;gap:9px}.checkbox-label input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--navy)}.jalali-field{display:block;font-weight:400}.date-selects{display:flex;align-items:center;direction:rtl;gap:4px}.date-selects select{padding:9px 3px;min-width:0;flex:1;text-align:center;font-size:10px}.date-selects select[data-jmonth]{flex:1.4}.date-selects input[type=time]{padding:8px 3px;width:85px;font-size:11px;direction:ltr}.clear-date{border:0;background:none;color:#acb5a5;font-size:15px;padding:4px}.detail-header{padding:17px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.detail-header>div{display:flex;align-items:center;gap:15px}.detail-owner{font-size:10px;color:#97a08e}.detail-owner .icon{width:15px;height:15px;margin-left:6px}.detail-due{font-size:11px;color:#8d9c87}.detail-due .icon{width:17px;height:17px}.detail-due.overdue{color:#bc6859}.customer-panel .panel-heading{border-bottom:1px solid var(--line);padding:20px 25px}.customer-panel .panel-heading>.icon{color:#b1b6a2}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 25px 20px;gap:20px;margin:22px 0 0}.detail-grid dt,.receipt-details dt{font-size:9px;color:#9ba48f;margin-bottom:6px}.detail-grid dd{font-size:12px;margin:0;color:#495d48;overflow-wrap:anywhere}.detail-grid.single{grid-template-columns:1fr;padding:0}.copy-button{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:4px 7px;color:#acac8d;vertical-align:middle}.copy-button .icon{width:13px;height:13px}.receipt-list{padding:0 25px}.receipt-card{border:1px solid #e8ece1;border-radius:12px;padding:20px;margin-bottom:18px}.receipt-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.receipt-title{display:flex;align-items:center;gap:12px}.receipt-symbol{width:36px;height:39px;background:#f5f1e4;color:#b49b58;display:grid;place-items:center;border-radius:10px}.receipt-title strong{font-size:18px}.receipt-title strong small{font-size:9px;font-weight:400;color:#8c9b84}.receipt-title div>span{display:block;font-size:9px;color:#9ba48c}.receipt-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:0 0 16px}.receipt-details dd{font-size:10px;margin:0;color:#7e8f73;overflow-wrap:anywhere}.receipt-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e7ebdf;padding-top:14px;gap:12px}.review-info{font-size:9px;color:#a1a989}.receipt-note{background:#fafbf6;border-radius:8px;padding:10px 12px;font-size:11px;color:#8c9778;margin-bottom:15px}.review-note{padding:10px 12px;background:#f4f7f0;font-size:10px;color:#829371;border-radius:8px;margin-top:13px}.review-note.error{background:#fff4ef;color:#bc7861}.review-form{display:flex;align-items:center;gap:8px;margin-top:16px;border-top:1px solid #eef0e6;padding-top:15px}.review-form label{flex:1}.review-form input{font-size:10px;margin:0;min-height:36px}.upload-zone{border:1.5px dashed #d7dfc6;border-radius:12px;background:#fcfdf8;text-align:center;cursor:pointer;position:relative;padding:24px;display:flex;align-items:center;flex-direction:column;gap:7px}.upload-zone>.icon{width:29px;height:29px;color:#b6aa7d}.upload-zone strong{font-size:12px;color:#82906d}.upload-zone span{font-size:9px;color:#abb298}.upload-zone input{border:0;background:none;max-width:280px;cursor:pointer;font-size:10px;min-height:30px;padding:5px}.upload-zone input::file-selector-button{background:#edf0e2;border:0;border-radius:5px;color:#82906d;font:inherit;padding:5px 10px;cursor:pointer}.upload-zone .file-name{color:#ab9154}.cancel-form{display:flex;justify-content:flex-end}.amount-error{color:#bc5454!important}.report-tabs{display:flex;border-bottom:1px solid #e1e7d9;margin-bottom:20px;gap:20px}.report-tabs a{padding:12px 5px;font-size:12px;color:#97a085;display:flex;align-items:center;gap:9px;border-bottom:2px solid transparent}.report-tabs .selected{color:#6a7b50;border-bottom-color:#b19d59}.report-tabs .icon{width:18px;height:18px}.report-note{font-size:10px;display:flex;align-items:center;gap:9px;color:#9a9d7f;padding:0 0 16px}.report-note .icon{width:17px;height:17px}.users-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,1fr);gap:23px;align-items:start}.audit-details{max-width:390px;white-space:normal!important;font-size:10px!important;overflow-wrap:anywhere}.backdrop{display:none}.toast{position:fixed;bottom:25px;left:25px;background:var(--navy);color:#fff;padding:10px 20px;border-radius:10px;z-index:100;font-size:11px;box-shadow:0 6px 25px #0002}
.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fbfcf9}.auth-visual{background:radial-gradient(ellipse at 20% 50%,#3d5c4f,transparent 75%),var(--navy);color:#fff;position:relative;overflow:hidden;padding:45px 60px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.auth-visual .brand{align-self:flex-start;padding:0;position:absolute;top:40px;right:45px}.auth-visual .brand small{font-size:10px}.auth-art{height:245px;width:310px;position:relative;display:grid;place-items:center;margin:60px 0 40px}.orbit{position:absolute;width:260px;height:260px;border:1px solid #d4c27e1c;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:340px;height:180px;border-style:dashed;transform:rotate(35deg)}.gold-cube{width:145px;height:145px;border:1px solid #d9b86e90;background:linear-gradient(130deg,#c5a35850,#d9b86e12);display:grid;place-items:center;border-radius:35px;transform:rotate(-12deg);box-shadow:20px 20px 50px #091e2840,inset 1px 1px 0 #efe2a754}.gold-cube .icon{width:94px;height:94px;color:#e5ca83;stroke-width:.7;transform:rotate(12deg)}.floating-tag{position:absolute;padding:9px 17px;background:#e8e3cd;color:#49614e;border:1px solid #f0e8ca;border-radius:9px;font-size:10px;box-shadow:0 10px 20px #0c252632}.floating-tag .icon{width:16px;height:16px;color:#9e8f53;margin-left:5px}.tag-one{right:-10px;bottom:39px;transform:rotate(4deg)}.tag-two{left:-10px;top:30px;transform:rotate(-6deg)}.auth-visual h1{font-size:39px;line-height:1.7;text-align:center;letter-spacing:-1.5px}.auth-visual h1 em{font-style:normal;color:#e4c77e}.auth-visual>p{font-size:12px;color:#a1b9ac;line-height:2.3;text-align:center;margin-top:15px}.auth-bottom{display:flex;gap:35px;font-size:10px;color:#8ba496;margin:40px 0 15px}.auth-bottom span:before{content:'◆';font-size:5px;color:var(--gold);margin-left:8px}.auth-form{padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-card{width:100%;max-width:350px}.login-card h2{font-size:29px;margin-top:12px}.login-card>.muted{font-size:11px;margin-top:8px}.login-card .stack{margin-top:35px;gap:23px}.login-card .stack label{font-size:12px}.login-card input{height:49px;background:#fff}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:45px}.show-password{position:absolute;right:11px;top:18px;background:none;border:0;color:#99a88f;padding:0}.show-password .icon{width:18px;height:18px}.login-card .primary{height:47px;margin-top:10px;justify-content:space-between}.login-help{font-size:10px;color:#9ba58d;line-height:2.3;margin-top:28px;text-align:center}.login-help .icon{width:15px;height:15px;margin-left:4px}.auth-credit{color:#b1b7a4;font-size:9px;margin-top:60px}.setup-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:30px}.setup-card{max-width:520px;width:100%;padding:35px}.setup-card h1{font-size:23px;margin-bottom:17px}.setup-card p{font-size:12px}
@media(min-width:1500px){main{padding:38px 50px}.overview-banner{min-height:290px;padding:32px 45px}.overview-banner h2{font-size:30px}.banner-amount{font-size:34px}.sidebar{width:275px}.workspace{margin-right:275px}.metric-value{font-size:31px}.metric{padding:25px 28px}.data-table td{padding:19px 25px}}
@media(max-width:1200px){.sidebar{width:225px;padding-right:14px;padding-left:14px}.workspace{margin-right:225px}main{padding:27px 25px}.topbar{padding:0 25px}.overview-banner{gap:13px;padding:25px;grid-template-columns:1fr .8fr .8fr}.banner-art{transform:scale(.83);margin:0 -15px}.overview-banner h2{font-size:23px}.banner-summary{padding-right:18px}.banner-summary small{font-size:8px}.metric{padding:18px}.metric-value{font-size:22px}.four .metric-value{font-size:18px}.metrics.four{gap:10px}.form-grid{gap:18px 13px}.form-layout{grid-template-columns:minmax(0,1.9fr) minmax(220px,1fr)}.users-layout{grid-template-columns:minmax(0,1fr)}.users-layout .form-panel{max-width:600px;width:100%}}
@media(max-width:1020px){.overview-banner{grid-template-columns:1.1fr .9fr;gap:10px}.banner-summary{grid-column:span 2;flex-direction:row;justify-content:space-between;border-right:0;border-top:1px solid #ffffff12;padding:18px 0 0;margin-top:15px}.banner-summary strong{font-size:17px}.banner-summary>div{gap:8px}.banner-art{transform:scale(.9)}.banner-amount{font-size:28px}.metrics{gap:12px}.metric-top{font-size:10px}.metric-value{font-size:21px}.metric-icon{width:28px;height:28px}.metric-hint{font-size:8px}.dashboard-lower{grid-template-columns:minmax(0,1fr)}.quick-panel{display:none}.form-layout{grid-template-columns:minmax(0,1fr)}.form-aside{display:none}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:24px}.button{padding:10px 13px}.auth-visual{padding:35px}.auth-visual h1{font-size:32px}.auth-art{transform:scale(.85)}.auth-form{padding:35px}.detail-header{flex-wrap:wrap}.review-form{flex-wrap:wrap}.review-form label{flex-basis:100%}}
@media(max-width:760px){body{font-size:13px}.sidebar{transform:translateX(100%);transition:transform .25s;width:260px;padding-top:25px}.nav-open .sidebar{transform:translateX(0)}.nav-open .backdrop{display:block;position:fixed;inset:0;background:#0e242780;z-index:39;backdrop-filter:blur(3px)}.workspace{margin-right:0}.topbar{height:67px;padding:0 18px;background:#fafcf9;position:sticky;top:0;z-index:30}.menu-toggle{display:inline-flex;border-color:#e3e8de;background:#fff}.top-title{gap:10px}.breadcrumb{font-size:10px}.breadcrumb b{margin:0 7px}.top-actions{gap:10px}.top-actions>.icon-button{display:none}.today{font-size:10px}.today .icon{width:15px;height:15px}main{padding:23px 17px 30px}.page-heading{gap:15px;align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:23px}.eyebrow{font-size:8px;letter-spacing:.6px}.page-heading p{font-size:10px;line-height:2;max-width:250px}.heading-actions{gap:7px}.heading-actions .button{padding:10px 12px;font-size:10px;min-height:39px}.overview-banner{padding:23px;border-radius:17px;gap:5px;grid-template-columns:1.1fr .8fr}.overview-banner h2{font-size:25px}.overview-banner p{font-size:8px}.banner-kicker{font-size:8px}.banner-art{transform:scale(.8);margin:0 -12px;min-height:210px}.banner-summary{margin-top:12px;padding-top:20px;gap:10px}.banner-summary small{font-size:8px}.banner-summary strong{font-size:18px}.summary-icon{width:31px;height:31px;border-radius:8px}.summary-icon .icon{width:15px;height:15px}.banner-amount{font-size:25px}.overview-banner>div>a{font-size:9px}.metrics{gap:10px}.metric{padding:16px 14px;border-radius:12px}.metric-value{font-size:22px;margin-top:9px}.metric-top{font-size:9px}.metric-icon{width:27px;height:27px;border-radius:8px}.metric-icon .icon{width:15px;height:15px}.metric-hint{font-size:8px;line-height:1.9}.metric-value small{font-size:9px;margin-right:4px;display:block}.section-heading{margin-top:25px}.section-heading h2{font-size:16px}.section-heading p{font-size:9px}.segmented a{padding:5px 11px;font-size:10px}.segmented{padding:3px;gap:0}.panel{border-radius:14px}.panel-heading{padding:18px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:9px}.panel-heading .text-link{font-size:9px}.data-table td{padding:15px 17px}.data-table th{padding:12px 17px}.panel>.table-wrap:after{content:'برای مشاهده همه ستون‌ها، جدول را به طرفین بکشید';display:block;color:#9ba58e;font-size:8px;padding:9px 17px;border-top:1px solid #f2f3ec;text-align:right}.chart-label{font-size:7px}.bar-chart{gap:10px;padding:10px 18px 0}.chart-value{font-size:7px}.bar-track{width:28px}.filterbar{padding:13px;gap:8px}.filterbar .search-field{flex-basis:100%;min-width:0}.filterbar>label{min-width:125px}.filterbar .date-filter{min-width:100%;flex-basis:100%}.filterbar .date-filter>span{min-width:0}.filterbar .button{flex:1}.filterbar .filter-reset{padding:9px 13px}.form-panel{padding:20px}.form-grid{gap:20px 15px}.form-section-title h2{font-size:15px}.form-section-title p{font-size:9px}.form-section-title>span{width:34px;height:34px}.form-section-title{margin-bottom:21px}.form-footer{flex-wrap:wrap;padding-top:18px}.form-footer .button{flex-basis:100%;min-height:44px}.form-footer>span{font-size:9px}.detail-grid{padding:0 20px 20px;gap:20px 13px}.detail-grid dd{font-size:11px}.detail-header{padding:16px 18px;gap:12px}.detail-header>div{gap:12px}.detail-due{font-size:10px}.detail-owner{font-size:9px}.receipt-list{padding:0 17px}.receipt-card{padding:16px}.receipt-title{gap:9px}.receipt-title strong{font-size:17px}.receipt-title div>span{font-size:8px}.receipt-card-header{margin-bottom:18px}.receipt-symbol{width:30px;height:34px}.receipt-card-footer{flex-wrap:wrap}.review-info{font-size:8px}.review-form{gap:7px}.review-form>.button{flex:1}.receipt-details{gap:17px 12px}.receipt-details dt{font-size:8px}.receipt-details dd{font-size:9px}.upload-zone{padding:20px 14px}.upload-zone span{font-size:8px}.report-tabs{gap:17px}.report-tabs a{font-size:11px}.report-note{align-items:flex-start;font-size:9px;line-height:2.1}.footer{padding:17px;font-size:8px}.auth-page{display:flex;flex-direction:column}.auth-visual{min-height:0;height:235px;flex-shrink:0;padding:25px 25px 20px;align-items:flex-start;justify-content:flex-end}.auth-visual .brand{position:static;align-self:initial;padding:0;margin-bottom:22px}.auth-visual .brand strong{font-size:20px}.auth-visual .brand small{font-size:9px}.auth-visual h1{font-size:23px;line-height:1.8;text-align:right;letter-spacing:-.7px}.auth-visual>p,.auth-bottom{display:none}.auth-art{position:absolute;left:0;top:7px;width:200px;transform:scale(.55);height:230px;transform-origin:center;margin:0}.auth-form{padding:35px 25px 25px;flex:1;justify-content:flex-start}.login-card{max-width:400px}.login-card h2{font-size:25px}.login-card .stack{margin-top:27px}.auth-credit{margin-top:30px}.setup-card{padding:25px}.setup-page{padding:15px}}
@media(max-width:480px){.page-heading{flex-wrap:wrap}.heading-actions{width:100%}.heading-actions .button{flex:1}.page-heading p{max-width:none}.overview-banner{padding:21px 18px;grid-template-columns:1.1fr .7fr}.banner-art{transform:scale(.65);min-height:180px;margin:0 -25px 0 -10px}.overview-banner h2{font-size:24px}.banner-amount{font-size:24px}.banner-summary{gap:7px}.banner-summary>div{gap:6px;align-items:flex-start}.summary-icon{width:24px;height:26px;border:0;background:transparent}.summary-icon .icon{width:18px;height:18px}.banner-summary small{font-size:7px;display:block;max-width:75px;line-height:1.9;margin-top:3px}.banner-summary strong{font-size:17px}.metrics{grid-template-columns:1fr}.metric{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:2px 15px;align-items:center}.metric-top{grid-row:1 / span 2;font-size:11px;justify-content:flex-start;gap:10px;flex-direction:row-reverse}.metric-value{font-size:23px;text-align:left;margin-top:0}.metric-value small{display:inline;font-size:8px}.metric-hint{text-align:left;font-size:7px;min-height:0}.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.four .metric{display:block;padding:16px 13px}.four .metric-top{font-size:9px;flex-direction:row;justify-content:space-between}.four .metric-value{font-size:21px;text-align:right;margin-top:10px}.four .metric-value small{display:block}.four .metric-hint{text-align:right;font-size:8px}.section-heading{flex-wrap:wrap;gap:13px}.segmented{width:100%;justify-content:space-between}.segmented a{flex:1;text-align:center}.form-grid{grid-template-columns:1fr;gap:19px}.span-2{grid-column:auto}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid .span-2{grid-column:span 2}.receipt-details{grid-template-columns:1fr}.receipt-card-header .badge{font-size:8px;padding:4px 6px}.receipt-title div>span{max-width:185px}.receipt-title strong{font-size:17px}.receipt-symbol{display:none}.today{font-size:9px}.topbar{gap:8px}.top-title{gap:8px}.breadcrumb b{margin:0 5px}.breadcrumb{font-size:9px}.auth-art{left:-32px;top:10px}.upload-zone input{max-width:240px}.bar-chart{gap:8px}.chart-value{font-size:6px}.chart-label{font-size:6px}.chart-legend{font-size:8px}.footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body{background:#fff}.sidebar,.topbar,.heading-actions,.filterbar,.footer,.button,.review-form,.cancel-form,.form-panel,#add-receipt{display:none!important}.workspace{margin:0}main{padding:0;max-width:none}.panel{box-shadow:none;break-inside:avoid;border-radius:0}.table-wrap{overflow:visible}.data-table{white-space:normal}.panel>.table-wrap:after{display:none}.data-table td,.data-table th{font-size:8px;padding:8px}.metrics{gap:8px}.metric{padding:10px}.metric-value{font-size:17px}.page-heading{margin-bottom:15px}.report-tabs{display:none}@page{size:A4 landscape;margin:12mm}}
@media screen and (max-width:600px){
.data-table.mobile-ready{display:block;white-space:normal}.data-table.mobile-ready thead{display:none}.data-table.mobile-ready tbody{display:block;padding:0 15px 12px}.data-table.mobile-ready tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;position:relative;border:1px solid #e7ece4;border-radius:12px;margin-bottom:13px;padding:18px 17px;background:#fff}.data-table.mobile-ready tr:last-child{margin-bottom:0}.data-table.mobile-ready td{display:block;padding:0;border:0!important;white-space:normal;font-size:11px;min-width:0;overflow-wrap:anywhere}.data-table.mobile-ready td:before{content:attr(data-label);display:block;font-size:8px;color:#9aa590;margin-bottom:5px;font-weight:400}.data-table.mobile-ready td:first-child{grid-column:span 2;padding-left:32px;padding-bottom:12px;border-bottom:1px solid #eef1e9!important}.data-table.mobile-ready td:first-child:before{display:none}.data-table.mobile-ready.has-actions td:last-child:not([colspan]){position:absolute;left:15px;top:18px}.data-table.mobile-ready.has-actions td:last-child .button{font-size:8px;padding:5px 8px;min-height:27px}.data-table.mobile-ready.has-actions td:last-child .button .icon{display:none}.data-table.mobile-ready .customer-name{font-size:12px}.data-table.mobile-ready .customer-cell{gap:9px}.data-table.mobile-ready .avatar.small{width:32px;height:34px}.data-table.mobile-ready .overdue-row{background:#fffbf9;box-shadow:inset -3px 0 #d47d73}.data-table.mobile-ready .overdue-row td:first-child{box-shadow:none}.data-table.mobile-ready .progress-info{max-width:145px}.data-table.mobile-ready progress{width:100%;max-width:145px;height:5px}.data-table.mobile-ready .amount-number{font-size:14px}.data-table.mobile-ready td>.badge{font-size:9px}.data-table.mobile-ready td[colspan]{grid-column:span 2;padding:0;border:0!important}.data-table.mobile-ready td[colspan] .empty{padding:25px 10px}.table-wrap:has(.mobile-ready):after{display:none!important}.data-table.mobile-ready .date-text{font-size:10px}.data-table.mobile-ready td.audit-details{grid-column:span 2}.data-table.mobile-ready .latin{overflow-wrap:anywhere}.data-table.mobile-ready .receipt-title{font-size:12px}
}