:root{--coffee-50: #fdf8f0;--coffee-100: #faecd6;--coffee-200: #f4d5a8;--coffee-300: #ecb872;--coffee-400: #e3953e;--coffee-500: #d97c1e;--coffee-600: #c06315;--coffee-700: #9f4d14;--coffee-800: #813f18;--coffee-900: #6a3516;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--green-50: #f0fdf4;--green-100: #dcfce7;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--red-50: #fef2f2;--red-100: #fee2e2;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--surface-page: var(--gray-50);--surface-card: var(--white);--surface-sunken: var(--gray-50);--surface-dark: var(--gray-900);--surface-dark-2: var(--gray-800);--surface-dark-3: var(--gray-700);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--text-on-brand: var(--white);--brand: var(--coffee-600);--brand-hover: var(--coffee-700);--brand-accent: var(--coffee-500);--border-subtle: var(--gray-100);--border-default: var(--gray-200);--status-success-bg: var(--green-100);--status-success-fg: var(--green-700);--status-info-bg: var(--blue-100);--status-info-fg: var(--blue-700);--status-error-bg: var(--red-100);--status-error-fg: var(--red-700);--status-error-solid: var(--red-500);--radius-pill: 100px;--font-sans: "Geist", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-snug: 1.375;--leading-normal: 1.5;--tracking-wider: .05em;--type-section: var(--weight-semibold) var(--text-base)/var(--leading-snug) var(--font-sans);--type-body: var(--weight-normal) var(--text-sm)/var(--leading-normal) var(--font-sans);--type-button: var(--weight-medium) var(--text-sm)/1 var(--font-sans);--type-label: var(--weight-medium) var(--text-xs)/1.4 var(--font-sans);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--card-padding: var(--space-5);--pos-cart-width: 20rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-card: var(--shadow-sm);--shadow-modal: var(--shadow-2xl);--scrim: rgb(0 0 0 / .5);--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration: .2s;--transition-colors: color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);--transition-lift: transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease)}:root{--brand: #0b0b0b;--brand-hover: #000000;--brand-accent: #d9d9d9;--text-on-brand: #ffffff;--surface-page: #f7f7f7;--surface-card: #ffffff;--surface-sunken: #efefef;--surface-dark: #0b0b0b;--surface-dark-2: #171717;--surface-dark-3: #262626;--text-primary: #0b0b0b;--text-secondary: #5c5c5c;--text-tertiary: #8a8a8a;--text-muted: #b3b3b3;--gray-50: #f7f7f7;--gray-100: #eeeeee;--gray-200: #e0e0e0;--gray-300: #cccccc;--gray-400: #b3b3b3;--gray-500: #8a8a8a;--gray-600: #5c5c5c;--gray-700: #3d3d3d;--border-subtle: #ececec;--border-default: #dcdcdc;--scrim: rgba(0, 0, 0, .65);--status-success-bg: #eaf7ee;--status-success-fg: #1f6b3a;--status-info-bg: var(--gray-100);--status-info-fg: var(--gray-700);--status-error-bg: #f6e8e8;--status-error-fg: #8b0000;--status-error-solid: #8b0000}body{margin:0;background:var(--surface-page);font-family:var(--font-sans);font-weight:var(--weight-normal);font-size:var(--text-sm);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}input,button,select{font-family:inherit}::placeholder{color:var(--text-muted)}button{-webkit-tap-highlight-color:transparent}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:fixed;top:0;right:0;bottom:0;left:0;padding:24px}}.sidebar--collapsed .sidebar-label{display:none}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:18px 0 14px}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding-left:0;padding-right:0}@media (max-width: 1024px){.sidebar{width:76px!important}.sidebar-label{display:none!important}.sidebar-brand{justify-content:center;padding:18px 0 14px!important}.sidebar-nav-item{justify-content:center!important;padding-left:0!important;padding-right:0!important}.sidebar-toggle{display:none!important}.cart-summary{width:17rem!important}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important}}@media (max-width: 700px){.page-pad{padding:20px 14px!important}.page-heading-row{flex-direction:column;align-items:center!important;text-align:center;gap:10px}.center-on-mobile{justify-content:center!important;text-align:center}.rtable__head{display:none!important}.rtable__row{grid-template-columns:1fr!important;gap:6px!important;padding:16px 18px!important}.rtable__cell{display:flex;flex-direction:column;align-items:center;gap:2px}.rtable__cell[data-label]:before{content:attr(data-label);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.rtable__cell--actions{flex-direction:row;justify-content:center;margin-top:4px}.pos-main{min-width:0!important;width:100%;border-bottom:1px solid var(--border-subtle)}.cart-summary{width:100%!important;border-left:none!important;border-top:1px solid var(--border-subtle)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}.sidebar{position:fixed!important;top:auto!important;bottom:0;left:0;width:100%!important;height:62px!important;flex-direction:row!important;align-items:center;z-index:40;box-shadow:0 -2px 12px #00000026}.sidebar-brand,.sidebar-toggle{display:none!important}.sidebar nav{flex:1;flex-direction:row!important;overflow-x:auto;padding:0 4px!important;align-items:center}.sidebar-nav-item{flex-direction:column;justify-content:center!important;gap:2px!important;padding:6px 10px!important;font-size:9.5px!important}.sidebar-label{display:block!important;font-size:9px!important;white-space:nowrap}.sidebar-footer{flex-direction:row!important;align-items:center;border-top:none!important;padding:0 8px!important;gap:4px!important}.sidebar-user{display:none!important}.app-content{padding-bottom:62px}}