:root{--side:245px;--top:68px;--dark:#424950;--mid:#66717c;--bg:#f4f5f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);direction:rtl;font-family:Arial,sans-serif}.topbar{position:fixed;z-index:20;top:0;right:0;left:0;height:var(--top);background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:12px;padding:10px}.topbar form{flex:1;max-width:460px}.sidebar{position:fixed;z-index:19;top:var(--top);right:0;bottom:0;width:var(--side);background:var(--dark);padding:14px;transition:.2s}.sidebar a{display:block;color:white;text-decoration:none;padding:10px;border-radius:7px}.sidebar a:hover{background:#ffffff1f}.content{margin-right:var(--side);padding:calc(var(--top) + 16px) 16px 16px}.card{border:0;border-radius:12px;box-shadow:0 3px 14px #00000012}.btn-primary{background:var(--mid);border-color:var(--mid)}.form-control,.form-select,.btn{min-height:42px}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.mobile{display:none}.id-code{font:12px monospace;direction:ltr}.notes-list{max-height:300px;overflow:auto}.note{background:#f8f9fa;border:1px solid #e5e5e5;padding:8px;border-radius:8px;margin:6px 0}.metric{font-size:1.7rem;font-weight:700}.chart{height:210px;display:flex;align-items:end;gap:8px}.bar{flex:1;background:#747d86;border-radius:5px 5px 0 0;min-height:3px;position:relative}.bar span{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:11px}@media(max-width:900px){.mobile{display:inline-block}.sidebar{width:min(82vw,300px);transform:translateX(105%)}body.nav-open .sidebar{transform:none}.content{margin-right:0}.topbar form{display:none}.topbar.search-open form{display:block;position:absolute;top:68px;right:0;left:0;background:#fff;padding:8px}.item-row{grid-template-columns:1fr 1fr}.item-row .wide{grid-column:1/-1}.table-mobile thead{display:none}.table-mobile tr{display:block;margin:8px;border:1px solid #ddd;border-radius:8px}.table-mobile td{display:flex;justify-content:space-between;border:0}.table-mobile td:before{content:attr(data-label);font-weight:bold}}@media print{.sidebar,.topbar,.no-print{display:none!important}.content{margin:0;padding:0}.card{box-shadow:none}@page{size:A4;margin:12mm}}
.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#343a40,#747d86)}.login-card{width:min(100%,440px);border-radius:18px}.chart{width:100%;max-width:100%;overflow:hidden;padding:0 6px 28px;box-sizing:border-box}.chart .bar{min-width:0;max-width:14.285%;flex:1 1 0}.row>[class*=col],.card{min-width:0}.transaction-details{background:#f7f7f7;border-radius:8px;padding:10px;overflow-wrap:anywhere}.quote-actions{display:flex;gap:.5rem;flex-wrap:wrap}.item-row{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(85px,1fr)) auto}@media(max-width:900px){.chart{gap:3px;padding-inline:2px}.chart .bar{max-width:none}.item-row{grid-template-columns:1fr 1fr}.item-row .wide{grid-column:1/-1}}
.child-table{margin:0;background:#fbfbfb}.quote-client-print{margin-bottom:1rem;padding:.75rem;background:#f7f7f7;border-radius:8px}.chart{overflow:hidden}.chart .bar{min-width:0}.row>[class*=col],.card{min-width:0}@media print{#msg,.alert{display:none!important}.quote-client-print{display:block!important}.child-table{page-break-inside:avoid}}
#uploadProgressWrap{height:1.25rem}.file-preview-image{max-width:100%;max-height:80vh}.progress-bar{transition:width .2s ease}@media(max-width:700px){#filesBody td,#reportFilesBody td{white-space:normal}}