@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg: #0d1117;--sidebar-border: #1e2530;--sidebar-text: #8b949e;--sidebar-text-active: #ffffff;--sidebar-hover: #161b22;--sidebar-accent: #f97316;--sidebar-width: 230px;--content-bg: #f0f2f5;--card-bg: #ffffff;--card-border: #e8eaed;--navbar-height: 64px;--text-primary: #0d1117;--text-secondary: #4b5563;--text-muted: #9ca3af;--success: #16a34a;--success-bg: #f0fdf4;--success-text: #15803d;--danger: #dc2626;--danger-bg: #fef2f2;--danger-text: #b91c1c;--warning: #d97706;--warning-bg: #fffbeb;--warning-text: #92400e;--info: #2563eb;--info-bg: #eff6ff;--info-text: #1d4ed8;--accent: #f97316;--accent-light: #fff7ed;--accent-dark: #ea6c00;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.06);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition: .18s cubic-bezier(.4, 0, .2, 1)}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:DM Sans,-apple-system,sans-serif;font-size:14px;color:var(--text-primary);background:var(--content-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-logo{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;line-height:1.3}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.page-wrapper{padding:18px 22px;max-width:100%;animation:fadeIn .25s ease}.page-title{font-family:Outfit,sans-serif;font-size:21px;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:12px;flex-wrap:wrap}.page-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.card>.table-scroll-wrapper,.card.table-scroll-wrapper{border-radius:inherit}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table th{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:10px 14px;text-align:left;border-bottom:1px solid var(--card-border);background:#fafafa;white-space:nowrap}.data-table td{padding:11px 14px;border-bottom:1px solid #f3f4f6;font-size:13px;color:var(--text-secondary);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:#fafafa}.input-base{width:100%;padding:9px 12px;border:1.5px solid var(--card-border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;color:var(--text-primary);background:var(--card-bg);outline:none;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none}.input-base:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f973161a}.input-base::placeholder{color:var(--text-muted)}label{display:block;font-size:12.5px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}select.input-base{cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;color:var(--text-muted);text-align:center}.empty-state svg{margin-bottom:14px;opacity:.4}.empty-state h3{font-size:15px;color:var(--text-secondary);margin-bottom:6px}.empty-state p{font-size:13px}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.4s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease forwards}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:200px}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d111799;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.visible{display:block;animation:fadeIn .2s ease}.po-item-grid{display:grid;grid-template-columns:2fr 80px 120px 100px 28px;gap:8px;align-items:center}.po-item-header{display:grid;grid-template-columns:2fr 80px 120px 100px 28px;gap:8px;margin-bottom:6px}.po-item-header span,.po-item-grid .po-label{font-size:10.5px;color:var(--text-muted)}.mobile-card-list{display:flex;flex-direction:column;gap:10px}.mobile-data-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:14px 16px}.mobile-data-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;margin-top:6px}.mobile-data-card-row:first-child{margin-top:0}.mobile-data-card-label{font-size:11px;color:var(--text-muted);font-weight:500}.modal-dialog{background:var(--card-bg);border-radius:16px;box-shadow:0 24px 64px #0000002e;border:1px solid var(--card-border);animation:slideIn .2s ease;max-height:90vh;display:flex;flex-direction:column}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.page-wrapper{padding:20px}.data-table{min-width:520px}.hide-tablet{display:none!important}}@media (max-width: 768px){.pos-root{flex-direction:column-reverse!important;height:auto!important;gap:14px!important;padding:12px 12px 32px!important}.pos-products{overflow:visible!important}.pos-cart{width:100%!important;max-height:60vh;position:sticky;bottom:0;z-index:40;box-shadow:0 -6px 24px #0000001f}.pos-cart>div:first-child{max-height:34vh}}@media (max-width: 768px){:root{--sidebar-width: 260px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr;gap:12px}.page-wrapper{padding:16px 14px 32px}.page-title{font-size:18px}.card{border-radius:var(--radius-sm)}[style*="grid-template-columns: 1fr 380px"],[style*="grid-template-columns: 1fr 340px"],[style*="grid-template-columns: 280px 1fr"],[style*="grid-template-columns: 300px 1fr"],[style*="grid-template-columns: 340px 1fr"],[style*="grid-template-columns: 260px 1fr"],[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}[style*="grid-template-columns: 2fr 70px"],[style*="grid-template-columns: 2fr 80px"],[style*="grid-template-columns: 1fr 80px 80px 100px"]{grid-template-columns:1fr!important;gap:10px!important}.po-item-grid,.po-item-header{grid-template-columns:1fr 1fr!important}.po-item-grid .po-product-field,.po-item-header .po-product-label{grid-column:1 / -1}.input-base{padding:11px 12px;font-size:16px}select.input-base{font-size:16px}:root{--navbar-height: 58px}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.btn-text-mobile{display:none}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-dialog{width:100%!important;max-width:100%!important;max-height:92vh!important;border-radius:16px 16px 0 0!important;margin:0!important}.modal-dialog .modal-footer{flex-wrap:wrap;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.modal-dialog .modal-footer button{flex:1;min-width:120px}.page-header-actions{width:100%}.page-header-actions>button,.page-header-actions .btn-full-mobile{flex:1;min-width:0}}@media (max-width: 480px){.page-wrapper{padding:12px 12px 28px}.data-table th,.data-table td{padding:9px 10px;font-size:12px}.page-title{font-size:17px}}.show-mobile{display:none}@media (max-width: 1024px){.show-mobile-tablet{display:flex!important}}.date-range-filter{position:relative;width:100%}.date-range-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-range-filter-btn.active{border-color:#fed7aa;background:#fff7ed;color:#c2410c;font-weight:600}.date-range-clear-chip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:99px;background:#f9731626;margin-left:2px;flex-shrink:0}.date-range-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;padding:16px;min-width:280px;box-shadow:var(--shadow-lg);animation:fadeIn .15s ease}.date-range-panel-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:14px;font-family:Outfit,sans-serif}.date-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.date-range-actions{display:flex;gap:8px;justify-content:flex-end}.filter-toolbar{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.filter-toolbar .date-range-filter{width:auto;flex-shrink:0}.date-range-backdrop{display:none}@media (max-width: 768px){.date-range-fields{grid-template-columns:1fr}.date-range-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0d111773;z-index:499}.date-range-panel{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:500}.date-range-filter-btn{width:100%;justify-content:center}.filter-toolbar .date-range-filter{width:100%}}.dashboard-table-card{overflow:hidden}.dashboard-table-card .table-scroll-wrapper{padding:0 0 4px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.thermal-receipt{box-sizing:border-box;width:80mm;max-width:100%;margin:0 auto;--receipt-right-padding: calc(7mm + 3ch) ;padding:4mm var(--receipt-right-padding) 4mm 3mm;background:#fff;color:#000;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;line-height:1.4;box-shadow:0 2px 10px #0000001f}.thermal-receipt .tr-shop{font-family:Arial Black,Arial,sans-serif;font-size:22px;font-weight:900;color:#000;line-height:1.2;margin-bottom:4px;text-transform:none}.thermal-receipt .tr-muted{font-size:11px;color:#000}.thermal-receipt .tr-divider{border-top:1px dashed #000;margin:4px 0}.thermal-receipt .tr-row{display:flex;justify-content:space-between;gap:6px}.thermal-receipt .tr-row span:first-child{flex-shrink:0}.thermal-receipt .tr-row span:last-child{min-width:0;text-align:right;overflow-wrap:anywhere}.thermal-receipt .tr-total{font-size:15px;font-weight:700;margin:2px 0}.thermal-receipt table{width:100%;table-layout:fixed;border-collapse:collapse;margin:2px 0}.thermal-receipt th,.thermal-receipt td{overflow-wrap:anywhere}.thermal-receipt th:first-child{width:36%}.thermal-receipt th:nth-child(2){width:12%}.thermal-receipt th:nth-child(3),.thermal-receipt th:nth-child(4){width:26%}.thermal-receipt th{font-weight:700;border-bottom:1px solid #000;padding:2px 0}.thermal-receipt td{padding:2px 0;vertical-align:top}@media print{@page{size:80mm auto;margin:0}html,body{background:#fff!important;margin:0!important;padding:0!important}body *{visibility:hidden!important}#pos-receipt,#pos-receipt *{visibility:visible!important}#pos-receipt{position:absolute!important;left:0!important;top:0!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:2mm var(--receipt-right-padding) 2mm 3mm!important;color:#000!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;box-shadow:none!important}}.w-full{width:100%}@media screen{.app-shell{height:100dvh!important}.app-shell>aside{height:100dvh!important;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-shell header{box-sizing:content-box;padding-top:env(safe-area-inset-top)!important}.app-content{min-height:0;overscroll-behavior-y:contain}.mobile-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex-shrink:0;background:var(--card-bg);border-top:1px solid var(--card-border);padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.mobile-navigation a,.mobile-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font:600 11px DM Sans,sans-serif;text-decoration:none;cursor:pointer}.mobile-navigation a.active{color:#c2410c;background:#fff7ed}.mobile-navigation :focus-visible,.pwa-install:focus-visible{outline:2px solid #f97316;outline-offset:-2px}.pwa-install{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;background:#fff;color:#9a3412;border:1px solid #fed7aa;border-radius:24px;box-shadow:0 3px 16px #0002;font:700 13px DM Sans,sans-serif;cursor:pointer}.pwa-offline{position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:1100;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#fef3c7;color:#78350f;font-size:13px;line-height:1.5;text-align:center}.pwa-help{font-size:14px;line-height:1.6}.pwa-help p{margin-bottom:16px}.login-screen{min-height:100dvh!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;padding-top:calc(20px + env(safe-area-inset-top))!important}}@media screen and (max-width: 768px){.app-content{padding-bottom:64px!important;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-shell~.pwa-controls .pwa-install{bottom:calc(76px + env(safe-area-inset-bottom))}input.input-base,select.input-base,textarea.input-base{font-size:16px!important;min-height:44px}.app-shell button{touch-action:manipulation}.app-shell header button{min-height:40px;min-width:32px}}@media print{.mobile-navigation,.pwa-controls{display:none!important}}