@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--ink:#172c38;--muted:#77838d;--primary:#086d62;--line:#e6ebee;--bg:#f5f7f9;--blue:#437ca9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:16px 'Tajawal','Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #52cbb9;outline-offset:3px}aside{position:fixed;right:0;top:0;bottom:0;width:242px;background:#fff;border-left:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 12px 28px}.brand strong{font-size:31px;font-weight:800}.brand small,.workspace small,.side-bottom small{display:block;color:var(--muted);font-size:13px;margin-top:3px}.mark{background:var(--primary);color:white;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font-size:31px;font-weight:800}.workspace{display:flex;gap:10px;padding:14px 9px;background:#f8fafb;border:1px solid var(--line);border-radius:10px}.avatar{height:35px;width:35px;background:#eaf2ef;color:var(--primary);border-radius:9px;display:grid;place-items:center;flex-shrink:0}.workspace b,.side-bottom b{font-size:14px}.nav-label{font-size:12px;color:#8f99a2;margin:27px 13px 10px}nav{display:flex;flex-direction:column;gap:5px}nav button{background:none;border:0;display:flex;align-items:center;gap:13px;color:#687782;padding:13px 15px;border-radius:8px;text-align:right;font-weight:500}nav button svg{width:21px;height:21px}nav button.active{background:#e8f4f0;color:#076b5f;font-weight:700}nav button:hover{background:#f2f6f7}.side-bottom{margin-top:auto;display:flex;gap:10px;border-top:1px solid var(--line);padding:20px 8px 0}.shell{margin-right:242px}header{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{font-size:14px;color:var(--muted)}.crumb span{margin:0 12px;color:#bcc4ca}.crumb b{color:var(--ink);font-weight:500}.header-right{display:flex;align-items:center;gap:20px;font-size:14px}.preview-tag{background:#edf5f2;color:#28796b;border-radius:20px;padding:7px 13px}.date{color:var(--muted)}.demo-banner{background:#edf3f8;color:#597283;font-size:13px;padding:10px 36px;display:flex;gap:9px}main{padding:30px 36px;min-height:calc(100vh - 165px)}h1{font-size:27px;margin:0 0 8px;font-weight:800}h2{font-size:19px;margin:0}h3{font-size:16px;margin:0}p{line-height:1.8}.sub{color:var(--muted);font-size:14px;margin:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dce3e7;background:white;color:var(--ink);padding:10px 17px;border-radius:8px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn svg{width:18px;height:18px}.btn:hover{filter:brightness(.96)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px}.stat-top{display:flex;justify-content:space-between;color:#687680;font-size:14px;align-items:center}.stat-icon{padding:8px;background:#eaf4f1;color:var(--primary);border-radius:9px;display:flex}.stat-icon svg{width:20px;height:20px}.stat strong{display:block;font-size:27px;letter-spacing:.2px;margin:18px 0 10px}.stat strong small{font-size:13px;font-weight:400;color:var(--muted);margin-right:7px}.stat-foot{font-size:13px;color:var(--muted)}.green{color:#168570}.amber{color:#ae7922}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:22px}.panel-head{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head p{margin:6px 0 0}.grid-2{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.chart{height:220px;padding:18px 30px 26px;display:flex;gap:22px;align-items:flex-end;border-top:1px solid #f5f6f7;direction:ltr}.bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px;position:relative;padding-bottom:25px;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f1f4f5 45px)}.bar{width:22px;border-radius:5px 5px 0 0;background:#0c776a;z-index:1;min-height:3px}.bar.light{background:#d3e7e1}.bar-group small{position:absolute;bottom:0;color:var(--muted);font-size:12px;white-space:nowrap;direction:rtl}.legend{display:flex;gap:15px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--primary);margin-left:4px}.legend .light{background:#d3e7e1}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:25px;padding:22px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#0b7668 0 64%,#80bcae 64% 100%);display:grid;place-items:center;flex-shrink:0}.donut>div{background:white;width:115px;height:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut b{font-size:26px}.donut small{color:var(--muted);font-size:13px}.distribution>div{margin:18px 0;font-size:14px}.distribution b{display:block;margin-top:8px}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:14px}th{background:#f9fafb;color:#84909a;font-weight:500;padding:14px 22px;border-block:1px solid var(--line)}td{padding:17px 22px;border-bottom:1px solid #eff2f4}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto}.badge{display:inline-block;font-size:12px;font-weight:500;padding:5px 10px;border-radius:5px;background:#edf2f7;color:#58748b}.badge.green{background:#e9f5ee;color:#248164}.badge.amber{background:#fff5df;color:#a47523}.badge.gov{background:#edf0fb;color:#6274ac}.code{font-family:Arial,sans-serif;font-size:13px;color:#688a97;direction:ltr;display:inline-block}.link{border:0;background:none;color:var(--primary);font-weight:600;padding:4px}.row-title{font-weight:600}.row-sub{display:block;color:var(--muted);font-size:12px;margin-top:5px}.filters{display:flex;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}.filters input{flex:1;min-width:180px}.filters label{font-size:13px;color:var(--muted)}input,select,textarea{border:1px solid #dce4e8;border-radius:7px;padding:10px 12px;color:var(--ink);background:white;min-width:0;max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid #badfd5;border-color:var(--primary)}.empty{text-align:center;padding:40px;color:var(--muted)}.stock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.warehouse{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;position:relative}.warehouse svg{color:var(--primary);width:28px;height:28px;margin-bottom:14px}.warehouse p{color:var(--muted);font-size:14px;margin:10px 0}.warehouse strong{font-size:24px}.warehouse small{font-size:13px;color:var(--muted)}.report-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:23px}.report-card{text-align:right;background:white;border:1px solid var(--line);border-radius:10px;padding:20px;color:var(--ink)}.report-card.active{border-color:var(--primary);background:#f1f8f5}.report-card svg{width:24px;height:24px;color:var(--primary);margin-bottom:15px}.report-card b{display:block;margin-bottom:8px}.report-card small{color:var(--muted)}footer{font-size:12px;color:#94a0a8;display:flex;justify-content:space-between;padding:12px 36px 20px}dialog{border:0;border-radius:14px;box-shadow:0 20px 100px #162a3840;max-width:800px;width:92%;padding:0;color:var(--ink)}dialog::backdrop{background:#14253070;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line)}#dialog-body{padding:25px}.icon-btn{border:0;background:#f2f5f6;color:#60717e;border-radius:6px;padding:3px 11px;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;margin-bottom:15px}.field small{font-size:12px;color:var(--muted)}.field input,.field select,.field textarea{width:100%}.full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.notice{background:#f0f5f8;border-radius:8px;padding:14px;font-size:14px;line-height:1.7;color:#60788a}.editor{display:grid;grid-template-columns:290px minmax(0,1fr);gap:25px;align-items:start}.editor-controls{padding:22px}.editor-controls h3{margin-bottom:22px}.invoice-stage{padding:26px;background:#e9edf0;border:1px solid #dfe5e8;border-radius:12px;overflow:auto}.invoice-paper{--invoice-color:#0b6e63;background:white;max-width:800px;min-width:440px;margin:auto;padding:34px;box-shadow:0 3px 12px #21374110;font-size:14px;min-height:670px;border-top:6px solid var(--invoice-color)}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:28px}.invoice-head h2{font-size:24px;color:var(--invoice-color);margin-bottom:8px}.invoice-head h1{font-size:29px;color:var(--invoice-color)}.invoice-head p{font-size:13px;color:var(--muted);margin:5px 0}.invoice-details{display:flex;justify-content:space-between;margin:27px 0;gap:10px}.invoice-details small{display:block;color:var(--muted);margin-bottom:7px}.invoice-paper th{background:var(--invoice-color);color:#fff;padding:13px 10px}.invoice-paper td{padding:16px 10px}.invoice-total{margin:25px auto 0 0;width:245px}.invoice-total>div{display:flex;justify-content:space-between;margin:12px 0}.invoice-total .grand{background:#f0f6f4;color:var(--invoice-color);padding:14px;font-size:18px;font-weight:700}.invoice-note{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;color:var(--muted);font-size:13px}.signature{display:flex;justify-content:space-between;margin-top:42px;color:#89959c;font-size:13px}.check{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:14px}.color-row{display:flex;gap:10px}.swatch{width:30px;height:30px;border:3px solid white;outline:1px solid #dde5e5;border-radius:50%}.swatch.selected{outline:2px solid var(--ink)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:15px 25px;background:#163a34;color:white;border-radius:9px;z-index:50;display:none;font-size:14px;box-shadow:0 5px 30px #0002}.summary-strip{display:flex;gap:30px;padding:20px;background:#f3f8f6;border-radius:8px;margin:20px 0}.summary-strip b{display:block;font-size:20px;margin-top:6px}.summary-strip small{color:var(--muted)}.item-row{display:grid;grid-template-columns:2fr .8fr 1fr 35px;gap:9px;margin-bottom:10px}.item-row button{border:0;background:#f9eeee;color:#b36161;border-radius:6px}.audit-entry{padding:17px 23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.audit-entry small{color:var(--muted)}.invoice-logo{max-width:90px;max-height:65px;object-fit:contain}.settings-panel{padding:26px;max-width:800px}.settings-panel h3{margin:10px 0 20px}.balance{font-weight:700}.report-total{padding:18px 23px;background:#f7faf9;display:flex;justify-content:space-between;font-size:15px}.column-controls{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.column-controls button{background:none;border:1px solid var(--line);border-radius:4px;color:var(--primary)}.invoice-paper.compact{max-width:570px;padding:25px}.mobile-brand{display:none}
@media(min-width:1500px){main{max-width:1550px;margin:auto}}@media(max-width:1150px){aside{width:208px;padding-inline:12px}.shell{margin-right:208px}main{padding:25px 22px}.stat{padding:16px}.stat strong{font-size:22px}.grid-2{grid-template-columns:1.3fr 1fr}.donut-wrap{gap:15px;padding:20px 10px}.donut{width:120px;height:120px}.donut>div{width:90px;height:90px}.editor{grid-template-columns:240px minmax(0,1fr)}header{padding-inline:22px}}@media(max-width:850px){aside{width:76px;padding:18px 8px}.brand{padding:0 6px 25px}.brand>div,.workspace,.nav-label,.side-bottom,nav button span{display:none}nav{gap:10px}nav button{justify-content:center;padding:13px}.shell{margin-right:76px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.editor{grid-template-columns:1fr}.editor-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor-controls h3{grid-column:1/-1}.report-cards{grid-template-columns:1fr 1fr}.stock-cards{grid-template-columns:1fr}.date{display:none}}@media(max-width:560px){aside{position:sticky;width:100%;height:auto;padding:8px;top:0;display:block;border-bottom:1px solid var(--line)}.brand{display:none}nav{flex-direction:row;overflow:auto;gap:4px}nav button{padding:10px;flex-shrink:0}nav button svg{width:19px;height:19px}nav button span{display:inline;font-size:12px}nav button{gap:5px}.shell{margin:0}header{height:55px;padding:0 15px}.demo-banner{padding:10px 15px;font-size:12px}main{padding:22px 15px}.page-heading{align-items:flex-start;flex-direction:column}h1{font-size:24px}.stats{gap:10px}.stat strong{font-size:22px}.stat-top{font-size:12px}.stat-icon{padding:5px}.stat-foot{font-size:12px}.report-cards{gap:9px}.report-card{padding:15px}.form-grid{grid-template-columns:1fr}.editor-controls{display:block}.invoice-stage{padding:12px}.invoice-paper{padding:22px}.summary-strip{gap:15px;flex-wrap:wrap}footer{padding:15px}.item-row{grid-template-columns:1.5fr .7fr 1fr 25px;gap:5px}.item-row input,.item-row select{padding:8px 4px}.header-right{gap:5px}.crumb{font-size:12px}.preview-tag{font-size:12px}.chart{gap:14px}.bar{width:16px}}
@media print{body{background:white}body>*{display:none!important}body>dialog[open]{display:block!important;position:static!important;max-width:none;width:100%;height:auto;max-height:none;border-radius:0;box-shadow:none;padding:0}dialog .modal-heading,dialog .modal-actions,dialog .notice{display:none!important}#dialog-body{padding:0}.invoice-paper{box-shadow:none;width:100%;max-width:none;min-width:0;min-height:0}body.print-main>.shell{display:block!important;margin:0}body.print-main .shell>*{display:none!important}body.print-main .shell>main{display:block!important;padding:0}body.print-main .actions,body.print-main .filters,body.print-main .report-cards{display:none!important}th,td{white-space:normal;padding:10px}.panel{overflow:visible;border:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4;margin:12mm}}
.sales-tabs{display:flex;gap:10px;margin-bottom:24px}.tab-count{background:#ffffff35;border-radius:5px;padding:1px 7px}.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 22px 24px}.product-card{border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:14px}.product-card>img,.photo-empty{height:125px;width:100%;object-fit:contain;background:#f5f7f8;border-radius:8px}.photo-empty{display:grid;place-items:center;color:var(--muted);font-size:14px}.product-card small{color:var(--muted)}.photo-editor{margin-bottom:20px;text-align:center}.photo-editor img{max-height:260px;max-width:100%;object-fit:contain}.invoice-product-photo{width:65px;height:65px;object-fit:contain;display:block}.multi-item,.line-labels{display:grid;grid-template-columns:minmax(170px,2fr) 80px 120px 110px 32px;gap:9px;align-items:center;margin-bottom:12px;min-width:550px}.multi-item input,.multi-item select{width:100%}.multi-item output{font-size:14px;font-weight:600}.line-labels{color:var(--muted);font-size:13px}.line-scroll{overflow:auto;margin:15px 0}.multi-item .icon-btn{padding:3px}.invoice-paper td{white-space:normal}.invoice-paper tr{break-inside:avoid}@media(max-width:850px){.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-gallery{padding:0 14px 14px;gap:10px}.product-card{padding:10px}.invoice-product-photo{width:45px;height:45px}.sales-tabs .btn{flex:1}}
.cash-boxes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cash-box .panel-head{padding-bottom:10px}.cash-value{font-size:30px;font-weight:800;padding:10px 23px;color:var(--primary)}.cash-details{padding:12px 23px 23px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cash-details small{color:var(--muted)}.currency-symbol{font-size:24px;font-weight:700;background:#e8f4f0;color:var(--primary);border-radius:10px;padding:10px}.currency-fields{padding:16px;background:#f4f8f6;border-radius:9px;margin:12px 0 22px}.currency-fields .field{margin:0}@media(max-width:680px){.cash-boxes{grid-template-columns:1fr}}