html,body,#root{width:100%;height:100%;margin:0}*,:before,:after{box-sizing:border-box}body{background:var(--color-page-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}@media (width<=640px){html{font-size:14px}button{min-height:36px}.modal-content{width:95%!important;max-width:95%!important;padding:20px!important}}html,body{max-width:100vw;overflow-x:hidden}@media print{html,body,#root{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body *{visibility:hidden!important}.invoice-print-area,.invoice-print-area *{visibility:visible!important}.invoice-print-area{background:#fff!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.no-print,.no-print *,aside,nav,header,.sidebar,.topbar,.app-sidebar,.app-topbar,.invoice-actions{visibility:hidden!important;display:none!important}@page{size:A4;margin:10mm}}:root{--sidebar-bg:#0f172a;--sidebar-width:230px;--topbar-height:56px;--color-primary:#1e40af;--color-primary-light:#dbeafe;--color-danger:#dc2626;--color-warning:#d97706;--color-success:#16a34a;--color-surface:#fff;--color-page-bg:#f1f5f9;--color-border:#e2e8f0;--color-text-main:#0f172a;--color-text-muted:#64748b;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 1px 3px #0000000f, 0 1px 2px #0000000a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-page-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}[dir=rtl]{font-family:Tajawal,Cairo,system-ui,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}@media (width<=768px){.two-col{grid-template-columns:1fr!important}.three-col{grid-template-columns:1fr 1fr!important}}@media (width<=480px){.three-col{grid-template-columns:1fr!important}}@media (width<=640px){.page-content{padding:14px!important}}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}@media (width<=1024px){.desktop-only{display:none!important}}@media (width>=1025px){.mobile-only{display:none!important}}.list-print-area{display:none}@media print{body>#root>div>aside,body>#root>div>div>header,.no-print{display:none!important}body{font-size:12pt;background:#fff!important}body>#root>div>div>main{padding:0!important;overflow:visible!important}.invoice-print-area{width:100%;max-width:100%;padding:0;box-shadow:none!important;border:none!important;border-radius:0!important}.invoice-items-table tr{page-break-inside:avoid}.invoice-actions{display:none!important}body:has(.list-print-area):not(:has(.catalog-page)) *{visibility:hidden!important}:is(body:has(.list-print-area):not(:has(.catalog-page)) .list-print-area,body:has(.list-print-area):not(:has(.catalog-page)) .list-print-area *){visibility:visible!important}body:has(.list-print-area):not(:has(.catalog-page)) .list-print-area{width:100%!important;max-width:100%!important;box-shadow:none!important;color:#1e293b!important;box-sizing:border-box!important;background:#fff!important;border:none!important;margin:0!important;padding:20px!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.list-print-header{border-bottom:2px solid #1e293b;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:12px;display:flex!important}.list-print-area table{border-collapse:collapse;color:#1e293b;width:100%;font-size:11px}.list-print-area thead tr{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f1f5f9!important}.list-print-area th{text-align:start;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #cbd5e1;padding:7px 10px;font-size:10px;font-weight:700}.list-print-area td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:7px 10px}.list-print-footer{color:#64748b;border-top:1px solid #cbd5e1;justify-content:space-between;margin-top:16px;padding-top:10px;font-size:10px;display:flex!important}body:has(.catalog-print-area) *{visibility:hidden!important}:is(body:has(.catalog-print-area) .catalog-print-area,body:has(.catalog-print-area) .catalog-print-area *){visibility:visible!important}body:has(.catalog-print-area) .catalog-print-area{color:#111827!important;box-sizing:border-box!important;background:#fff!important;width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;display:block!important;position:absolute!important;top:0!important;left:0!important}:is(body:has(.catalog-print-area) .catalog-controls,body:has(.catalog-print-area) .no-print){visibility:hidden!important;display:none!important}body:has(.catalog-print-area) .product-card{break-inside:avoid!important;page-break-inside:avoid!important}@page{size:letter;margin:.35in}}