:root{--color-primary:#800020;--color-primary-dark:#600018;--color-secondary:#daa520;--color-secondary-dark:#c69214;--color-success:#28a745;--color-warning:#ffc107;--color-error:#dc3545;--color-info:#17a2b8;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-family-base:"Inter", -apple-system, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--color-bg-primary:#f8f9fc;--color-bg-secondary:#fff;--color-text-primary:#1a1c22;--color-text-secondary:#4a4c55}[data-theme=dark]{--color-bg-primary:#121212;--color-bg-secondary:#1e1e1e;--color-text-primary:#fff;--color-text-secondary:#b3b3b3}body{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin:0}.app-shell-header{justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.app-shell-header__left,.app-shell-header__right{align-items:center;gap:8px;min-width:0;display:flex}.app-shell-content{margin:24px 16px 0}.app-shell-content__inner{min-height:calc(100vh - 112px)}.responsive-page{width:100%;padding-bottom:64px}.responsive-page__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.responsive-page__title{min-width:0}.responsive-page__title h2,.responsive-page__title .ant-typography{margin-top:0}.responsive-page__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.responsive-action-space{flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=575px){.app-shell-header{height:auto;min-height:64px;padding:8px}.app-shell-header__right{flex-wrap:wrap;justify-content:flex-end;gap:4px}.app-shell-header__search-label{display:none}.app-shell-content{margin:12px 8px 0}.app-shell-content__inner{border-radius:6px!important;padding:12px!important}.responsive-page__header{display:block}.responsive-page__actions{justify-content:stretch;margin-top:12px}.responsive-page__actions>*,.responsive-action-space,.responsive-action-space .ant-btn{width:100%}}.pos-shell{height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.pos-category-panel{flex-direction:column;width:18%;display:flex}.pos-category-header{align-items:center;gap:10px;padding:20px;display:flex}.pos-category-list{flex:1;padding:10px;overflow-y:auto}.pos-category-footer{padding:15px}.pos-product-panel{flex:1;padding:24px;overflow-y:auto}.pos-ticket-panel{flex-direction:column;width:32%;display:flex}.pos-ticket-header{padding:20px}.pos-ticket-body{flex:1;padding:10px 20px;overflow-y:auto}.pos-ticket-footer{padding:20px}@media (width<=767px){.pos-shell{height:auto;min-height:100vh;display:block;overflow:visible}.pos-category-panel{z-index:10;border-bottom:1px solid var(--pos-border);position:sticky;top:0;border-right:0!important;width:100%!important}.pos-category-header{padding:8px 10px}.pos-category-header .ant-typography{font-size:18px}.pos-category-list{scroll-snap-type:x proximity;gap:8px;padding:8px 10px;display:flex;overflow:auto hidden}.pos-category-list .ant-btn{text-overflow:ellipsis;white-space:nowrap;scroll-snap-align:start;flex:none;width:auto;min-width:104px;max-width:180px;height:40px;padding:0 12px;overflow:hidden}.pos-category-footer{padding:8px 10px 10px}.pos-product-panel{padding:12px 10px}.pos-product-header{gap:8px}.pos-product-header .ant-typography{font-size:20px}.pos-product-header .ant-btn{white-space:normal;max-width:168px;height:auto;min-height:40px;padding:6px 10px}.pos-product-card .ant-card-body{padding:12px!important}.pos-ticket-panel{border-top:1px solid var(--pos-border);min-height:auto;border-left:0!important;width:100%!important}.pos-ticket-header,.pos-ticket-footer{padding:12px 10px}.pos-ticket-body{max-height:36vh;padding:8px 10px}.pos-ticket-footer .ant-typography h2,.pos-ticket-footer h2.ant-typography{font-size:24px}.pos-ticket-footer .ant-btn{white-space:normal}}@media (width<=575px){.onboarding-tour .ant-tour{max-width:calc(100vw - 24px)}.onboarding-tour .ant-tour-content{max-height:calc(100vh - 48px);overflow-y:auto}}