@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}

:root{--navy-950:#081726;--navy-900:#0d2236;--navy-800:#17344e;--ink:#152536;--muted:#718096;--line:#e4e9ee;--canvas:#f4f6f9;--white:#fff;--yellow:#f6b91b;--yellow-soft:#fff6d9;--green:#0f8a6a;--green-soft:#e8f7f1;--blue:#2b6de0;--blue-soft:#edf4ff;--purple:#7655d7;--purple-soft:#f2efff;--red:#c84d53;--red-soft:#fff0f1;--shadow:0 14px 36px rgba(22,43,64,.06)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(43,109,224,.2);outline-offset:2px}svg{display:block}
.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:40;display:flex;width:272px;flex-direction:column;padding:26px 18px 18px;color:#dce6ef;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%),var(--navy-950);overflow:hidden}
.sidebar:before{content:"";position:absolute;width:240px;height:240px;inset:-120px auto auto -120px;border:1px solid rgba(246,185,27,.08);border-radius:50%;box-shadow:0 0 0 48px rgba(246,185,27,.025),0 0 0 96px rgba(246,185,27,.015);pointer-events:none}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:0 6px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{display:grid;width:45px;height:45px;flex:0 0 45px;place-items:center;border-radius:13px;background:var(--yellow);box-shadow:0 8px 22px rgba(246,185,27,.22);font-size:21px}.brand>span:nth-child(2){min-width:0;flex:1}.brand strong,.brand small{display:block}.brand strong{color:#fff;font-size:14px;white-space:nowrap}.brand small{margin-top:3px;color:#8296aa;font-size:9px}.close-menu{display:none;border:0;color:#91a3b3;background:transparent}.sidebar nav{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:5px;padding-top:22px}.nav-caption{margin:0 13px 8px;color:#61768a;font-size:9px;font-weight:700}.sidebar nav a{position:relative;display:flex;min-height:46px;align-items:center;gap:13px;padding:0 14px;border-radius:12px;color:#9eb0c1;font-size:12px;font-weight:600;transition:.16s ease}.sidebar nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar nav a.active{color:#fff;background:rgba(246,185,27,.12)}.sidebar nav a.active:before{content:"";position:absolute;inset-block:9px;inset-inline-start:-18px;width:3px;border-radius:0 3px 3px 0;background:var(--yellow)}.sidebar nav a.active svg{color:var(--yellow)}.sidebar-status{position:relative;z-index:1;margin:8px 2px 16px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.sidebar-status span,.sidebar-status small{display:block}.sidebar-status span{color:#e8eef5;font-size:10px;font-weight:600}.sidebar-status small{margin-top:5px;color:#71869a;font-size:8px;line-height:1.8}.user-card{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:13px 7px 2px;border-top:1px solid rgba(255,255,255,.07);color:#fff}.avatar{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:2px solid rgba(246,185,27,.18);border-radius:11px;color:var(--yellow);background:#17344e;font-size:12px;font-weight:800}.avatar.large{width:44px;height:44px;flex-basis:44px;font-size:14px}.user-card>span:nth-child(2){flex:1}.user-card strong,.user-card small{display:block}.user-card strong{font-size:10px}.user-card small{margin-top:3px;color:#71869a;font-size:8px}.user-card>svg{color:#62788c}
.workspace{width:calc(100% - 272px);min-height:100vh;margin-inline-start:272px;background:radial-gradient(circle at 20% -10%,rgba(246,185,27,.075),transparent 24rem),var(--canvas)}.topbar{position:sticky;top:0;z-index:25;display:flex;height:75px;align-items:center;justify-content:space-between;gap:20px;padding:0 34px;border-bottom:1px solid #e7ebef;background:rgba(255,255,255,.93);backdrop-filter:blur(16px)}.mobile-menu{display:none;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:11px;color:#536777;background:#fff}.global-search{display:flex;width:min(460px,44vw);height:42px;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:12px;color:#91a0ad;background:#f7f9fb}.global-search input{width:100%;height:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:10px}.page-content{width:100%;max-width:1540px;margin:0 auto;padding:30px 34px 50px}
.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:11px;font-size:10px;font-weight:700;transition:.15s ease}.button.primary{border-color:var(--navy-900);color:#fff;background:var(--navy-900);box-shadow:0 7px 18px rgba(13,34,54,.12)}.button.primary:hover{transform:translateY(-1px);background:var(--navy-800)}.button.secondary{border-color:#dfe5eb;color:#526373;background:#fff}.button.secondary:hover{border-color:#c9d2dc;background:#fafbfc}.button.danger{border-color:#e8b7ba;color:#a83940;background:#fff5f6}.button.full{width:100%;margin-top:8px}.button.small{min-height:33px;padding:0 10px;font-size:8px}.button.compact{white-space:nowrap}.alert{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;border:1px solid;border-radius:11px;font-size:9px}.alert.success{border-color:#bfe2d6;color:#19745c;background:#eefaf6}.alert.danger{border-color:#efc8ca;color:#a03d43;background:#fff4f5}
.page-heading{display:flex;min-height:76px;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading.simple{min-height:auto}.page-heading h1,.page-heading p{margin:0}.page-heading h1{margin-top:5px;color:#142637;font-size:clamp(22px,2vw,29px);line-height:1.4;letter-spacing:-.035em}.page-heading p{margin-top:7px;color:#82909d;font-size:10px}.eyebrow{color:#a87900;font-size:8.5px;font-weight:700}.eyebrow.light{color:#ffda6b}.heading-actions{display:flex;align-items:center;gap:8px}.panel{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;min-height:75px;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #edf0f3}.panel-head h2,.panel-head p{margin:0}.panel-head h2{font-size:12px}.panel-head p{margin-top:5px;color:#8d9aa6;font-size:8px}.panel-head>a{color:#496b82;font-size:8.5px;font-weight:700}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card{display:flex;min-height:126px;align-items:flex-start;gap:13px;padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.stat-card>span{display:grid;width:43px;height:43px;flex:0 0 43px;place-items:center;border-radius:13px}.stat-card.yellow>span{color:#a97800;background:var(--yellow-soft)}.stat-card.blue>span{color:var(--blue);background:var(--blue-soft)}.stat-card.green>span{color:var(--green);background:var(--green-soft)}.stat-card.purple>span{color:var(--purple);background:var(--purple-soft)}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{margin-bottom:7px;color:#738392;font-size:9px}.stat-card strong{color:#15283a;font-size:clamp(15px,1.35vw,20px);line-height:1.5}.stat-card em{margin-top:6px;color:#91a0ad;font-size:7.5px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,.75fr);gap:16px}.table-panel,.price-panel{min-width:0;overflow:hidden}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{padding:13px 15px;border-bottom:1px solid #eef1f4;text-align:right}.data-table th{color:#8b98a4;background:#fbfcfd;font-size:8px;font-weight:700}.data-table td{color:#5f7080;font-size:8.5px}.data-table tbody tr{transition:.12s ease}.data-table tbody tr:hover{background:#fcfdfe}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong,.data-table td small{display:block}.data-table td strong{color:#33495d;font-size:9px}.data-table td small{margin-top:4px;color:#9aa6b1;font-size:7.5px}.source-link{color:#2f668f;font-weight:700}.status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:7.5px;font-weight:700}.status.final{color:#14765d;background:#eaf7f2}.status.draft{color:#966b00;background:#fff5d7}.status.cancelled{color:#a33f45;background:#fff0f1}.percent-pill{display:inline-flex;padding:5px 8px;border-radius:8px;color:#946800;background:#fff6dd;font-weight:700}.row-action a{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:8px;color:#496a82;background:#fff;font-size:8px}.price-list{padding:4px 18px}.price-list>a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f4}.price-list>a:last-child{border-bottom:0}.product-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;color:#2e6bd4;background:#edf4ff}.price-list>a>span:nth-child(2){min-width:0;flex:1}.price-list strong,.price-list small,.price-list em{display:block}.price-list strong{overflow:hidden;color:#33495d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.price-list small{margin-top:4px;color:#98a5b0;font-size:7px}.price-list em{color:#0c7d62;font-size:8px;font-style:normal;font-weight:700}.empty-mini{display:grid;min-height:170px;place-items:center;padding:30px;text-align:center}.empty-mini p{margin:0;color:#8795a1;font-size:9px}.integrity-strip{display:flex;align-items:center;gap:12px;margin-top:16px;padding:15px 19px;border:1px solid #dce8e3;border-radius:16px;background:linear-gradient(90deg,#fff,#f7fcfa);box-shadow:var(--shadow)}.integrity-strip>span{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;color:var(--green);background:var(--green-soft)}.integrity-strip strong,.integrity-strip p{display:block;margin:0}.integrity-strip strong{font-size:9.5px}.integrity-strip p{margin-top:4px;color:#7c8c98;font-size:8px}
.list-toolbar{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid #edf0f3}.tabs{display:flex;gap:4px;padding:4px;border-radius:11px;background:#f3f6f8}.tabs a{padding:8px 11px;border-radius:8px;color:#778895;font-size:8.5px;font-weight:700}.tabs a.active{color:#2e4659;background:#fff;box-shadow:0 2px 8px rgba(25,48,68,.07)}.local-search{display:flex;width:min(520px,60vw);height:40px;align-items:center;gap:8px;padding-inline-start:12px;border:1px solid var(--line);border-radius:11px;color:#8795a1;background:#f8fafb}.local-search input{min-width:0;height:100%;flex:1;border:0;outline:0;background:transparent;font-size:9px}.local-search .button{min-height:40px;border-block:-1px;border-inline-end:-1px;border-radius:10px 0 0 10px}
.invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px}.invoice-main{min-width:0;padding:20px}.form-grid{display:grid;gap:12px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field>span{display:block;margin:0 2px 7px;color:#657786;font-size:8.5px;font-weight:600}.form-field input,.form-field select,.form-field textarea{width:100%;min-height:41px;padding:0 11px;border:1px solid #dfe5ea;border-radius:10px;outline:0;color:#384e60;background:#fff;font-size:9px}.form-field textarea{padding-block:9px;resize:vertical}.upload-box{display:flex;min-height:62px;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;border:1px dashed #cbd6dd;border-radius:12px;color:#49667b;background:#fafcfd}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-box>span:first-of-type{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#edf3f7}.upload-box>span:nth-of-type(2){flex:1}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:9px}.upload-box small{margin-top:4px;color:#93a0ab;font-size:7.5px}.upload-box em{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#617583;background:#fff;font-size:8px;font-style:normal}.markup-control{display:flex;align-items:center;gap:11px;margin-top:14px;padding:14px;border:1px solid #f1dda4;border-radius:13px;background:#fffaf0}.markup-control>span{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;color:#9d7100;background:#fff0bd}.markup-control>div{flex:1}.markup-control strong,.markup-control small{display:block}.markup-control strong{font-size:9px}.markup-control small{margin-top:4px;color:#978d70;font-size:7.5px}.markup-control label{display:flex;height:39px;align-items:center;overflow:hidden;border:1px solid #e5d08c;border-radius:9px;background:#fff}.markup-control input{width:70px;height:100%;padding:0 8px;border:0;outline:0;color:#745400;background:transparent;text-align:center;font-size:12px;font-weight:700}.markup-control em{padding:0 9px;color:#9a780f;font-size:8px;font-style:normal}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 12px}.section-title h2,.section-title p{margin:0}.section-title h2{font-size:12px}.section-title p{margin-top:4px;color:#95a1ac;font-size:8px}.text-button{display:inline-flex;align-items:center;gap:5px;padding:7px;border:0;color:#496b83;background:transparent;font-size:8.5px;font-weight:700}.invoice-rows{display:grid;gap:12px}.invoice-row{overflow:hidden;border:1px solid #e4e9ed;border-radius:13px;background:#fff}.row-top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #edf1f3;background:#fafcfd}.row-top .row-number{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;color:#a37300;background:var(--yellow-soft);font-size:8px;font-weight:700}.row-top strong{flex:1;font-size:8.5px}.row-top button{width:28px;height:28px;border:0;border-radius:8px;color:#9e5d62;background:var(--red-soft);font-size:16px}.line-grid{grid-template-columns:2fr .7fr 1fr .85fr;align-items:end;padding:12px}.description-field{grid-column:1/-1}.row-calculation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px 12px;background:#f8fafb}.row-calculation span{color:#84929d;font-size:7px}.row-calculation strong{display:block;margin-top:4px;color:#405768;font-size:8px}.row-calculation span:nth-child(1) strong,.row-calculation span:nth-child(3) strong{color:var(--green)}.add-row-mobile{display:none}.invoice-summary{position:sticky;top:92px;padding:18px}.summary-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #edf0f3}.summary-head>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#9e7100;background:var(--yellow-soft)}.summary-head h2,.summary-head p{margin:0}.summary-head h2{font-size:11px}.summary-head p{margin-top:3px;color:#95a2ad;font-size:7.5px}.invoice-summary dl{margin:10px 0;padding-bottom:9px;border-bottom:1px solid #edf0f3}.invoice-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;color:#738391;font-size:8px}.invoice-summary dt,.invoice-summary dd{margin:0}.invoice-summary dd{color:#344b5d;font-weight:700}.invoice-summary dl .adjustment{margin-top:4px;padding:9px;border-radius:9px;color:#8f6900;background:#fff7e0}.invoice-summary dl .adjustment dd{color:#9a6e00}.final-total{padding:7px 0 12px}.final-total>span,.final-total>strong,.final-total>small{display:block}.final-total>span{color:#687b8b;font-size:8px}.final-total>strong{margin-top:5px;color:#14293b;font-size:18px}.final-total>small{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--green);font-size:7.5px}.summary-note{margin:0 0 12px;padding:10px;border-radius:9px;color:#5c7080;background:#f3f7f9;font-size:7.5px;line-height:1.8}
.invoice-view-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:16px}.invoice-document{min-width:0;overflow:hidden}.document-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f3}.document-top>div{display:flex;align-items:center;gap:10px}.doc-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#9d7000;background:var(--yellow-soft)}.document-top h2,.document-top p{margin:0}.document-top h2{font-size:12px}.document-top p{margin-top:4px;color:#95a1ac;font-size:7.5px}.document-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf0f3}.document-meta>div{padding:14px 16px;background:#fafcfd}.document-meta span,.document-meta strong{display:block}.document-meta span{color:#8795a0;font-size:7.5px}.document-meta strong{margin-top:5px;color:#3d5365;font-size:9px}.document-table th,.document-table td{padding:13px 14px}.green-text{color:var(--green)!important}.document-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 20px;border-top:1px solid #edf0f3;background:#fbfcfd}.document-totals>div{padding:11px;border-radius:10px;background:#fff}.document-totals span,.document-totals strong{display:block}.document-totals span{color:#8795a0;font-size:7.5px}.document-totals strong{margin-top:5px;font-size:9px}.document-totals .adjustment{color:#936800;background:#fff7e0}.document-totals .grand{color:#fff;background:var(--navy-900)}.document-totals .grand span{color:#9fb0bf}.document-totals .grand strong{font-size:11px}.side-stack{display:grid;gap:12px}.info-card{padding:17px}.info-card h3,.info-card p{margin:0}.info-card h3{font-size:10px}.info-card p{margin-top:7px;color:#82909c;font-size:8px;line-height:1.8}.internal-note{border-color:#eedda8;background:#fffaf0}.internal-note strong{font-size:9px;color:#8f6900}.internal-note p{color:#928569}
.product-cell{display:flex;min-width:230px;align-items:center;gap:9px}.product-cell>span{display:grid;width:33px;height:33px;place-items:center;border-radius:10px;color:#2e6bd4;background:#edf4ff}.product-overview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;margin-bottom:15px}.product-hero{display:grid;grid-template-columns:auto repeat(4,1fr);align-items:center;gap:1px;overflow:hidden}.product-big-icon{display:grid;width:54px;height:54px;margin:18px;place-items:center;border-radius:15px;color:#2e6bd4;background:#edf4ff}.product-hero>div{padding:18px;border-inline-start:1px solid #edf0f3}.product-hero small,.product-hero strong,.product-hero em{display:block}.product-hero small{color:#8795a0;font-size:7.5px}.product-hero strong{margin-top:6px;font-size:11px}.product-hero em{margin-top:4px;color:#8b98a4;font-size:7px;font-style:normal}.markup-card{padding:17px}.markup-card h3,.markup-card p{margin:0}.markup-card h3{font-size:10px}.markup-card p{margin-top:6px;color:#8b98a4;font-size:7.5px}.markup-card form>div{display:flex;gap:7px;margin-top:11px}.markup-card input{min-width:0;height:40px;flex:1;padding:0 10px;border:1px solid var(--line);border-radius:10px;outline:0}.history-panel{overflow:hidden}
.supplier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.supplier-card{padding:18px}.supplier-icon{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;color:#2e6bd4;background:#edf4ff}.supplier-card h2,.supplier-card p{margin:0}.supplier-card h2{margin-top:14px;font-size:11px}.supplier-card>p{margin-top:5px;color:#94a1ac;font-size:7.5px}.supplier-card>div{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin:15px 0 12px}.supplier-card>div>span{padding:9px;border-radius:9px;color:#8c99a4;background:#f7f9fa;font-size:7px}.supplier-card>div strong{display:block;margin-top:5px;color:#41586a;font-size:8.5px}.supplier-card>small{color:#8796a2;font-size:7.5px}.app-dialog{width:min(440px,calc(100vw - 28px));padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 80px rgba(7,23,38,.25)}.app-dialog::backdrop{background:rgba(5,18,30,.58);backdrop-filter:blur(3px)}.app-dialog form{position:relative;padding:24px}.app-dialog h2,.app-dialog p{margin:0}.app-dialog h2{font-size:16px}.app-dialog p{margin:5px 0 18px;color:#8795a0;font-size:8.5px}.app-dialog .form-field{display:block;margin-top:12px}.dialog-close{position:absolute;top:18px;left:18px;width:31px;height:31px;border:0;border-radius:9px;color:#81909c;background:#f1f4f6;font-size:18px}
.activity-list{max-width:940px;overflow:hidden}.activity-list>article{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid #eef1f4}.activity-list>article:last-child{border-bottom:0}.activity-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;color:#2e6bd4;background:#edf4ff}.activity-list article>div{flex:1}.activity-list strong,.activity-list small{display:block}.activity-list strong{color:#354b5e;font-size:9px}.activity-list small{margin-top:5px;color:#8997a3;font-size:7.5px}.activity-list em{color:#a0abb4;font-size:7px;font-style:normal;direction:ltr}.users-panel{max-width:900px;padding:20px}.capacity{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:15px;padding:13px;border-radius:11px;background:#f7f9fa}.capacity span{color:#7a8995;font-size:8px}.capacity strong{font-size:9px}.capacity>div{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:#e4e9ed}.capacity i{display:block;height:100%;border-radius:999px;background:var(--yellow)}.user-list>article{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef1f4}.user-list>article:last-child{border-bottom:0}.user-list article>div{flex:1}.user-list strong,.user-list small{display:block}.user-list strong{font-size:9px}.user-list small{margin-top:4px;color:#8d9aa5;font-size:7.5px}.user-list form{margin:0}.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.settings-card{padding:20px}.settings-head{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding-bottom:15px;border-bottom:1px solid #edf0f3}.settings-head>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#9d7000;background:var(--yellow-soft)}.settings-head h2,.settings-head p{margin:0}.settings-head h2{font-size:11px}.settings-head p{margin-top:4px;color:#929faa;font-size:7.5px}.suffix-input{display:flex;height:41px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px}.suffix-input input{height:100%;border:0;border-radius:0}.suffix-input em{padding:0 10px;color:#8795a0;font-size:8px;font-style:normal}.setting-rule{margin:14px 0 0;padding:10px;border-radius:9px;color:#657a89;background:#f3f7f9;font-size:7.5px;line-height:1.8}.settings-card>.form-field{display:block;margin-top:12px}.settings-submit{grid-column:1/-1;display:flex;justify-content:flex-end}
.empty-state{display:grid;min-height:280px;place-items:center;padding:35px;text-align:center}.empty-state>span{font-size:34px}.empty-state h1,.empty-state h2,.empty-state p{margin:0}.empty-state h2{font-size:18px}.empty-state p{color:#8795a0;font-size:9px}.empty-state .button{margin-top:12px}
.installer-page{background:radial-gradient(circle at 10% 0,rgba(246,185,27,.1),transparent 28rem),var(--canvas)}.installer-shell{width:min(1080px,calc(100% - 28px));margin:0 auto;padding:30px 0 60px}.installer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.installer-brand>span{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:var(--yellow)}.installer-brand strong,.installer-brand small{display:block}.installer-brand strong{font-size:13px}.installer-brand small{margin-top:3px;color:#7f8d99;font-size:8px}.installer-card{padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.installer-form fieldset{margin:0 0 18px;padding:17px;border:1px solid var(--line);border-radius:13px}.installer-form legend{padding:0 8px;color:#405769;font-size:9px;font-weight:700}.install-button{min-height:46px}.install-success{display:grid;min-height:460px;place-items:center;align-content:center;gap:12px;border:1px solid #c8e7dc;border-radius:20px;background:#fff;box-shadow:var(--shadow);text-align:center}.install-success>span{display:grid;width:60px;height:60px;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:28px}.install-success h1,.install-success p{margin:0}.install-success h1{font-size:21px}.install-success p{color:#7d8c98;font-size:9px}.install-success .button{margin-top:8px}
.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(430px,1.05fr) minmax(430px,.95fr);background:#fff}.login-story{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(40px,6vw,90px);color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.02),transparent 50%),var(--navy-950)}.login-story:after{content:"";position:absolute;inset:auto -70px -90px auto;width:320px;height:320px;border:1px solid rgba(246,185,27,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(246,185,27,.035),0 0 0 110px rgba(246,185,27,.018)}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.login-brand>span{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:var(--yellow)}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:13px}.login-brand small{margin-top:3px;color:#8195a8;font-size:8px}.story-copy{position:relative;z-index:1;max-width:550px}.story-copy h1{max-width:520px;margin:18px 0 16px;font-size:clamp(38px,4.2vw,64px);line-height:1.35;letter-spacing:-.05em}.story-copy p{max-width:500px;margin:0;color:#a8b8c8;font-size:12px;line-height:2}.story-points{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap}.story-points span{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#99acbd;background:rgba(255,255,255,.035);font-size:7.5px}.login-panel{display:grid;min-height:100vh;place-items:center;padding:40px;background:#f9fafb}.login-card{width:min(100%,410px);padding:35px;border:1px solid #e5e9ed;border-radius:22px;background:#fff;box-shadow:0 20px 60px rgba(22,43,64,.08)}.mobile-login-brand{display:none}.login-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:25px}.login-heading>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--yellow-soft);font-size:18px}.login-heading h1,.login-heading p{margin:0}.login-heading h1{font-size:17px}.login-heading p{margin-top:5px;color:#8c99a5;font-size:8.5px}.login-card .form-field{display:block;margin-top:14px}.login-button{width:100%;min-height:46px;margin-top:20px}.secure-note{display:block;margin-top:16px;color:#98a5b0;text-align:center;font-size:7.5px}.mobile-overlay{display:none}
@media(max-width:1180px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-grid{grid-template-columns:1.6fr .6fr 1fr .8fr}.product-overview{grid-template-columns:1fr}.product-hero{grid-template-columns:auto repeat(4,1fr)}}
@media(max-width:940px){.sidebar{transform:translateX(110%);transition:transform .22s ease}.sidebar.open{transform:translateX(0)}.close-menu{display:grid;margin-inline-start:auto}.workspace{width:100%;margin-inline-start:0}.mobile-menu{display:grid}.mobile-overlay.active{position:fixed;inset:0;z-index:35;display:block;border:0;background:rgba(5,18,30,.55);backdrop-filter:blur(3px)}.topbar{padding:0 20px}.page-content{padding:25px 20px 44px}.invoice-layout,.invoice-view-grid{grid-template-columns:1fr}.invoice-summary{position:static}.settings-grid{grid-template-columns:1fr}.settings-submit{grid-column:auto}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{padding:24px}.mobile-login-brand{display:flex;align-items:center;gap:8px;margin-bottom:25px;padding:12px;border-radius:12px;color:#fff;background:var(--navy-950)}.mobile-login-brand span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--yellow)}.mobile-login-brand strong{font-size:10px}}
@media(max-width:700px){.topbar{height:68px;gap:8px;padding:0 12px}.global-search{flex:1;width:auto}.global-search input{font-size:9px}.button.compact{width:42px;min-width:42px;padding:0}.button.compact span{display:none}.page-content{padding:18px 12px 38px}.page-heading{min-height:auto;align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.page-heading h1{font-size:22px}.page-heading p{font-size:9px;line-height:1.8}.heading-actions{width:100%}.heading-actions>.button,.heading-actions>button{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:115px;align-items:flex-start;flex-direction:column;padding:14px}.stat-card>span{width:38px;height:38px;flex-basis:38px}.stat-card strong{font-size:14px}.panel{border-radius:15px}.panel-head{min-height:66px;padding:13px 15px}.integrity-strip{align-items:flex-start}.list-toolbar{align-items:stretch;flex-direction:column}.tabs{overflow-x:auto}.tabs a{white-space:nowrap}.local-search{width:100%}.form-grid.three,.form-grid.two,.line-grid{grid-template-columns:1fr}.invoice-main{padding:14px}.invoice-meta{gap:10px}.markup-control{align-items:flex-start;flex-wrap:wrap}.markup-control>div{min-width:180px}.markup-control label{margin-inline-start:48px}.section-title .text-button{display:none}.invoice-row{border-radius:12px}.line-grid{padding:10px}.description-field{grid-column:auto}.row-calculation{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.row-calculation span{padding:8px;border-radius:8px;background:#fff}.row-calculation span:last-child{grid-column:1/-1}.add-row-mobile{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center;gap:7px;margin-top:12px;border:1px dashed #cad5dc;border-radius:10px;color:#496b83;background:#fafcfd;font-size:8.5px;font-weight:700}.document-meta,.document-totals{grid-template-columns:1fr 1fr}.product-hero{grid-template-columns:1fr 1fr}.product-big-icon{display:none}.product-hero>div{border-bottom:1px solid #edf0f3}.supplier-grid{grid-template-columns:1fr}.users-panel{padding:14px}.user-list>article{align-items:flex-start;flex-wrap:wrap}.user-list article>div{min-width:150px}.settings-card{padding:15px}.installer-card{padding:18px}.installer-form fieldset{padding:13px}.login-card{padding:24px 20px}.responsive-table{display:block;white-space:normal}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:10px;padding:10px;background:#f6f8fa}.responsive-table tr{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 16px rgba(22,43,64,.04)}.responsive-table td{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px dashed #e7ebef;text-align:left}.responsive-table td:before{content:attr(data-label);flex:0 0 auto;color:#8a98a4;font-size:7.5px;font-weight:600;text-align:right}.responsive-table td:last-child{border-bottom:0}.responsive-table td strong,.responsive-table td small{text-align:left}.responsive-table .product-cell{min-width:0}.responsive-table .product-cell strong{text-align:right}.responsive-table .row-action a{width:100%;justify-content:center}.activity-list>article{padding:14px}.activity-list em{display:none}}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.stat-card{min-height:96px;align-items:center;flex-direction:row}.stat-card>span{width:42px;height:42px;flex-basis:42px}.document-meta,.document-totals{grid-template-columns:1fr}.story-copy h1{font-size:32px}.invoice-summary{padding:15px}}
@media print{.sidebar,.topbar,.heading-actions,.side-stack,.alert{display:none!important}.workspace{width:100%;margin:0}.page-content{max-width:none;padding:0}.invoice-view-grid{display:block}.invoice-document{border:0;box-shadow:none}.responsive-table{display:table!important}.responsive-table thead{display:table-header-group!important}.responsive-table tbody{display:table-row-group!important;padding:0!important;background:none!important}.responsive-table tr{display:table-row!important;padding:0!important;border:0!important;box-shadow:none!important}.responsive-table td{display:table-cell!important;padding:9px!important;border-bottom:1px solid #ddd!important}.responsive-table td:before{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}