@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-page:#f8fafc;--bg-surface:#fff;--bg-subtle:#f1f5f9;--bg-app:#f8fafc;--brand:#2563eb;--brand-dark:#1d4ed8;--primary:#2563eb;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-main:#0f172a;--border:#e2e8f0;--border-strong:#cbd5e1;--border-light:#f1f5f9;--success:#059669;--danger:#dc2626;--warning:#d97706;--shadow-sm:0 1px 2px 0 #0000000a;--shadow:0 1px 3px 0 #00000014, 0 1px 2px -1px #0000000a;--shadow-lg:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-xl:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--radius:8px;--radius-sm:6px;--nav-height:0px;--bg-nav:#fff;--bg-surface-glass:#fff;--border-glass:#e2e8f0;--bg-glow-1:transparent;--bg-glow-2:transparent}[data-theme=dark]{--bg-page:#0b0f19;--bg-surface:#111827;--bg-subtle:#1f2937;--bg-app:#0b0f19;--bg-nav:#111827;--brand:#3b82f6;--brand-dark:#2563eb;--primary:#3b82f6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-main:#f8fafc;--border:#1f2937;--border-strong:#374151;--border-light:#182234;--shadow:0 1px 3px 0 #0006;--shadow-sm:none;--bg-surface-glass:#111827;--border-glass:#1f2937;--bg-glow-1:transparent;--bg-glow-2:transparent}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-page);color:var(--text-primary);letter-spacing:-.01em;-webkit-text-size-adjust:100%;min-height:-webkit-fill-available;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s;overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation}@media (width<=768px){input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],select,textarea,.input{font-size:16px!important}}#root{flex-direction:column;min-height:-webkit-fill-available;display:flex}.main-wrapper{background:0 0;flex-direction:column;flex:1;display:flex}.seamless-container{width:100%;max-width:1600px;margin:0 auto;padding:1.25rem 1.75rem}@media (width<=1024px){.seamless-container{padding:1rem 1.25rem}}@media (width<=768px){.seamless-container{padding:.75rem .65rem}}.glass{background:var(--bg-surface);border:1px solid var(--border-strong)}.section-panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.25rem;transition:border-color .15s}@media (width<=768px){.section-panel{border-radius:8px;padding:.85rem .75rem}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.bg-glow-blob{display:none!important}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.825rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex;box-shadow:none!important}.btn:active{transform:scale(.99)}.btn-primary{color:#fff;background:#2563eb;border:1px solid #1d4ed8;box-shadow:none!important}.btn-primary:hover{background:#1d4ed8;transform:none;box-shadow:none!important}.btn-ghost{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-strong);box-shadow:none!important}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:#94a3b8}.input{background:var(--bg-surface);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.6rem .85rem;font-size:.85rem;transition:border-color .15s}.input:focus{background:var(--bg-surface);border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;background-color:var(--bg-surface);border-radius:10px;height:42px;padding-right:2.5rem;font-weight:500;transition:all .2s}select.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.select-trigger{border:1px solid var(--border-strong)!important;background:var(--bg-surface)!important}.select-dropdown{background:var(--bg-surface)!important;border:1px solid var(--border-strong)!important;box-shadow:var(--shadow-xl)!important}.select-option:hover{background:var(--bg-subtle)!important}.gradient-text{background:linear-gradient(135deg, var(--brand) 0%, #818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-strong);background:var(--bg-subtle);padding:1rem;font-size:.7rem;font-weight:800}td{border-bottom:1px solid var(--border-light);padding:1rem;font-size:.85rem;font-weight:500}tr:hover td{background:var(--bg-subtle)}@media (width<=768px){.seamless-container{padding:1.5rem}}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.cursor-pointer{cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:4px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#020617b3;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media screen{.only-print{display:none!important}}@media print{@page{margin:0!important}html,body{color:#000!important;background:#fff!important;width:80mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.app-container,.content,main{width:80mm!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.no-print,.sidebar,.sidebar-backdrop,.mobile-menu-toggle,.floating-theme-toggle,.pos-sidebar-toggle,header,footer,aside,nav{display:none!important}body *{visibility:hidden}.only-print,.only-print *{visibility:visible}.only-print{box-sizing:border-box!important;width:80mm!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.section-panel{box-shadow:none!important;border:none!important;padding:0!important}}@media (width<=768px){html,body,#root,.app-container,.main-wrapper,.content{max-width:100vw;overflow-x:hidden}.seamless-container{padding:.65rem .5rem calc(64px + env(safe-area-inset-bottom,0px)) .5rem!important}.table-responsive,.inventory-table-container,.table-container,.scrollable-table-wrap{overscroll-behavior-x:contain;border-radius:8px;margin-bottom:.75rem;position:relative;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}table{min-width:540px}th,td{padding:.55rem .5rem!important;font-size:.76rem!important}.form-drawer-overlay,.modal-overlay{justify-content:center!important;align-items:center!important;padding:.5rem!important}.form-drawer-content,.modal-content,.dialog-content,.card-modal{border:1px solid var(--border-strong)!important;width:95vw!important;max-width:440px!important;max-height:88vh!important;box-shadow:var(--shadow-xl)!important;border-radius:14px!important;margin:0 auto!important;overflow-y:auto!important}.metrics-grid,.stats-grid,.summary-strip-grid{grid-template-columns:repeat(2,1fr)!important;gap:.45rem!important}.stat-card,.summary-stat-card,.section-panel{border-radius:10px!important;padding:.65rem .75rem!important}.btn,.btn-primary,.btn-ghost,button.btn{border-radius:8px;width:auto;min-height:36px;padding:.45rem .85rem;font-size:.8rem}.dashboard-header,.inventory-header,.history-header,.shift-header,.customers-header,.sheet-header,.settings-header-bar,.purchases-header,.users-header,.logs-header{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column!important;align-items:stretch!important;gap:.55rem!important;height:auto!important;min-height:48px!important;padding:.65rem .75rem!important}.header-titles,.header-left,.header-left-col{width:100%!important}.header-controls,.header-right,.header-right-col,.header-actions-group{flex-flow:wrap!important;align-items:center!important;gap:.4rem!important;width:100%!important;display:flex!important}.header-controls select,.header-controls .native-select{border-radius:8px;min-width:110px;height:34px;width:auto!important}.header-controls button,.header-actions-group button,.btn-primary-header,.btn-secondary-header{white-space:nowrap!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:auto!important;height:34px!important;padding:0 .75rem!important;font-size:.75rem!important;display:inline-flex!important}.panel-control-bar,.panel-top,.sheet-toolbar{border-radius:12px;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;padding:.65rem!important}.search-box-wrap,.sheet-search-wrap,.filter-group{width:100%!important;min-width:100%!important}.search-box-wrap input,.sheet-search-wrap input{border-radius:8px!important;height:36px!important}.tier-filter-pills,.pos-bill-tabs-container,.category-scroll-list,.category-pill-container,.nav-items-list{white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:.35rem!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.tier-filter-pills::-webkit-scrollbar{display:none!important}.pos-bill-tabs-container::-webkit-scrollbar{display:none!important}.nav-items-list::-webkit-scrollbar{display:none!important}}.app-container{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.app-container.with-sidebar{padding-left:250px;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}@media (width<=1024px){.app-container.with-sidebar{padding-left:70px}}@media (width<=768px){.app-container.with-sidebar{padding-left:0}.content{padding-top:calc(52px + env(safe-area-inset-top,0px));padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.app-container:has(.pos-main-layout) .content,.content:has(.pos-main-layout){padding-top:0!important;padding-bottom:0!important}}.content{background-color:var(--bg-page);flex-direction:column;flex:1;width:100%;min-width:0;display:flex;position:relative}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}