@font-face{font-family:Bahij Yekan;src:url('assets/fonts/Bahij Yekan-Regular.ttf')}@font-face{font-family:Bahij Droid Naskh;src:url('assets/fonts/Bahij Droid Naskh-Regular.ttf')}@font-face{font-family:Bahij Mitra;src:url('assets/fonts/Bahij Mitra-Regular.ttf')}@font-face{font-family:Bahij Nazanin;src:url('assets/fonts/Bahij Nazanin-Regular.ttf')}@font-face{font-family:Bahij Zar;src:url('assets/fonts/Bahij Zar-Regular.ttf')}@font-face{font-family:Bahij Titr;src:url('assets/fonts/Bahij Titr-Bold.ttf')}
:root{--bg:#f3f6fa;--surface:#fff;--ink:#18263d;--muted:#778399;--accent:#147d71;--nav:#142d38;--line:#e4eaf0;--font:'Bahij Yekan';--texture:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px var(--font),sans-serif;background-image:var(--texture)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:9px 15px;background:var(--surface);color:var(--ink)}button:hover{border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.danger{color:#dc4c4c}a{color:var(--accent);text-decoration:none}aside{position:fixed;right:0;top:0;bottom:0;width:248px;background:var(--nav);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 6px 26px}.brand b{font-size:19px}.brand small{display:block;font:11px sans-serif;color:#acc3cd;margin-top:7px}.brandmark{font-size:31px;background:#ffffff15;border-radius:12px;padding:10px}nav{overflow:auto}nav button{display:flex;width:100%;align-items:center;gap:13px;margin:3px 0;background:none;border:0;color:#c9d6dd;text-align:right;padding:11px 14px}nav button.active{background:var(--accent);color:#fff}nav button span{font-family:sans-serif;font-size:19px;width:22px}.aside-bottom{margin-top:auto;padding:20px 8px 0;font-size:13px;color:#c9d6dd}.aside-bottom small{display:block;margin-top:12px;font-family:sans-serif}.dot{display:inline-block;width:7px;height:7px;background:#50cca1;border-radius:50%;margin-left:7px}main{margin-right:248px;padding:30px 34px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header small{color:var(--muted)}h1{font-size:29px;margin:3px 0}h2{font-size:20px;margin:0 0 15px}h3{font-size:17px;margin:0}.header-actions{display:flex;align-items:center;gap:10px;font-size:14px}.header-actions>span{color:var(--muted);margin-left:12px}.banner{background:var(--surface);border:1px solid var(--line);border-right:4px solid var(--accent);padding:12px 17px;border-radius:10px;font-size:14px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:21px;box-shadow:0 3px 18px #15273804}.card .label{color:var(--muted);font-size:14px}.card strong{display:block;font-family:var(--font);font-size:29px;margin:13px 0 8px}.card small{color:var(--muted)}.card .icon{float:left;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:10px;padding:8px;color:var(--accent)}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{margin-bottom:20px}.panel-head,.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:19px}.panel-head h2{margin:0}.muted{color:var(--muted)}.toolbar input{max-width:310px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:14px}th{color:var(--muted);font-weight:normal;background:var(--bg);text-align:right;padding:13px}td{border-bottom:1px solid var(--line);padding:13px}tbody tr:last-child td{border-bottom:0}.tag{font-size:12px;padding:4px 9px;border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.alert{padding:13px;border-radius:9px;background:var(--bg);margin:10px 0;border-right:3px solid #db9b34;font-size:14px}.tank{margin:18px 0}.tank-top{display:flex;justify-content:space-between;font-size:14px}.track{height:13px;background:var(--bg);border-radius:12px;overflow:hidden;margin:10px 0}.track i{display:block;background:var(--accent);height:100%;border-radius:12px}.tank small{color:var(--muted)}.bar-chart{height:175px;display:flex;gap:13px;align-items:end;padding-top:15px}.bar-column{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:end;height:100%;gap:8px;font-size:12px;color:var(--muted)}.bar-column i{display:block;background:var(--accent);width:65%;border-radius:5px 5px 0 0;min-height:2px}.empty{text-align:center;padding:35px;color:var(--muted)}input,select,textarea{width:100%;padding:10px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;text-align:right}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent)}label{display:block;font-size:14px;margin-bottom:6px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field.wide{grid-column:1/-1}.actions{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;padding:26px;width:620px;max-width:95vw;max-height:90vh}dialog::backdrop{background:#0a1c3890;backdrop-filter:blur(3px)}.close{float:left}.settings-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.theme{padding:10px;text-align:right;border:2px solid var(--line)}.theme.selected{border-color:var(--accent)}.swatches{display:flex;gap:4px;margin-bottom:8px}.swatches i{height:22px;flex:1;border-radius:4px}.about{text-align:center;max-width:900px;margin:auto}.about img{width:180px;max-height:160px;object-fit:contain}.about p{line-height:2.1;text-align:right}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.service{padding:20px;background:var(--bg);border-radius:12px}.service span{display:block;font-size:27px;margin-bottom:9px}.contacts{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;direction:ltr}.summary{font-size:14px;background:var(--bg);padding:12px;border-radius:8px;margin:15px 0}footer{text-align:center;color:var(--muted);font:12px sans-serif;margin:30px 0 5px}#toast{position:fixed;bottom:26px;left:30px;padding:13px 22px;background:var(--nav);color:white;border-radius:10px;display:none;z-index:100}.receipt{line-height:1.9}.receipt img{max-width:100px}.receipt-head{text-align:center;border-bottom:2px solid var(--accent);padding-bottom:15px}.receipt-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px}.report-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.report-filters .field{width:180px}.login{max-width:430px;margin:80px auto}.login input{margin-bottom:15px}button:disabled{opacity:.5;cursor:wait}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:repeat(3,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:720px){aside{position:relative;width:100%;padding:12px}.brand{padding:0 0 10px}.brandmark{padding:4px}nav{display:flex;gap:3px}nav button{min-width:105px;padding:9px;font-size:13px}.aside-bottom{display:none}main{margin:0;padding:20px 14px}header{align-items:start}.header-actions{flex-wrap:wrap;justify-content:end}.header-actions>span{display:none}h1{font-size:23px}.cards{gap:10px}.card{padding:15px}.card strong{font-size:24px}.services{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.toolbar{flex-wrap:wrap}}@media print{aside,header,.toolbar,.actions,footer,#notice,#toast,.report-filters,.close,button{display:none!important}main{margin:0;padding:0}.panel,.card{box-shadow:none;border:1px solid #ddd;background:white;color:black}body{background:white;color:black}dialog[open]{position:static;max-height:none;width:100%;border:0}body:has(dialog[open]) main{display:none}body:has(dialog[open]) aside{display:none}.receipt{color:black}.receipt-row{border-color:#ddd}}
/* v0.2 — lighter, airier layouts, keyboard focus and unified theme surfaces. */
#currency{width:145px;padding:8px;font-family:var(--font)}aside{color:var(--nav-ink,#fff);border-left:1px solid var(--line)}nav button,.aside-bottom{color:var(--nav-muted,#c9d6dd)}.brand small{color:var(--nav-muted,#acc3cd)}.brandmark{background:color-mix(in srgb,var(--accent) 12%,transparent)}.card,.panel{box-shadow:0 6px 25px color-mix(in srgb,var(--accent) 5%,transparent);border-radius:18px}.card{border-top:3px solid color-mix(in srgb,var(--accent) 55%,white)}.panel-head{padding-bottom:12px;border-bottom:1px solid var(--line)}.theme{border-radius:12px;background:linear-gradient(135deg,var(--surface),var(--bg));min-height:79px}.swatches i{height:28px}.theme:hover{transform:translateY(-2px);box-shadow:0 5px 15px #17345512}button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}nav button.active{box-shadow:0 5px 13px color-mix(in srgb,var(--accent) 20%,transparent)}h1{letter-spacing:-.3px}.header-actions{max-width:65%}dialog .summary{line-height:1.8}.card strong{font-variant-numeric:tabular-nums}input[type=number]{direction:ltr;text-align:right}.receipt-row b{font-variant-numeric:tabular-nums}@media(max-width:720px){#currency{width:125px}.header-actions{max-width:50%}.header-actions button{padding:6px 9px}}

.form-error{background:#fff0ed;color:#a22e24;border:1px solid #f2bbb3;border-radius:10px;padding:13px;margin:0 0 16px;line-height:1.8}.form-error[hidden]{display:none}input[readonly]{background:var(--bg)}#trade-summary{line-height:1.9}

img.brandmark{width:49px;height:49px;padding:0;background:transparent;object-fit:contain;flex-shrink:0}.login-icon{display:block;width:84px;height:84px;object-fit:contain;margin:0 auto 18px}.login h2{text-align:center}

.export-menu{width:125px}.toolbar{flex-wrap:wrap}.receipt-row b{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65%}@media print{th:last-child:has(+ .none){display:none}}

@media print{.no-print{display:none!important}}

.print-banner{display:none}@media print{.print-banner{display:block;text-align:center;padding:12px;border-bottom:2px solid #ddd;margin-bottom:18px}.print-banner img{max-width:90px;max-height:70px}.print-banner h2{margin:7px 0}.print-banner h3{margin:8px 0}}
/* Balanced grid: long tables never compress the inventory column. */
.columns{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}.columns>div{min-width:0}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card{min-width:0}.tank-top{gap:12px;flex-wrap:wrap}.tank small{display:block;line-height:1.9}.panel{min-width:0}.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;display:inline-block;margin-inline-end:6px}nav .ui-icon{margin:0;width:23px;height:23px}button{display:inline-flex;align-items:center;justify-content:center;gap:4px}td.no-print{white-space:normal;min-width:250px}td.no-print button{padding:6px 8px;margin:3px;font-size:12px}.section-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:14px;background:var(--bg);border-radius:12px;margin-bottom:16px}.section-filters .field{width:175px}.filter-caption{font-size:13px;color:var(--muted);margin-bottom:12px}.totals{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:18px;padding:18px;border:1px solid var(--line);border-inline-start:4px solid var(--accent);border-radius:12px;background:var(--bg)}.totals b{font-variant-numeric:tabular-nums}.employee-avatar{width:48px;height:48px;border-radius:12px;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:var(--bg)}.profile-photo{width:130px;height:150px;object-fit:cover;border-radius:12px;display:block;margin:18px auto}.avatar-placeholder{color:var(--accent)}.social-whatsapp{color:#128c4a}.social-telegram{color:#168ac0}.bar-column{min-width:0}.bar-column span{white-space:nowrap}.header-actions{flex-wrap:wrap}.toolbar input{min-width:180px;flex:1}aside nav{flex:1;min-height:0}.aside-bottom{flex-shrink:0}@media(max-width:1150px){.columns{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.section-filters{display:none!important}.totals{break-inside:avoid;background:#fff;color:#000}.table-wrap{overflow:visible}table{white-space:normal;font-size:10pt}td,th{padding:7px;overflow-wrap:anywhere}thead{display:table-header-group}tr{break-inside:avoid}.columns{display:block}.profile-photo{max-height:150px}.filter-caption{color:#333}dialog[open]{max-width:100%;overflow:visible}.cards{grid-template-columns:repeat(2,1fr)}}
.theme{display:block;overflow:hidden;padding:12px;text-align:right}.theme-name{margin:10px 0;font-size:14px;min-height:24px}.theme .swatches{width:100%;height:22px;display:flex;margin:0;gap:5px}.theme .swatches i{display:block;min-width:15px;flex:1;height:22px;border:1px solid #7b8ba044}.theme-preview{height:125px;width:100%;border-radius:9px;display:flex;overflow:hidden;border:1px solid #78889930;direction:rtl}.preview-nav{width:22%;padding:14px 5px;display:flex;flex-direction:column;gap:8px}.preview-nav>i{display:block;height:7px;width:100%;background:#aab8c855;border-radius:2px}.preview-main{flex:1;padding:12px 8px;min-width:0}.preview-heading{height:5px;width:48%;border-radius:3px;opacity:.7;margin-bottom:10px}.preview-cards{display:flex;gap:5px}.preview-cards>div{height:25px;flex:1;border-radius:3px;padding:4px}.preview-cards i{display:block;height:3px;width:70%;border-radius:2px}.preview-chart{display:flex;align-items:end;gap:6px;height:42px;padding:8px;margin-top:8px;border-radius:4px}.preview-chart i{display:block;flex:1;border-radius:2px}.guide-index{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 30px}.guide-index a{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:8px 12px}.guide-section{padding:24px 0;border-bottom:1px solid var(--line);scroll-margin-top:160px}.guide p{line-height:2.1}.guide-tip{background:var(--bg);border-inline-start:4px solid var(--accent);padding:14px;border-radius:9px;line-height:1.9}.guide-example{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.example-step{border:1px solid var(--line);background:var(--bg);border-radius:15px;padding:20px;min-width:0}.step-number{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;margin-bottom:14px}.example-step h3{margin-bottom:20px}.example-fields>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0;background:var(--surface);padding:9px;border-radius:7px}.example-fields span{font-size:13px;color:var(--muted)}.example-fields b{font-size:14px}.example-result{background:var(--surface);padding:12px;border-radius:9px;line-height:1.9;margin-top:12px}
html[data-menu="top"] aside,html[data-menu="bottom"] aside{left:0;right:0;width:100%;height:auto;padding:10px 20px;flex-direction:row;align-items:center;gap:20px}html[data-menu="top"] aside{bottom:auto;top:0}html[data-menu="bottom"] aside{top:auto;bottom:0}html[data-menu="top"] aside .brand,html[data-menu="bottom"] aside .brand{padding:0;flex-shrink:0}html[data-menu="top"] aside .brand b,html[data-menu="bottom"] aside .brand b{font-size:16px}html[data-menu="top"] aside .brand small,html[data-menu="bottom"] aside .brand small{display:none}html[data-menu="top"] aside nav,html[data-menu="bottom"] aside nav{display:flex;overflow-x:auto;overflow-y:hidden;gap:4px;padding-bottom:4px}html[data-menu="top"] nav button,html[data-menu="bottom"] nav button{width:auto;flex-shrink:0;flex-direction:column;gap:5px;padding:9px 12px;font-size:13px;white-space:nowrap}html[data-menu="top"] .aside-bottom,html[data-menu="bottom"] .aside-bottom{display:none}html[data-menu="top"] main{margin-right:0;padding-top:125px}html[data-menu="bottom"] main{margin-right:0;padding-bottom:135px}html[data-menu="top"] aside{box-shadow:0 4px 20px #172b4210}html[data-menu="bottom"] aside{box-shadow:0 -4px 20px #172b4210}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}@media(max-width:720px){.guide-example{grid-template-columns:1fr}html[data-menu="top"] aside,html[data-menu="bottom"] aside{position:fixed;gap:10px;padding:7px}html[data-menu="top"] aside .brand,html[data-menu="bottom"] aside .brand{display:none}html[data-menu="top"] main{padding-top:105px}html[data-menu="bottom"] main{padding-bottom:110px}}@media print{html[data-menu] main{margin:0;padding:0}.guide-section{break-inside:avoid;scroll-margin:0}.guide-example{grid-template-columns:1fr}.example-step{break-inside:avoid}.guide-index{display:none!important}}