:root{--bg-primary:#f4f5f7;--bg-secondary:#ffffff;--bg-tertiary:#e5e7eb;--accent-primary:#f5a623;--accent-primary-hover:#e0951a;--accent-ink:#17130a;--accent-secondary:#ec4899;--accent-purple:#8b5cf6;--accent-orange:#fb923c;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--success:#10b981;--warning:#f97316;--danger:#ef4444;--info:#3b82f6;--bg-glass:var(--glass-bg);--bg-main:var(--bg-secondary);--bg-card:var(--bg-secondary);--bg-dark:var(--bg-primary);--primary:var(--accent-primary);--primary-color:var(--accent-primary);--error:var(--danger);--text-main:var(--text-primary);--accent-primary-rgb:245,166,35;--font-sans:var(--font-ibm-plex-sans),system-ui,sans-serif;--font-display:var(--font-ibm-plex-sans),system-ui,sans-serif;--font-mono:var(--font-ibm-plex-mono),ui-monospace,"Cascadia Code",monospace;--border-light:rgba(0,0,0,0.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 2px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px -8px rgba(0,0,0,0.15);--shadow-glow:none;--glass-bg:var(--bg-secondary);--glass-border:var(--border-light);--glass-blur:blur(0);--transition-fast:0.15s ease-in-out;--transition-normal:0.25s ease-in-out;--transition-bounce:0.2s cubic-bezier(0.4,0,0.2,1);--overlay-light:rgba(0,0,0,0.03);--overlay-medium:rgba(0,0,0,0.05);--overlay-heavy:rgba(0,0,0,0.1);--overlay-strong:rgba(0,0,0,0.15)}.dark{color-scheme:dark;--bg-primary:#0d0e10;--bg-secondary:#14161b;--bg-tertiary:rgba(255,255,255,0.04);--text-primary:#f2f3f5;--text-secondary:#b4b9c0;--text-muted:#8b9099;--border-light:rgba(255,255,255,0.09);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.4);--shadow-md:0 2px 6px -1px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px -8px rgba(0,0,0,0.6);--overlay-light:rgba(255,255,255,0.03);--overlay-medium:rgba(255,255,255,0.05);--overlay-heavy:rgba(255,255,255,0.1);--overlay-strong:rgba(255,255,255,0.15)}*{box-sizing:border-box;padding:0;margin:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion:reduce){:after,:before,:not(.animate-spin){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}[style*=monospace],code,kbd,pre,samp{font-family:var(--font-mono)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-family:var(--font-sans);font-weight:500;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn-primary{background:var(--accent-primary);color:var(--accent-ink);font-weight:600}.btn-primary:active,.btn-primary:hover{background:var(--accent-primary-hover)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--overlay-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;position:relative;background:var(--bg-primary)}@media print{.app-container,.main-content,body{height:auto!important;overflow:visible!important}.app-container,.main-content{min-height:auto!important;display:block!important}}.page-wrapper{padding:32px;max-width:1400px;margin:0 auto;width:100%}@media (max-width:768px){.page-wrapper{padding:16px 16px calc(64px + env(safe-area-inset-bottom) + 16px)}}.input-field{width:100%;background:var(--overlay-light);border:1px solid var(--border-light);color:var(--text-primary);padding:12px 16px;border-radius:8px;font-family:var(--font-sans);transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 25%,transparent);background:var(--overlay-medium)}select option{background-color:var(--bg-secondary);color:var(--text-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-actions{display:flex;gap:12px}.badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge.success{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge.warning{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.badge.danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.badge.info{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.t-secondary{color:var(--text-secondary)}.t-primary{color:var(--text-primary)}.t-muted{color:var(--text-muted)}.t-meta{font-size:12px;color:var(--text-secondary)}.page-title{font-size:2rem;margin-bottom:8px}.field-label,.field-label-sm{display:block;margin-bottom:8px;color:var(--text-secondary)}.field-label-sm{font-size:14px}.stack-8{gap:8px}.stack-16,.stack-8{display:flex;flex-direction:column}.stack-16{gap:16px}.stack-24{display:flex;flex-direction:column;gap:24px}.hstack-8{display:flex;gap:8px}.hstack-12{display:flex;gap:12px}.row-8{gap:8px}.row-8,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between}.data-table{width:100%;border-collapse:collapse;text-align:left}.thead-row{border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.cell{padding:16px;font-weight:500}.cell-right{padding:16px;text-align:right}.tap-target{position:relative}.tap-target:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.tap-target>*{position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:focus-visible{position:fixed;top:12px;left:12px;z-index:10000;width:auto;height:auto;margin:0;padding:12px 20px;overflow:visible;clip:auto;white-space:nowrap;background:var(--accent-primary);color:var(--accent-ink);border-radius:8px;font-weight:600;text-decoration:none}#main-content:focus{outline:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-enter{animation:modalEnter .2s ease-out}@keyframes drawerEnter{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.drawer-enter{animation:drawerEnter .25s ease-out}@keyframes toastEnter{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.toast-enter{animation:toastEnter .2s ease-out}@media (prefers-reduced-motion:reduce){.drawer-enter,.modal-enter,.toast-enter{animation:none}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.metric{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;padding:20px 22px;display:flex;flex-direction:column;gap:6px;min-width:0}.metric__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.metric__label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.metric__tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 8px;border-radius:6px;white-space:nowrap}.metric__value{font-size:1.9rem;font-weight:650;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:2px 0 0}.metric__note{color:var(--text-muted);font-size:.82rem;margin:0}.metric--lead{grid-column:span 2;border-color:color-mix(in srgb,var(--accent-primary) 38%,var(--border-light))}.metric--lead .metric__value{font-size:2.6rem;color:var(--accent-primary)}@media (max-width:760px){.metric--lead{grid-column:span 1}.metric--lead .metric__value{font-size:2.1rem}}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-light);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,border-color .2s ease}.stat-card-anchor:focus-visible .stat-card,.stat-card-anchor:hover .stat-card{border-color:color-mix(in srgb,var(--card-accent) 55%,transparent);box-shadow:0 4px 16px -8px color-mix(in srgb,var(--card-accent) 40%,transparent)}.stat-card-anchor{cursor:pointer}@media (prefers-reduced-motion:reduce){.stat-card{transition:none}.stat-card-anchor:focus-visible .stat-card,.stat-card-anchor:hover .stat-card{transform:none}}.row-hover{transition:background var(--transition-fast)}.row-hover:focus-within,.row-hover:hover{background:var(--overlay-light)}.surface-base{background:var(--bg-tertiary)}.surface-base-light{background:var(--overlay-light)}.surface-base-panel{background:var(--glass-bg)}.row-nested{background:var(--overlay-light)}.row-nested:focus-within,.row-nested:hover{background:var(--overlay-medium)}.surface-hover{transition:background var(--transition-fast),color var(--transition-fast)}.surface-hover:focus-visible,.surface-hover:hover{background:var(--overlay-medium);color:var(--text-primary)}.surface-hover-strong:focus-visible,.surface-hover-strong:hover{background:var(--overlay-heavy)}.surface-hover-danger:focus-visible,.surface-hover-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.hover-lift{transition:transform .2s}.hover-lift:focus-visible,.hover-lift:hover{transform:translateY(-2px)}.lift-4{transition:transform .2s}.lift-4:hover,a:focus-visible .lift-4,a:hover .lift-4{transform:translateY(-4px)}.nudge-x{transition:transform .2s}.nudge-x:hover,a:focus-visible .nudge-x,a:hover .nudge-x{transform:translateX(4px)}a:focus-visible .hover-lift{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.hover-lift,.lift-4,.nudge-x,.row-hover,.surface-hover{transition:none}.hover-lift:focus-visible,.hover-lift:hover,.lift-4:hover,.nudge-x:hover,a:focus-visible .hover-lift,a:focus-visible .lift-4,a:focus-visible .nudge-x,a:hover .lift-4,a:hover .nudge-x{transform:none}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40}.sidebar-mobile-open .sidebar-mobile-overlay{display:block}@media (max-width:1024px){.page-wrapper{padding:24px}}@media (max-width:768px){.page-wrapper{padding:16px}.glass-panel{padding:16px!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.dashboard-grid,[style*=grid-template-columns]:not(.keep-grid){grid-template-columns:1fr!important}.sidebar-container{position:fixed;top:0;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform var(--transition-normal)}.sidebar-mobile-open .sidebar-container{transform:translateX(0)}.mobile-menu-btn{display:block!important}.page-header{flex-direction:column!important;align-items:stretch!important}.page-actions{flex-wrap:wrap!important;width:100%!important}.page-actions button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);justify-content:center!important}.page-actions button:last-child:nth-child(odd){flex:1 1 100%!important}.hide-on-mobile{display:none!important}.orders-mobile-table{min-width:unset!important}.orders-mobile-row{display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"date date" "id-customer total" "status status";gap:8px;padding:16px!important;align-items:center}.responsive-table .orders-mobile-row td{text-align:left!important;border:none!important;margin:0!important;padding:0!important}.responsive-table .orders-mobile-row td:before{display:none!important}.responsive-table .orders-mobile-row .col-date{grid-area:date;text-align:left!important;font-size:.85rem;color:var(--text-secondary)}.responsive-table .orders-mobile-row .col-id{grid-area:id-customer}.responsive-table .orders-mobile-row .col-total{grid-area:total;text-align:right!important}.responsive-table .orders-mobile-row .col-status{grid-area:status;text-align:left!important}.products-mobile-table{min-width:unset!important}.products-mobile-row{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:16px!important;align-items:center}.responsive-table .products-mobile-row td{text-align:left!important;border:none!important;margin:0!important;padding:0!important}.responsive-table .products-mobile-row td:before{position:static!important;display:block!important;width:100%!important;font-size:.75rem!important;margin-bottom:4px;text-align:inherit!important}.responsive-table .products-mobile-row .col-product:before,.responsive-table .products-mobile-row .col-sku:before,.responsive-table .products-mobile-row .col-specs:before{display:none!important}.responsive-table .products-mobile-row .col-product{grid-column:1/3}.responsive-table .products-mobile-row .col-sku{grid-column:1/2}.responsive-table .products-mobile-row .col-specs{grid-column:2/3;text-align:right!important}.responsive-table .products-mobile-row .col-woo-stock{grid-column:1/2}.responsive-table .products-mobile-row .col-phys-stock{grid-column:2/3;text-align:right!important}.po-mobile-table{min-width:unset!important}.po-mobile-row{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:16px!important;align-items:center}}.pos-layout{display:flex;gap:24px;height:calc(100vh - 120px)}.pos-products-container{flex:1 1;display:flex;flex-direction:column;gap:24px;min-height:0}.pos-header{display:flex;justify-content:space-between;align-items:center}.pos-header-actions{display:flex;gap:12px}.pos-search{margin:0;width:300px;background:var(--overlay-medium)}.pos-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;overflow-y:auto;padding-right:8px;padding-bottom:24px}.pos-cart-panel{width:400px;display:flex;flex-direction:column;padding:24px;border-left:1px solid var(--overlay-medium)}@media (max-width:1024px){.pos-layout{height:calc(100vh - 80px)}.pos-header,.pos-layout{flex-direction:column;gap:12px}.pos-header{align-items:stretch}.pos-header-actions{flex-direction:column;align-items:stretch}.pos-cart-panel,.pos-search{width:100%!important}.pos-cart-panel{flex:0 0 50vh;border-left:none!important;border-top:1px solid var(--overlay-heavy);padding:16px!important;overflow-y:auto}}@media (max-width:768px){.responsive-table .po-mobile-row td{text-align:left!important;border:none!important;margin:0!important;padding:0!important}.responsive-table .po-mobile-row td:before{position:static!important;display:block!important;width:100%!important;font-size:.75rem!important;margin-bottom:4px;text-align:inherit!important}.responsive-table .po-mobile-row .po-col-date:before,.responsive-table .po-mobile-row .po-col-status:before,.responsive-table .po-mobile-row .po-col-vendor:before{display:none!important}.responsive-table .po-mobile-row .po-col-date{grid-column:1/2}.responsive-table .po-mobile-row .po-col-status{grid-column:2/3;text-align:right!important}.responsive-table .po-mobile-row .po-col-vendor{grid-column:1/3;font-size:1.1rem}.responsive-table .po-mobile-row .po-col-qty{grid-column:1/2}.responsive-table .po-mobile-row .po-col-base{grid-column:2/3;text-align:right!important}.responsive-table .po-mobile-row .po-col-tax{grid-column:1/2}.responsive-table .po-mobile-row .po-col-final{grid-column:2/3;text-align:right!important}.mobile-only{display:inline-block!important}.desktop-only{display:none!important}.responsive-table table,.responsive-table tbody,.responsive-table td,.responsive-table th,.responsive-table thead,.responsive-table tr{display:block}.responsive-table thead tr{position:absolute;top:-9999px;left:-9999px}.responsive-table tr{border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px;background:var(--overlay-light);padding:12px}.responsive-table td{border:none!important;position:relative;padding-left:50%!important;text-align:right!important;margin-bottom:8px}.responsive-table td[colspan]{padding-left:12px!important;text-align:center!important}.responsive-table td[colspan]:before{content:none}.responsive-table td:before{content:attr(data-label);position:absolute;left:12px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700;color:var(--text-muted);font-size:.85rem}}@media (min-width:769px){.mobile-menu-btn,.mobile-only{display:none!important}}.pos-page-container{padding:24px}@media (max-width:900px){.pos-product-header{display:none!important}.pos-step-panel{padding:16px 12px!important;margin-bottom:12px!important}.pos-page-container{padding:0!important;margin:0 -16px!important;width:auto!important}}