.pos-page,.cash-page{min-width:0}.pos-page textarea,.cash-page textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;color:var(--ink);resize:vertical;font:inherit}.pos-card{padding:21px;display:grid;align-content:start;gap:17px;min-width:0}.pos-card h3{margin:0;font-size:1.05rem}.pos-heading{display:flex;align-items:flex-start;gap:12px}.pos-heading>svg{color:var(--primary);flex:none;margin-top:4px}.pos-heading p{color:var(--muted);font-size:.79rem;margin:3px 0 0}.pos-field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:.84rem;font-weight:800}.pos-field input,.pos-field select,.pos-field textarea,.pos-customer-finder>input,.pos-big-search,.pos-line-fields input,.pos-line-top input{width:100%;border:1px solid #dbe6df;border-radius:10px;background:#fff;color:var(--ink);padding:11px 12px;min-width:0;font:inherit}.pos-field-row{display:flex;align-items:end;gap:10px;min-width:0;flex-wrap:wrap}.pos-field-row>.pos-field{flex:1;min-width:100px}.pos-workspace{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(0,1.5fr);gap:17px;align-items:start;min-width:0}.pos-catalog{position:sticky;top:17px}.pos-big-search{padding:14px 16px;font-size:.97rem}.pos-results{max-height:430px;overflow:auto;display:grid;gap:7px}.pos-result{width:100%;background:#fafcfb;border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;align-items:center;gap:10px;text-align:right;min-width:0;color:var(--ink)}.pos-result:hover{border-color:#8ac3b7;background:#f1f9f5}.pos-result>svg{color:var(--primary);flex:none}.pos-result-title{flex:1;min-width:0}.pos-result-title strong,.pos-result-title small,.pos-result-price strong,.pos-result-price small{display:block}.pos-result-title strong{font-size:.86rem;overflow-wrap:anywhere}.pos-result-title small,.pos-result-price small{font-size:.72rem;color:var(--muted)}.pos-result-price{text-align:left;flex:none}.pos-result-price strong{font-size:.86rem;white-space:nowrap}.pos-manual{padding:14px;display:grid;gap:12px;background:#f7faf8;border:1px solid var(--line);border-radius:12px}.pos-session-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#e9f7f1;border:1px solid #c8e9d6;color:#146b58;border-radius:10px;padding:11px 14px;font-size:.82rem}.pos-session-strip>svg{flex:none}.pos-cart-list{display:grid;gap:10px}.pos-cart-empty{display:grid;justify-items:center;text-align:center;padding:36px 10px;color:var(--muted);gap:10px}.pos-cart-empty p{margin:0}.pos-line{border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:9px}.pos-line-top{display:flex;align-items:center;gap:8px}.pos-line-top input{font-weight:800;flex:1}.pos-line-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pos-line-fields label{display:grid;gap:5px;font-size:.74rem;font-weight:800;color:var(--muted);min-width:0}.pos-line-fields input{padding:8px 9px;font-size:.85rem}.pos-line-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;font-size:.8rem}.pos-stock-warning{display:flex;align-items:flex-start;gap:6px;color:#9b6219;background:#fff7e8;padding:9px;border-radius:8px;font-size:.76rem}.pos-stock-warning>svg{flex:none}.pos-subtotals,.pos-payment,.pos-customer{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:15px}.pos-between,.pos-summary>div,.pos-subtotals>div:not(.pos-grand-total){display:flex;justify-content:space-between;gap:10px;align-items:center}.pos-between span{font-size:.85rem}.pos-grand-total{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eaf7f1;color:#0a6352;border-radius:11px;padding:14px}.pos-grand-total strong{font-size:1.35rem}.pos-tax-hint{color:var(--muted);font-size:.75rem;margin:0}.pos-customer-finder{display:grid;gap:8px;padding:11px;border-radius:11px;border:1px solid var(--line)}.pos-customer-options{display:grid;gap:4px;max-height:200px;overflow:auto}.pos-customer-options button{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#f9fcfa;text-align:right;color:var(--ink)}.pos-customer-options small{color:var(--muted)}.pos-pay-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.pos-pay-modes button{display:grid;justify-items:center;gap:5px;border:1px solid var(--line);padding:9px 3px;border-radius:11px;background:#fff;color:var(--ink);font-size:.73rem;min-width:0}.pos-pay-modes button.selected{border-color:#238577;background:#e9f6ef;color:#126958;font-weight:800}.pos-summary{background:#f6f9f7;border-radius:11px;padding:12px;display:grid;gap:7px;font-size:.84rem}.pos-summary>div span{color:var(--muted)}.pos-issue{font-size:1rem;min-height:52px}.pos-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pos-stat{padding:18px;display:grid;gap:8px}.pos-stat>span{font-size:.77rem;color:var(--muted)}.pos-stat strong{font-size:1.12rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pos-stat small{font-size:.7rem;color:var(--muted)}.pos-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.pos-movement-list,.pos-history{display:grid;gap:7px;max-height:420px;overflow:auto}.pos-movement{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px}.pos-movement>svg{flex:none}.pos-movement>span{flex:1;font-size:.82rem}.pos-movement small{display:block;color:var(--muted)}.pos-history-item{border-bottom:1px solid var(--line);padding:12px 0;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.pos-history-item>*{flex:0 1 auto}.pos-history-item strong{font-size:.85rem}.pos-history-item>span{font-size:.8rem;color:var(--muted);flex:1}.pos-history-item>small{font-size:.75rem;color:var(--muted);flex-basis:100%}.pos-closed{max-width:700px}.invoice-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#082a2bc9;overflow-y:auto;padding:18px;display:flex;justify-content:center;align-items:flex-start}.invoice-layout{width:min(100%,880px);display:grid;gap:10px}.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:11px 15px;flex-wrap:wrap}.invoice-toolbar strong{font-size:.87rem}.invoice-paper{background:#fff;color:#172d2a;direction:rtl;box-shadow:0 20px 70px #0004;padding:17mm 15mm;min-height:297mm;width:100%;font-family:Tajawal,Arial,sans-serif}.invoice-brand{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:2px solid #244b45;padding-bottom:17px}.invoice-brand h1{margin:0;font-size:27px;color:#193c38}.invoice-brand p{margin:4px 0 0;font-size:12px}.invoice-brand-symbol{border:1px solid #849d90;padding:12px;font-weight:800;border-radius:8px}.invoice-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0;font-size:12px}.invoice-details>div{display:grid;gap:4px}.invoice-details span{color:#64756e}.invoice-details strong{overflow-wrap:anywhere}.invoice-table{border-collapse:collapse;width:100%;font-size:11px;table-layout:fixed}.invoice-table th,.invoice-table td{border-bottom:1px solid #e5e9e6;padding:9px 5px;text-align:right;overflow-wrap:anywhere}.invoice-table th{background:#eff5f1}.invoice-table th:nth-child(2){width:31%}.invoice-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.invoice-pay-details{font-size:12px}.invoice-pay-details>div,.invoice-totals>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.invoice-totals{background:#f5f8f5;border-radius:7px;padding:13px;font-size:12px}.invoice-totals .invoice-main-total{font-size:16px;font-weight:900;border-top:1px solid #a9b7ad;border-bottom:1px solid #a9b7ad;padding:10px 0}.invoice-tax-note{margin-top:22px;font-size:11px;text-align:center;color:#626262}.invoice-thanks{margin-top:36px;padding:16px;border-top:1px solid #d2d8d4;font-size:12px;text-align:center}@media(max-width:1100px){.pos-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}.pos-pay-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.pos-workspace,.pos-two-col{grid-template-columns:1fr}.pos-catalog{position:static}.pos-results{max-height:260px}}@media(max-width:650px){.pos-card{padding:13px;gap:14px}.pos-line-fields{gap:5px}.pos-line-fields input{font-size:.78rem;padding:8px 6px}.pos-pay-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-field-row>.pos-field{min-width:90px}.pos-stat{padding:12px}.pos-stat strong{font-size:.94rem}.invoice-backdrop{padding:0}.invoice-layout{width:100%}.invoice-toolbar{border-radius:0;position:sticky;top:0;z-index:2}.invoice-paper{padding:11mm 8mm;min-height:0}.invoice-details{gap:7px}.invoice-table{font-size:9px}.invoice-table th,.invoice-table td{padding:7px 2px}.invoice-brand h1{font-size:21px}}@media print{@page{size:A4 portrait;margin:0}html,body,#root{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}.invoice-backdrop,.invoice-layout,.print-area,.print-area *{visibility:visible!important}.invoice-backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#fff!important;padding:0!important;overflow:visible!important;display:block!important}.invoice-layout{width:100%!important;display:block!important}.invoice-toolbar{display:none!important}.invoice-paper{box-shadow:none!important;width:210mm!important;max-width:210mm!important;min-height:297mm!important;margin:0!important;padding:15mm 14mm!important;break-inside:avoid;background:#fff!important}.invoice-table tr{break-inside:avoid}}.pos-customer-credit{background:#eff9f3;border:1px solid #c9e8d7;border-radius:12px;padding:13px;display:grid;gap:9px}.pos-customer-credit small{font-size:.77rem;color:var(--muted)}.phase3-page{min-width:0}.phase3-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr);gap:16px;align-items:start}.phase3-search-list{display:grid;gap:7px;max-height:260px;overflow-y:auto}.phase3-search-list .btn{justify-content:flex-start}.phase3-actions{display:flex;gap:9px;flex-wrap:wrap}.phase3-actions>.btn{flex:1 1 135px}.phase3-list-row{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;display:flex;gap:12px;justify-content:space-between;align-items:center;text-align:right;cursor:pointer;color:var(--ink)}.phase3-list-row:hover,.phase3-list-row.active{border-color:#36a991;background:#f1faf5}.phase3-list-row span{display:grid;gap:5px;min-width:0}.phase3-list-row small{color:var(--muted);font-size:.73rem}.phase3-list-row b{white-space:nowrap;font-size:.84rem}.phase3-convert{padding:15px;background:#f4faf7;border-radius:12px;display:grid;gap:11px;border:1px solid #d2e8dc}.phase3-convert h3{display:flex;align-items:center;gap:8px;margin:0}.phase3-convert-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:9px 0;font-size:.85rem}.phase3-convert-row span{min-width:0}.phase3-convert-row small{display:block;color:var(--muted);font-size:.74rem}.phase3-convert-row input{width:110px;max-width:40%;border:1px solid #dbe6df;border-radius:9px;padding:10px;direction:ltr;text-align:center}.phase3-page .pos-field select{width:100%;border:1px solid #dbe6df;border-radius:10px;background:#fff;color:var(--ink);padding:10px;font:inherit}.phase3-page .alert{display:flex;gap:7px;align-items:start}.phase3-page .pos-field input{min-height:43px}@media(max-width:1050px){.phase3-layout{grid-template-columns:1fr}}@media(max-width:600px){.phase3-page .section-head{flex-wrap:wrap}.phase3-page .phase3-actions .btn{flex:1 1 100%;justify-content:center}.phase3-list-row{gap:7px}.phase3-list-row b{font-size:.76rem}.phase3-convert-row input{width:84px}}.customer-page{min-width:0}.customer-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.6fr);align-items:start;gap:17px;min-width:0}.customer-directory,.customer-main{min-width:0}.customer-directory{position:sticky;top:16px;max-height:calc(100dvh - 120px);display:flex;flex-direction:column;gap:14px}.customer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.customer-heading h3{font-size:1.05rem;margin:0}.customer-heading p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.customer-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;padding:0 12px;border-radius:11px}.customer-search svg{color:var(--muted);flex:none}.customer-search input{border:0;min-width:0;width:100%;padding:13px 1px;background:none;outline:none}.customer-list{display:grid;gap:7px;overflow:auto;min-height:80px}.customer-result{display:flex;align-items:center;text-align:right;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);min-width:0}.customer-result:hover,.customer-result.selected{border-color:#8ac3b7;background:#eef8f3}.customer-result>svg{flex:none;color:var(--muted)}.customer-avatar{width:35px;height:35px;border-radius:10px;background:#e7f4ef;color:var(--primary);display:grid;place-items:center;flex:none}.customer-result-name{flex:1;min-width:0;overflow-wrap:anywhere}.customer-result-name strong,.customer-result-name small{display:block}.customer-result-name strong{font-size:.87rem}.customer-result-name small{font-size:.71rem;color:var(--muted)}.customer-main{display:grid;gap:16px}.customer-placeholder{text-align:center;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.customer-placeholder svg{color:var(--primary)}.customer-placeholder p{color:var(--muted)}.customer-overview{display:grid;gap:16px}.customer-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.customer-metrics>div{display:grid;gap:7px;border-radius:12px;padding:14px;background:#f5f8f6}.customer-metrics small{font-size:.75rem;color:var(--muted)}.customer-metrics strong{font-size:1.06rem;overflow-wrap:anywhere}.customer-actions{display:flex;gap:8px;flex-wrap:wrap}.customer-section{display:grid;gap:11px}.customer-section h3{font-size:1.04rem;margin:0}.customer-table-wrap{width:100%;overflow-x:auto}.customer-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.83rem}.customer-table th{background:#eff5f1}.customer-table th,.customer-table td{border-bottom:1px solid var(--line);padding:10px;text-align:right}.customer-form{display:grid;gap:14px}.customer-form>label,.customer-form-grid label,.customer-manual label{font-size:.85rem;font-weight:700;display:grid;gap:6px}.customer-form input,.customer-form textarea,.customer-form select{width:100%;min-width:0;padding:10px 12px;border:1px solid #dbe6df;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-manual{border:1px solid var(--line);padding:12px;background:#f7faf8;border-radius:12px;display:grid;gap:9px}.customer-manual p{font-size:.78rem;margin:0}.customer-movements{display:grid;gap:8px}.customer-movements>div{padding:10px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customer-movements>div>span:first-child{min-width:110px;flex:1}.customer-movements strong,.customer-movements small{display:block}.customer-movements small{font-size:.72rem;color:var(--muted)}.customer-success{background:#e9f7f0;color:#15735f;border:1px solid #c9e9d6}.customer-success svg{flex:none}@media(max-width:1050px){.customer-layout{grid-template-columns:minmax(215px,.85fr) minmax(0,1.4fr)}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-metrics>div:last-child{grid-column:1/-1}}@media(max-width:810px){.customer-layout{grid-template-columns:1fr}.customer-directory{position:static;max-height:none}.customer-list{max-height:300px}.customer-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-metrics>div:last-child{grid-column:auto}}@media(max-width:550px){.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-metrics>div:last-child{grid-column:1/-1}.customer-form-grid{grid-template-columns:1fr}.customer-actions{display:grid;grid-template-columns:1fr 1fr}.customer-actions .btn{white-space:normal}.customer-actions .btn:first-child{grid-column:1/-1}.customer-heading .btn{padding:7px 9px}.customer-table{font-size:.73rem}.customer-table th,.customer-table td{padding:8px 7px}}.customer-company-form{background:#f8faf8;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:10px}.customer-company-form h3{margin:0}.customer-company-form label{font-weight:700;font-size:.83rem;display:grid;gap:6px}.customer-company-form .actions{justify-content:flex-start}@media(max-width:550px){.customer-company-form{padding:11px}.customer-company-form .actions{display:grid;grid-template-columns:1fr 1fr}}.customer-company-form{width:100%;display:grid;gap:13px;box-shadow:0 5px 28px #234e3d0d}.customer-company-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.customer-company-info span{background:#f6f9f7;border-radius:9px;padding:9px 11px;font-size:.81rem;overflow-wrap:anywhere}.customer-company-info strong{color:var(--muted);display:block;font-size:.72rem}@media(max-width:550px){.customer-company-info{grid-template-columns:1fr}}.purchases-page{min-width:0}.buy-tabs{display:flex;gap:8px;overflow:auto;padding:3px 0 8px;scrollbar-width:thin}.buy-tab{flex:none;border:1px solid #dce9e1;background:#fff;border-radius:10px;padding:10px 13px;font-size:.83rem;color:var(--ink);font-weight:800}.buy-tab.selected{background:#157f72;border-color:#157f72;color:#fff}.buy-panel{display:grid;gap:15px}.buy-panel h3{margin:0;font-size:1.07rem;display:flex;align-items:center;gap:8px}.buy-panel h3 svg{color:var(--primary)}.buy-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.buy-input,.buy-panel input,.buy-panel select,.buy-panel textarea{padding:10px 12px;width:100%;min-width:0;min-height:43px;border:1px solid #d9e6df;background:#fff;color:var(--ink);border-radius:10px;font:inherit}.buy-panel textarea{min-height:75px;resize:vertical}.buy-panel label{display:grid;gap:6px;font-size:.84rem;font-weight:800}.buy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.buy-entry{padding:15px;background:#f5faf7;border:1px solid #deebe2;border-radius:12px;display:grid;gap:13px}.buy-supplier-list,.buy-line-list,.buy-records{display:grid;gap:9px}.buy-supplier-card,.buy-record,.buy-line,.buy-invoice-line{border:1px solid var(--line);padding:13px;border-radius:12px;background:#fff;display:grid;gap:9px}.buy-supplier-card,.buy-record{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.buy-supplier-card strong,.buy-record strong,.buy-supplier-card small,.buy-record small{display:block;overflow-wrap:anywhere}.buy-supplier-card small,.buy-record small{color:var(--muted);font-size:.75rem}.buy-line-top{display:flex;gap:12px;justify-content:space-between;align-items:center}.buy-product-picker{display:grid;gap:8px;position:relative}.buy-search{display:flex;gap:8px;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.buy-search input{border:none}.buy-results{display:grid;gap:4px;max-height:250px;overflow:auto;border:1px solid #dbe8e1;border-radius:10px;padding:6px;background:#fff}.buy-product{border:0;background:#f7faf8;display:flex;gap:10px;align-items:center;text-align:right;padding:10px;border-radius:8px;color:var(--ink)}.buy-product:hover{background:#e6f3eb}.buy-product>span{flex:1;display:grid;gap:2px}.buy-product small{color:var(--muted);font-size:.73rem}.buy-check{display:flex!important;flex-direction:row;align-items:center;gap:12px;cursor:pointer}.buy-check input{width:18px;min-height:18px;flex:none;accent-color:var(--primary)}.buy-check span{display:grid;gap:3px}.buy-check small{font-size:.73rem;color:var(--muted)}.buy-account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.buy-account>div{display:grid;gap:5px;padding:15px;background:#f2f7f3;border-radius:12px}.buy-account strong{font-size:1.3rem}.buy-account small{font-size:.75rem;color:var(--muted)}@media(max-width:700px){.buy-grid,.buy-supplier-card,.buy-record{grid-template-columns:1fr}.buy-supplier-card .actions,.buy-record .actions{justify-content:flex-start}.buy-panel{padding:14px}.buy-tab{font-size:.76rem;padding:9px 10px}}@media(max-width:390px){.buy-account{grid-template-columns:1fr}.buy-head .btn{font-size:.76rem;padding:8px 9px}}.finance-tabs{display:flex;gap:9px;flex-wrap:wrap}.finance-tabs button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:7px;font-weight:800;cursor:pointer}.finance-tabs button.selected{background:#e9f7f1;border-color:#6cb8a0;color:#126958}.finance-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.finance-layout .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-layout .form-grid label{display:grid;gap:6px;font-size:.85rem;font-weight:800}.finance-layout input,.finance-layout select,.finance-layout textarea{width:100%;min-width:0;padding:11px;border-radius:10px;border:1px solid #dbe6df;background:#fff;color:var(--ink);font:inherit}.finance-wide{grid-column:1/-1}.finance-list{display:grid;gap:9px;max-height:530px;overflow:auto}.finance-record{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.finance-record>div{flex:1;min-width:160px}.finance-record strong,.finance-record small{display:block}.finance-record small{color:var(--muted);font-size:.78rem;margin-top:5px;overflow-wrap:anywhere}@media(max-width:900px){.finance-layout{grid-template-columns:1fr}}@media(max-width:500px){.finance-layout .form-grid{grid-template-columns:1fr}.finance-tabs button{flex:1;justify-content:center;font-size:.8rem}}.reports-page .report-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.report-filter label{flex:1 1 180px;min-width:0;font-weight:700;font-size:.82rem}.report-filter input{margin-top:5px}.report-filter .btn{min-height:43px}.report-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.report-stat{display:flex;flex-direction:column;gap:7px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:13px;min-width:0}.report-stat small{color:var(--muted)}.report-stat strong{font-size:1.38rem;color:var(--ink);overflow-wrap:anywhere}.report-stat span{font-size:.75rem;color:var(--muted)}.report-two{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.report-two .panel h3,.reports-page>.panel h3{display:flex;align-items:center;gap:8px;margin:0 0 18px}.report-bars,.report-top{display:grid;gap:12px;max-height:430px;overflow:auto}.report-bar-row{display:grid;grid-template-columns:96px minmax(40px,1fr) 94px;align-items:center;gap:9px;font-size:.79rem}.report-bar-row strong{white-space:nowrap;text-align:left}.report-bar-track{height:13px;background:#edf2ef;border-radius:9px;overflow:hidden}.report-bar-track i{display:block;height:100%;min-width:2px;background:#238e73;border-radius:9px}.report-bar-track i.negative{background:#ca7753}.report-top-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:11px;font-size:.85rem}.report-top-row span{overflow-wrap:anywhere}.report-top-row strong{white-space:nowrap}.reports-page .alert{align-items:flex-start}@media(max-width:1000px){.report-two{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.report-stats{grid-template-columns:1fr 1fr;gap:8px}.report-stat{padding:11px}.report-stat strong{font-size:1.05rem}.report-bar-row{grid-template-columns:75px minmax(20px,1fr) 80px;gap:6px;font-size:.72rem}.report-filter .btn{flex:1 1 100%}}@media print{@page{size:A4;margin:13mm}body:has(.reports-page){background:#fff!important;color:#000!important}body:has(.reports-page) .sidebar,body:has(.reports-page) .sidebar-scrim,body:has(.reports-page) .topbar,body:has(.reports-page) .app-footer,body:has(.reports-page) .report-filter,body:has(.reports-page) .mobile-menu{display:none!important}body:has(.reports-page) .app-layout,body:has(.reports-page) .main-area,body:has(.reports-page) .page-content{display:block!important;width:100%!important;margin:0!important;padding:0!important;max-width:none!important}.reports-page{gap:12px!important}.reports-page .panel,.reports-page .report-stat{break-inside:avoid;box-shadow:none!important}.reports-page .report-two{grid-template-columns:1fr!important}.reports-page .report-stats{grid-template-columns:repeat(3,1fr)!important}.reports-page .report-bars{max-height:none!important;overflow:visible!important}.reports-page .report-bar-track{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.settings-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:3px}.settings-tabs button{padding:11px 16px;white-space:nowrap;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.settings-tabs button.active{background:var(--primary);color:#fff}.settings-form{display:grid;gap:16px}.settings-form h3{margin:0}.settings-form>label{display:grid;gap:6px;font-weight:700;font-size:.85rem}.settings-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.readiness-item{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.readiness-item span{display:grid;gap:5px;font-size:.84rem}.readiness-item small{font-size:.72rem;color:var(--muted)}.readiness-item strong{white-space:nowrap}.readiness-item strong.caution{color:#b56b24}.readiness-item strong.safe{color:#168767}.readiness-list{line-height:2.2;padding-inline-start:24px}.audit-list{display:grid;margin-top:15px}.audit-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:13px;border-bottom:1px solid var(--line);font-size:.82rem}.audit-row strong{flex:1 1 170px}.audit-row small{color:var(--muted)}.settings-page .panel h3{display:flex;gap:8px;align-items:center;margin-top:0}@media(max-width:767px){.settings-form .form-grid,.readiness-grid{grid-template-columns:1fr}.audit-row{display:grid;gap:4px}.settings-tabs button{font-size:.79rem;padding:10px 12px}}:root{font-family:Tajawal,system-ui,sans-serif;font-synthesis:none;line-height:1.55;font-weight:500;color:#173c39;background:#f5f7f5;--ink:#163a38;--muted:#738580;--line:#e4ebe7;--primary:#187e72;--deep:#103b36;--bg:#f5f7f5;--paper:#fff;--warn:#b96c16;--danger:#ba4d45;--radius:15px}*{box-sizing:border-box}html{direction:rtl;font-size:15px}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8ed1c5;outline-offset:2px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.4}input,select{color:var(--ink)}.muted{color:var(--muted)}.danger-text{color:var(--danger)!important}.success-text{color:#13806d!important}code{font-family:Consolas,monospace;word-break:break-all;direction:ltr;unicode-bidi:embed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:10px 16px;min-height:43px;border:1px solid transparent;white-space:nowrap;font-size:.91rem;font-weight:800;transition:background .15s,border-color .15s,color .15s}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:#116c61}.btn.outline{background:#fff;color:#315650;border-color:#d8e4dd}.btn.outline:hover,.btn.outline.selected{background:#edf8f3;border-color:#9bcabd}.btn.light{background:#fff;color:#16584e}.btn.subtle{background:#f0f4f1;color:var(--ink)}.btn.small{min-height:34px;padding:7px 10px;font-size:.8rem}.btn.icon-only{width:43px;padding:0}.btn.wide{width:100%}.icon-button{border:0;background:transparent;color:inherit;display:inline-grid;place-items:center;border-radius:8px;width:37px;height:37px}.icon-button:hover{background:#edf1ed}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions.end{justify-content:flex-end}.center-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;gap:15px;color:var(--muted);flex-direction:column;padding:26px;text-align:center}.blocked{color:var(--ink)}.blocked p{color:var(--muted);max-width:450px}.spinner{width:26px;height:26px;border:3px solid #cce4da;border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 16% 22%,#deeee6 0,transparent 34%),radial-gradient(circle at 80% 85%,#e7eddf 0,transparent 28%),#f6f9f6;padding:35px 20px;gap:26px}.auth-brand{display:flex;align-items:center;gap:13px}.auth-brand h1{font-size:1.44rem;margin:0;color:#123b36}.auth-brand p{font-size:.85rem;color:var(--muted);margin:0}.brand-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#228a7b,#0a514b);color:#fff;box-shadow:0 8px 22px #1169572a}.brand-mark.large{height:65px;width:65px;margin:auto}.login-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:35px;box-shadow:0 22px 65px #315c4d10}.auth-symbol{background:#e7f5ef;color:#177d70;width:49px;height:49px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px}.login-card h2{font-size:1.5rem;margin:0 0 5px}.login-card>p{margin-bottom:26px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{display:flex;flex-direction:column;gap:7px;font-size:.88rem;font-weight:800}.form-stack input,.form-stack select,.mapping-grid select,.match-row select{height:45px;border:1px solid #dce5df;background:#fff;border-radius:10px;padding:9px 12px;width:100%;min-width:0;outline:none}.form-stack input:focus,.form-stack select:focus,.mapping-grid select:focus,.searchbox input:focus{border-color:#43a38d;box-shadow:0 0 0 3px #d4eee3}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.password-wrap button{position:absolute;left:5px;top:4px}.login-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:.8rem;margin:24px 0 0!important}.login-copyright{font-size:.78rem;color:#8da199;margin:0}.config-screen{max-width:690px;margin:10vh auto;background:#fff;padding:38px;border:1px solid var(--line);border-radius:20px;text-align:center;box-shadow:0 20px 70px #173c390e}.config-screen h1{margin:18px 0 10px}.config-screen h2{font-size:1.25rem}.config-screen p{color:var(--muted)}.config-details{display:grid;gap:12px;margin:25px 0;text-align:right}.config-details>div{display:flex;align-items:center;gap:11px;border:1px solid #e2ebe5;border-radius:10px;padding:13px 15px;flex-wrap:wrap}.config-details svg{color:var(--primary)}.app-layout{display:flex;min-height:100vh}.sidebar{width:262px;background:#133d39;color:#e6f7f0;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:23px 13px 16px;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 9px 29px;border-bottom:1px solid #ffffff16}.sidebar-brand strong{display:block;font-size:1.22rem;color:#fff}.sidebar-brand small{display:block;font-size:.76rem;color:#9cc6b6;margin-top:2px}.side-section-label{font-size:.76rem;color:#7fa69a;margin:24px 14px 10px}.sidebar-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;text-align:right;border:0;background:transparent;color:#d1e5dd;padding:12px 13px;border-radius:12px;min-height:56px;width:100%;transition:background .15s}.nav-item>span{flex:1}.nav-item strong{display:block;font-weight:800;font-size:.93rem}.nav-item small{display:block;color:#8cafaa;font-size:.72rem;margin-top:1px}.nav-item.active{background:#2b6e64;color:#fff}.nav-item.active small{color:#c7e7db}.nav-item:hover{background:#2d665e}.nav-chevron{opacity:.75}.sidebar-bottom{margin-top:auto;padding:0 5px}.phase-hint{border:1px solid #ffffff1d;border-radius:13px;padding:13px;background:#ffffff0c;font-size:.77rem;color:#b3d4c9;line-height:1.6;margin-bottom:12px}.phase-hint strong{display:block;color:#fff;font-size:.8rem}.phase-dot{width:7px;height:7px;background:#7de3b9;border-radius:50%;display:inline-block;margin-left:7px}.logout-btn{width:100%;border:0;background:transparent;color:#cce7dd;text-align:right;display:flex;gap:10px;align-items:center;padding:12px;border-radius:10px}.logout-btn:hover{background:#ffffff13}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:91px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.top-title{display:flex;gap:12px;align-items:center}.top-title small{color:var(--muted);font-size:.78rem}.top-title h1{font-size:1.4rem;margin:2px 0 0}.top-user{display:flex;align-items:center;gap:10px}.user-avatar{width:39px;height:39px;border-radius:12px;background:#e9f5ee;color:var(--primary);display:grid;place-items:center}.user-name strong{display:block;font-size:.88rem}.user-name small{color:var(--muted);display:block;font-size:.73rem}.mobile-menu,.mobile-close,.sidebar-scrim{display:none}.page-content{width:100%;max-width:1520px;margin:0 auto;padding:30px 32px 45px;flex:1}.page-stack{display:flex;flex-direction:column;gap:23px}.app-footer{padding:13px 30px;font-size:.74rem;color:#9babaa;text-align:center}.panel{background:#fff;border-radius:17px;border:1px solid var(--line);box-shadow:0 4px 20px #24463807;padding:22px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.section-head h2{font-size:1.22rem;margin:0 0 5px}.section-head p{color:var(--muted);font-size:.86rem;margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.panel-heading h3{margin:0;font-size:1.04rem}.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:.82rem}.welcome-panel{background:linear-gradient(115deg,#164b43,#1a7267 74%,#3b8e76);color:#fff;padding:32px 35px;border-radius:20px;position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:216px}.welcome-panel>div:first-child{position:relative;z-index:1;max-width:590px}.welcome-panel .eyebrow{font-size:.78rem;color:#b3e9d3;font-weight:800}.welcome-panel h2{font-size:1.65rem;margin:9px 0}.welcome-panel p{color:#d1e9e0;max-width:560px;font-size:.91rem;line-height:1.9;margin-bottom:18px}.welcome-art{position:absolute;left:50px;top:40px;opacity:.24;transform:rotate(-16deg);width:140px;height:140px;border:2px solid #ffffff65;border-radius:28px;display:grid;place-items:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px;display:flex;flex-direction:column;min-height:156px}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;margin-bottom:11px}.stat-icon.teal{background:#e6f4ed;color:#17816c}.stat-icon.orange{background:#fff4e3;color:#bd7a21}.stat-icon.red{background:#fff0eb;color:#c55b4b}.stat-icon.blue{background:#edf4fc;color:#557fac}.stat-card>span{color:var(--muted);font-size:.81rem}.stat-card strong{font-size:1.9rem;line-height:1.4;color:#173c39}.stat-card small{font-size:.74rem;color:#8aa098}.home-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.quick-grid{display:grid;gap:10px}.quick-grid button{background:#fbfdfb;border:1px solid #e6eee8;border-radius:13px;display:flex;align-items:center;padding:13px;gap:13px;text-align:right;color:var(--ink)}.quick-grid button:hover{background:#f1f8f4;border-color:#b6ddd0}.quick-grid button>span{background:#e8f4ed;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;color:var(--primary)}.quick-grid button>div{flex:1}.quick-grid button strong{display:block;font-size:.89rem}.quick-grid button small{display:block;font-size:.76rem;color:var(--muted)}.roadmap-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef2ef}.roadmap-item:last-child{border:0}.roadmap-index{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#f1f4f1;color:#81958c;font-weight:800}.roadmap-item.done .roadmap-index{background:#e3f5ea;color:#157d6b}.roadmap-item>div{flex:1}.roadmap-item strong{display:block;font-size:.88rem}.roadmap-item small{display:block;font-size:.75rem;color:var(--muted)}.roadmap-label{font-size:.72rem;color:#17796b;background:#e7f5ec;padding:5px 7px;border-radius:9px}.catalog-panel{padding:0;overflow:hidden}.toolbar{display:flex;gap:11px;align-items:center;padding:19px 20px}.searchbox{border:1px solid #dbe6e0;border-radius:11px;display:flex;align-items:center;gap:10px;flex:1;min-height:45px;padding:0 13px;color:var(--muted)}.searchbox:focus-within{border-color:#6db5a3;box-shadow:0 0 0 3px #e3f4ec}.searchbox input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--ink)}.searchbox input:focus{box-shadow:none}.searchbox button{border:0;background:none;font-size:1.4rem;color:var(--muted)}.table-meta{display:flex;justify-content:space-between;gap:8px;padding:10px 21px;border-top:1px solid var(--line);font-size:.79rem;color:var(--muted)}.desktop-table,.import-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}.data-table th{font-size:.79rem;color:#78908a;background:#f9fbf9;font-weight:800;padding:14px 18px;border-bottom:1px solid var(--line)}.data-table td{border-bottom:1px solid #edf1ef;padding:15px 18px;font-size:.86rem;color:var(--ink)}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfb}.data-table td strong{font-weight:800;display:block}.data-table td small{font-size:.75rem;color:#849790;display:block;margin-top:2px}.code-text{font-family:Consolas,monospace;direction:ltr;unicode-bidi:embed}.stock-chip{border-radius:8px;padding:6px 9px;font-size:.83rem;display:inline-block;white-space:nowrap}.stock-chip.normal{background:#e8f6ef;color:#187c63}.stock-chip.zero{background:#fff5e6;color:#a66a19}.stock-chip.negative{background:#fff0ed;color:#ae5044}.status{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:5px 9px;font-size:.73rem;font-weight:800;white-space:nowrap}.status.ok{color:#207963;background:#e5f5ec}.status.off{color:#8a7771;background:#f4f0ee}.row-actions{display:flex;gap:5px}.row-actions button{border:0;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#f0f5f1;color:#517268}.row-actions button:hover{background:#d6eee1;color:var(--primary)}.pagination{display:flex;justify-content:center;gap:14px;align-items:center;padding:18px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.mobile-products{display:none}.loading-state{display:flex;gap:12px;justify-content:center;align-items:center;min-height:190px;color:var(--muted)}.empty-state{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#99aaa4;padding:30px}.empty-state h3{color:var(--ink);margin:12px 0 6px}.empty-state p{margin:0;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#092c2c88;z-index:70;display:flex;justify-content:center;align-items:center;padding:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-sheet{width:min(100%,520px);max-height:min(90vh,920px);overflow:hidden;display:flex;flex-direction:column;border-radius:18px;background:#fff;box-shadow:0 27px 120px #052e2e50}.modal-sheet.wide{width:min(100%,770px)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid var(--line);flex:none}.modal-header h2{font-size:1.14rem;margin:0}.modal-content{padding:23px;overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label.full{grid-column:1/-1}.form-stack .check-label,.check-label{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.86rem;cursor:pointer}.check-label input{width:16px;height:16px;accent-color:var(--primary);flex:none}.info-note{background:#e9f5f0;border:1px solid #cce8db;color:#2d6659;padding:13px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:11px;font-size:.84rem;line-height:1.8}.info-note svg{flex:none;margin-top:3px}.alert{padding:12px 14px;border-radius:10px;font-size:.88rem;display:flex;gap:9px;align-items:flex-start;line-height:1.7}.alert.error{background:#fff0eb;color:#a3443c;border:1px solid #f4c9bb}.alert.warning{background:#fff7e7;color:#925b13;border:1px solid #f3dfb9}.difference{padding:16px;background:#f1f5f2;border-radius:10px;font-weight:800}.difference.positive{color:#137c65}.difference.negative{color:var(--danger)}.timeline{display:grid;gap:11px}.timeline-item{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:10px 0}.timeline-item strong,.timeline-item small{display:block}.timeline-item small{color:var(--muted)}.timeline-amount{min-width:58px;font-weight:800}.timeline-amount.positive{color:#157c62}.timeline-amount.negative{color:#b85d50}.empty-inline{color:var(--muted);padding:30px;text-align:center}.import-page{display:grid;gap:23px}.import-steps{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.import-steps span{font-size:.78rem;background:#f2f6f3;color:#8ca29b;padding:7px 12px;border-radius:30px}.import-steps span.on{background:#e1f4e9;color:#147c69;font-weight:800}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #b5d5c4;border-radius:14px;min-height:185px;background:#f8fcf9;gap:7px;cursor:pointer;text-align:center;padding:22px}.dropzone svg{color:var(--primary)}.dropzone span{font-size:.8rem;color:var(--muted)}.dropzone input{display:none}.import-mode h3,.import-sheets h3,.review-panel h3{font-size:1.04rem;margin:0 0 12px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-card{min-height:130px;border:1px solid #dae8df;background:#fff;border-radius:12px;padding:15px;display:flex;align-items:flex-start;gap:7px;flex-direction:column;text-align:right;color:var(--ink)}.mode-card.selected{border:2px solid #3a9b82;background:#f3fbf5;padding:14px}.mode-card svg{color:var(--primary)}.mode-card strong{font-size:.88rem}.mode-card small{font-size:.75rem;line-height:1.7;color:var(--muted)}.import-sheets{display:grid;gap:13px}.sheet-card{border:1px solid var(--line);padding:15px;border-radius:12px}.sheet-title{display:flex;align-items:center;justify-content:space-between}.subtle-tag{color:#64827a;background:#ecf5ef;border-radius:8px;padding:5px 9px;font-size:.76rem}.mapping-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:17px}.mapping-grid label{font-size:.8rem;font-weight:800}.mapping-grid select{margin-top:5px;font-size:.8rem}.review-panel{display:grid;gap:13px;padding-top:18px;border-top:1px solid var(--line)}.review-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.review-stats span{background:#f8faf7;border-radius:9px;padding:13px 9px;display:flex;flex-direction:column;font-size:.75rem;color:var(--muted)}.review-stats strong{font-size:1.17rem;color:var(--ink)}.approval{background:#f7faf7;padding:14px;border:1px solid var(--line);border-radius:11px}.import-table-wrap{border:1px solid var(--line);border-radius:12px}.unresolved{max-height:360px;overflow:auto;border:1px solid #f1dbc0;border-radius:12px;padding:12px}.unresolved h4{margin:5px 0 15px}.match-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0}.match-row>div{flex:1}.match-row strong{display:block;font-size:.82rem}.match-row small{display:block;color:var(--danger);font-size:.74rem}.match-row select{width:240px;max-width:100%}.progress-wrap{display:grid;gap:8px;font-size:.85rem;color:var(--muted)}.progress-track{height:10px;border-radius:10px;background:#e7f0e8;overflow:hidden}.progress-track span{height:100%;display:block;background:var(--primary);transition:width .2s}.success-panel{display:flex;gap:15px;align-items:flex-start;background:#edfaef;border:1px solid #c4e6ca;padding:18px;border-radius:12px;color:#177963}.success-panel p{color:#567f68}.staff-list{padding:0}.staff-row{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line)}.staff-row:last-child{border:0}.staff-avatar{width:43px;height:43px;background:#eef5ee;color:#42796a;display:grid;place-items:center;border-radius:13px;flex:none}.staff-info{flex:1;min-width:0}.staff-info strong,.staff-info small{display:block;overflow:hidden;text-overflow:ellipsis}.staff-info small{color:var(--muted);font-size:.78rem}.staff-actions{display:flex;gap:8px}@media(max-width:1199px){.sidebar{width:232px}.page-content{padding:24px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sidebar{width:220px}.home-grid{grid-template-columns:1fr}.page-content{padding:20px}.welcome-art{opacity:.15}.data-table td,.data-table th{padding:13px 12px}.topbar{padding:0 20px}}@media(max-width:767px){.app-layout{display:block}.sidebar{position:fixed;right:0;top:0;bottom:0;height:100dvh;width:min(305px,84vw);transform:translate(110%);transition:transform .22s ease;box-shadow:-20px 0 75px #0002;overflow:auto}.sidebar.open{transform:translate(0)}.sidebar-scrim.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#001c1c77;border:0;width:100%}.mobile-menu,.mobile-close{display:inline-grid}.mobile-close{margin-right:auto;color:#fff}.main-area{min-height:100dvh}.topbar{height:74px;padding:0 16px}.top-title h1{font-size:1.13rem}.top-title small{font-size:.68rem}.user-name{display:none}.user-avatar{width:35px;height:35px}.page-content{padding:17px 13px 35px}.page-stack{gap:16px}.section-head{align-items:flex-start}.section-head h2{font-size:1.13rem}.section-head p{font-size:.78rem}.section-head>.btn{padding:8px 11px;min-height:40px;font-size:.8rem}.panel{padding:16px;border-radius:14px}.welcome-panel{padding:23px;min-height:195px;border-radius:15px}.welcome-panel h2{font-size:1.33rem}.welcome-panel p{font-size:.82rem}.welcome-art{left:-25px;top:80px}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:143px}.stat-icon{width:37px;height:37px;margin-bottom:7px}.stat-card strong{font-size:1.6rem}.stat-card>span{font-size:.76rem}.catalog-panel{padding:0}.toolbar{flex-wrap:wrap;padding:13px;gap:8px}.toolbar .searchbox{flex-basis:100%}.toolbar .btn.outline{min-height:38px;font-size:.75rem;padding:7px 10px}.toolbar .btn.icon-only{width:40px}.desktop-table{display:none}.mobile-products{display:grid;gap:10px;padding:10px 12px}.product-tile{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.tile-head{display:flex;gap:9px;align-items:center}.tile-icon{width:39px;height:39px;flex:none;border-radius:10px;background:#e8f5eb;color:var(--primary);display:grid;place-items:center}.tile-head>div:nth-child(2){flex:1;min-width:0}.tile-head h3{margin:0;font-size:.92rem;overflow-wrap:anywhere}.tile-head span:not(.status){font-size:.76rem;color:var(--muted)}.tile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #edf2ee;margin-top:10px;padding-top:9px}.tile-metrics div{display:grid;gap:2px}.tile-metrics small{color:var(--muted);font-size:.75rem}.tile-metrics strong{font-size:.91rem}.tile-actions{display:flex;justify-content:space-around;gap:6px;margin-top:13px}.tile-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;border:1px solid #e3eee7;background:#f7faf8;border-radius:9px;padding:7px 5px;color:#427567;font-size:.78rem}.form-grid{grid-template-columns:1fr 1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal-sheet,.modal-sheet.wide{border-radius:18px 18px 0 0;width:100%;max-height:94dvh}.modal-content{padding:17px}.form-stack{gap:13px}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-grid{grid-template-columns:1fr;gap:8px}.mode-card{min-height:65px;display:grid;grid-template-columns:26px 1fr;column-gap:10px;align-items:center}.mode-card small{grid-column:2}.review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.import-page{gap:17px}.match-row{display:grid}.match-row select{width:100%}.staff-row{flex-wrap:wrap;padding:14px;gap:10px}.staff-actions{flex-basis:100%;justify-content:flex-end}.staff-list{padding:0}.config-screen{margin:12vh 12px;padding:25px}}@media(max-width:430px){.auth-screen{padding:20px 12px}.login-card{padding:25px 20px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.top-title h1{font-size:1.05rem}.modal-content{padding:15px}.mode-card small{font-size:.72rem}.mapping-grid{grid-template-columns:1fr}.welcome-panel{padding:19px}.stat-card strong{font-size:1.43rem}.import-steps span{font-size:.68rem;padding:6px}.staff-actions .btn{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.role-select{border:1px solid #dce5df;color:#325c53;background:#fff;border-radius:9px;padding:4px 8px;min-height:34px;font-size:.8rem}.role-select:disabled{background:#f6f7f6}.sidebar{height:100vh;height:100dvh;min-height:0;overflow:hidden}.sidebar-brand,.side-section-label,.sidebar-bottom{flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#68988d transparent;padding:4px 4px 12px 0}.sidebar-nav .nav-item{flex:0 0 auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#68988d;border-radius:8px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}@media(max-width:767px){.sidebar{overflow:hidden}.sidebar-nav{touch-action:pan-y}}