:root{--primary:#1a73e8;--primary-hover:#1557b0;--bg-light:#f8fafc;--bg-white:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--card-bg:#fff;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--radius:12px;--sidebar-width:280px}[data-theme=dark]{--bg-light:#0f172a;--bg-white:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--card-bg:#1e293b;--shadow:0 10px 15px -3px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}#root{flex-direction:column;height:100vh;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.pos-app{--pos-header-h:70px;--pos-pad-xl:40px;--pos-pad-lg:24px;--pos-pad-md:16px;--pos-pad-sm:12px;--pos-split-sidebar:260px;--pos-orders-list-w:400px;--pos-order-sidebar-w:340px;--pos-font-title:32px;--pos-font-h2:24px;--pos-font-h3:20px;--pos-font-body:14px;--pos-font-small:12px;flex-direction:column;height:100vh;display:flex;overflow:hidden}.pos-main{flex:1;min-height:0;display:flex;overflow:hidden}.pos-header{height:var(--pos-header-h);border-bottom:1px solid var(--border);padding:0 var(--pos-pad-lg);background-color:var(--bg-white);z-index:10;justify-content:space-between;align-items:center;gap:var(--pos-pad-sm);flex-shrink:0;min-width:0;display:flex}.pos-header__left{align-items:center;gap:var(--pos-pad-lg);flex:1;min-width:0;display:flex}.pos-header__brand{flex-shrink:0;align-items:center;gap:8px;display:flex}.pos-header__brand h1{color:var(--text-main);font-size:18px;font-weight:700}.pos-header__nav{gap:var(--pos-pad-lg);scrollbar-width:none;-ms-overflow-style:none;min-width:0;display:flex;overflow-x:auto}.pos-header__nav::-webkit-scrollbar{display:none}.pos-header__tab{font-size:var(--pos-font-body);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:6px 0;transition:all .2s;display:flex}.pos-header__tab--active{color:var(--text-main);border-bottom-color:var(--primary);font-weight:600}.pos-header__tab--inactive{color:var(--text-muted);font-weight:400}.pos-header__actions{align-items:center;gap:var(--pos-pad-md);flex-shrink:0;display:flex}.pos-header__clock-btn{font-weight:700;font-size:var(--pos-font-small);border-radius:10px;align-items:center;gap:6px;padding:8px 14px;display:flex}.pos-header__clock-btn--in{color:#fff;background-color:#10b981;box-shadow:0 4px 12px #10b98133}.pos-header__clock-btn--out{background-color:var(--bg-light);color:var(--text-main);border:1px solid var(--border)}.pos-header__clock-label{display:inline}.pos-header__user-name{color:var(--text-main);font-size:13px;font-weight:700}.pos-header__user-role{color:var(--text-muted);text-transform:capitalize;font-size:11px;font-weight:600}.pos-header__user-meta{text-align:right}.pos-header__divider{background-color:var(--border);width:1px;height:20px}.pos-header__icon-btn{color:var(--text-muted);background-color:var(--bg-light);border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.pos-header__modal{background-color:var(--bg-white);padding:var(--pos-pad-xl);text-align:center;border-radius:24px;width:min(480px,100vw - 32px);box-shadow:0 20px 50px #0003}.pos-category-tabs{padding:var(--pos-pad-md) var(--pos-pad-lg);border-bottom:1px solid var(--border);background-color:var(--bg-white);scrollbar-width:none;flex-shrink:0;gap:8px;display:flex;overflow-x:auto}.pos-category-tabs::-webkit-scrollbar{display:none}.pos-category-tabs__btn{font-size:var(--pos-font-body);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:6px 16px;font-weight:600}.pos-order-summary__head{padding:var(--pos-pad-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.pos-order-summary__head h2{font-size:var(--pos-font-h3);font-weight:700}.pos-order-summary__items{padding:var(--pos-pad-md);flex:1;overflow-y:auto}.pos-order-summary__footer{padding:var(--pos-pad-lg);border-top:1px solid var(--border);background-color:var(--bg-light)}.pos-order-summary__cart-item{background-color:var(--bg-light);border:1px solid var(--border);border-radius:10px;gap:10px;padding:10px;display:flex}.pos-order-summary__cart-item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.pos-order-summary__cart-name{font-size:var(--pos-font-body);font-weight:600}.pos-order-summary__cart-price{font-size:var(--pos-font-body);color:var(--primary);font-weight:700}.pos-order-summary__checkout-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.pos-order-summary__checkout-btn{font-weight:700;font-size:var(--pos-font-small);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex}.pos-order-summary__total-row{color:var(--text-main);justify-content:space-between;margin-top:6px;font-size:18px;font-weight:700;display:flex}.pos-orders-view{background-color:var(--bg-white);flex:1;min-width:0;height:100%;display:flex}.pos-orders-list{width:var(--pos-orders-list-w);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;min-width:0;display:flex}.pos-orders-list__head{padding:var(--pos-pad-lg) var(--pos-pad-md);border-bottom:1px solid var(--border)}.pos-orders-list__head h2{font-size:var(--pos-font-h2);margin-bottom:var(--pos-pad-md);color:var(--text-main);font-weight:800}.pos-orders-list__search{border:1px solid var(--border);background-color:var(--bg-light);width:100%;font-size:var(--pos-font-body);border-radius:10px;outline:none;padding:10px 10px 10px 40px}.pos-orders-list__filters{margin-top:var(--pos-pad-md);scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.pos-orders-list__filter-btn{font-size:var(--pos-font-small);white-space:nowrap;border-radius:100px;flex-shrink:0;padding:6px 12px;font-weight:700}.pos-orders-list__row{width:100%;padding:var(--pos-pad-md);border-bottom:1px solid var(--border);text-align:left;justify-content:space-between;align-items:flex-start;transition:background-color .2s;display:flex}.pos-orders-detail{background-color:var(--bg-light);padding:var(--pos-pad-xl);flex:1;min-width:0;overflow-y:auto}.pos-orders-detail__card{background-color:var(--bg-white);max-width:700px;padding:var(--pos-pad-xl);border-radius:20px;margin:0 auto;box-shadow:0 4px 20px #0000000d}.pos-orders-detail__title{font-size:var(--pos-font-h2);color:var(--text-main);margin-bottom:6px;font-weight:800}.pos-online-dash{padding:var(--pos-pad-xl);background-color:var(--bg-white);flex:1;min-width:0;overflow-y:auto}.pos-online-dash__header{margin-bottom:var(--pos-pad-xl);justify-content:space-between;align-items:center;gap:var(--pos-pad-md);flex-wrap:wrap;display:flex}.pos-online-dash__header h1{font-size:var(--pos-font-title);color:var(--text-main);margin-bottom:4px;font-weight:800}.pos-online-table-wrap{background-color:var(--bg-white);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000008}.pos-online-table{border-collapse:collapse;text-align:left;width:100%}.pos-online-table th{padding:var(--pos-pad-md) var(--pos-pad-lg);color:var(--text-muted);text-transform:uppercase;background-color:var(--bg-light);border-bottom:1px solid var(--border);font-size:11px;font-weight:800}.pos-online-table td{padding:var(--pos-pad-md) var(--pos-pad-lg);border-bottom:1px solid var(--border);color:var(--text-main);font-size:var(--pos-font-body);vertical-align:top}.pos-page-view{background-color:var(--bg-white);flex:1;min-width:0;height:100%;display:flex}.pos-page-sidebar{width:var(--pos-split-sidebar);border-right:1px solid var(--border);padding:var(--pos-pad-lg) var(--pos-pad-sm);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.pos-page-sidebar__label{color:var(--text-muted);padding-left:var(--pos-pad-md);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.pos-page-sidebar__btn{text-align:left;padding:10px var(--pos-pad-md);font-size:var(--pos-font-body);border-radius:10px;align-items:center;gap:10px;display:flex}.pos-page-content{padding:var(--pos-pad-xl);flex:1;min-width:0;overflow-y:auto}.pos-page-content__inner{max-width:1000px;margin:0 auto}.pos-reports-view{padding:var(--pos-pad-xl);background-color:var(--bg-light);flex:1;min-width:0;overflow-y:auto}.pos-reports-view__inner{max-width:1200px;margin:0 auto}.pos-reports-view__title{font-size:var(--pos-font-title);color:var(--text-main);font-weight:800}.pos-stat-grid{gap:var(--pos-pad-lg);margin-bottom:var(--pos-pad-xl);grid-template-columns:repeat(3,1fr);display:grid}.pos-stat-card{background-color:var(--bg-white);padding:var(--pos-pad-lg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.pos-stat-card h3{color:var(--text-main);font-size:26px;font-weight:800}.pos-data-table-wrap{border:1px solid var(--border);border-radius:14px;overflow-x:auto}.pos-data-table{border-collapse:collapse;width:100%;min-width:480px}.pos-data-table th,.pos-data-table td{padding:var(--pos-pad-md) var(--pos-pad-lg);font-size:var(--pos-font-body)}.pos-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--pos-pad-md);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pos-modal{background-color:var(--bg-white);padding:var(--pos-pad-lg);text-align:center;border:1px solid var(--border);border-radius:20px;width:min(400px,100%);box-shadow:0 20px 40px #0000001a}.pos-reports-charts{gap:var(--pos-pad-xl);grid-template-columns:1.5fr 1fr;display:grid}.pos-reports-charts>div{padding:var(--pos-pad-lg)!important;border-radius:20px!important}@media (width<=920px),(pointer:coarse) and (width<=1200px){.pos-app{--pos-header-h:52px;--pos-pad-xl:16px;--pos-pad-lg:12px;--pos-pad-md:10px;--pos-pad-sm:8px;--pos-split-sidebar:72px;--pos-orders-list-w:220px;--pos-order-sidebar-w:220px;--pos-font-title:22px;--pos-font-h2:18px;--pos-font-h3:16px;--pos-font-body:12px;--pos-font-small:10px}.pos-header__brand h1{font-size:15px}.pos-header__nav{gap:10px}.pos-header__tab{font-size:11px}.pos-header__clock-btn{padding:7px 10px}.pos-header__clock-label,.pos-header__user-meta{display:none}.pos-header__actions{gap:6px}.pos-header__modal{padding:var(--pos-pad-lg);border-radius:20px}.pos-order-summary{width:var(--pos-order-sidebar-w)!important;min-width:var(--pos-order-sidebar-w)!important;max-width:38%!important}.pos-order-summary__cart-item img{width:40px;height:40px}.pos-order-summary__checkout-btn svg{width:16px;height:16px}.pos-order-summary__total-row{font-size:15px}.pos-orders-detail{padding:var(--pos-pad-md)}.pos-orders-detail__card{padding:var(--pos-pad-lg);border-radius:16px}.pos-stat-grid{gap:var(--pos-pad-md);grid-template-columns:1fr}.pos-stat-card h3{font-size:22px!important}.pos-reports-view__filters{flex-direction:column;align-items:stretch!important}.pos-page-content h2{font-size:var(--pos-font-title)!important}.pos-page-content h3{font-size:var(--pos-font-h2)!important}.pos-orders-list__row span,.pos-orders-list__row div{font-size:var(--pos-font-body)}.pos-orders-detail__card img,.pos-orders-detail__card [style*="width: '48px'"]{width:40px!important;height:40px!important}.pos-stat-card{padding:var(--pos-pad-md);border-radius:14px}.pos-page-sidebar__btn span,.pos-page-sidebar__label{display:none}.pos-page-sidebar__btn{justify-content:center;padding:10px}.pos-page-sidebar{padding:var(--pos-pad-sm) 6px}.pos-online-table thead{display:none}.pos-online-table tbody tr{padding:var(--pos-pad-md);border-bottom:1px solid var(--border);display:block}.pos-online-table td{border:none;padding:3px 0;display:block}.pos-online-table td:last-child{padding-top:8px}.pos-online-table td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:800;display:block}.pos-reports-charts{gap:var(--pos-pad-md)!important;grid-template-columns:1fr!important}.pos-reports-charts>div[style*=gridTemplateColumns]{gap:var(--pos-pad-md)!important}.pos-view{height:calc(100vh - var(--pos-header-h))}}@media (width<=480px){.pos-app{--pos-orders-list-w:160px;--pos-order-sidebar-w:180px;--pos-split-sidebar:56px}.pos-header__brand h1,.pos-orders-detail{display:none}.pos-orders-list{flex:1;width:100%}}.payment-process-overlay .payment-process-card{max-width:440px;padding:40px 24px}.payment-process-overlay .payment-qr-box{min-width:200px;min-height:200px;padding:24px}.payment-process-overlay .payment-qr-img{width:250px;height:250px}@media (width<=920px),(pointer:coarse) and (width<=1200px){.payment-process-overlay .payment-process-card{max-width:92vw;padding:20px 14px;border-radius:20px!important}.payment-process-overlay .payment-qr-box{min-width:140px;min-height:140px;padding:12px}.payment-process-overlay .payment-qr-img{width:160px;height:160px}.payment-process-overlay .payment-title{font-size:18px!important}}@media (width<=1024px){.payment-process-overlay .payment-process-card{max-width:92vw;padding:28px 18px;border-radius:24px!important}.payment-process-overlay .payment-qr-box{min-width:160px;min-height:160px;padding:16px}.payment-process-overlay .payment-qr-img{width:200px;height:200px}.payment-process-overlay .payment-title{font-size:20px!important}}@media (width<=480px){.payment-process-overlay .payment-process-card{padding:24px 16px;border-radius:20px!important}.payment-process-overlay .payment-qr-box{min-width:140px;min-height:140px;padding:12px}.payment-process-overlay .payment-qr-img{width:168px;height:168px}.payment-process-overlay .payment-title{font-size:18px!important}.payment-process-overlay .payment-success-icon svg{width:64px!important;height:64px!important}}.pos-view{height:calc(100vh - var(--pos-header-h,70px));flex:1;display:flex}.pos-catalog{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.pos-subcategory-bar{background-color:var(--bg-light);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px 24px;display:flex}.pos-catalog-scroll{flex:1;padding:24px;overflow-y:auto;container:pos-catalog/inline-size}.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,160px));justify-content:start;gap:16px;display:grid}.pos-product-grid__item{max-width:160px}.pos-product-card{background-color:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);width:100%;position:relative;overflow:hidden}.pos-product-card__image{aspect-ratio:1;background-color:var(--bg-light);width:100%;max-height:160px;overflow:hidden}.pos-product-card__image img{object-fit:cover;width:100%;height:100%;display:block}.pos-product-card__body{flex-direction:column;flex:1;padding:12px;display:flex}.pos-product-card__category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.pos-product-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pos-product-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pos-product-card__price{color:var(--primary);font-size:16px;font-weight:700}.pos-product-card__add{background-color:var(--bg-light);width:28px;height:28px;color:var(--primary);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pos-order-summary{width:var(--pos-order-sidebar-w,340px);min-width:min(var(--pos-order-sidebar-w,340px), 280px);border-left:1px solid var(--border);background-color:var(--bg-white);flex-direction:column;flex-shrink:0;max-width:40%;height:100%;display:flex}@container pos-catalog (width<=900px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(110px,120px));gap:12px}.pos-product-grid__item{max-width:120px}.pos-product-card__image{max-height:120px}.pos-product-card__body{padding:8px}.pos-product-card__category{font-size:9px}.pos-product-card__name{height:30px;font-size:12px}.pos-product-card__price{font-size:13px}.pos-product-card__add{width:24px;height:24px}.pos-product-card__add svg{width:14px;height:14px}}@container pos-catalog (width<=550px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(96px,108px));gap:10px}.pos-product-grid__item{max-width:108px}.pos-product-card__image{max-height:108px}}@media (pointer:coarse){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(110px,120px));gap:12px}.pos-product-grid__item{max-width:120px}.pos-product-card__image{max-height:120px}.pos-order-summary{width:260px;min-width:220px}}@media (width>=1600px){.pos-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,180px));gap:20px}.pos-product-grid__item{max-width:180px}.pos-product-card__image{max-height:180px}}.online-order{--oo-pad:24px;--oo-hero:32px;--oo-header-logo:20px;--oo-grid-min:140px;--oo-grid-max:200px;--oo-grid-gap:20px;--oo-grid-pad-bottom:100px;--oo-product-radius:16px;--oo-price-badge:14px;--oo-product-name:15px;--oo-details-title:28px;--oo-input-h:50px;--oo-cart-thumb:80px;--oo-cart-max-w:400px}@media (width<=1024px){.online-order{--oo-pad:16px;--oo-hero:24px;--oo-header-logo:18px;--oo-grid-min:90px;--oo-grid-max:120px;--oo-grid-gap:12px;--oo-grid-pad-bottom:88px;--oo-product-radius:12px;--oo-price-badge:11px;--oo-product-name:13px;--oo-details-title:22px;--oo-input-h:46px;--oo-cart-thumb:56px;--oo-cart-max-w:100%}}@media (width<=480px){.online-order{--oo-pad:12px;--oo-hero:20px;--oo-header-logo:16px;--oo-grid-min:80px;--oo-grid-max:108px;--oo-grid-gap:10px;--oo-grid-pad-bottom:80px;--oo-product-radius:10px;--oo-price-badge:10px;--oo-product-name:12px;--oo-details-title:20px;--oo-input-h:44px;--oo-cart-thumb:48px}}.online-order .oo-header{padding:12px var(--oo-pad)!important}.online-order .oo-header-logo{font-size:var(--oo-header-logo)!important}.online-order .oo-section{padding:var(--oo-pad)!important}.online-order .oo-hero-title{font-size:var(--oo-hero)!important;margin-bottom:16px!important}.online-order .oo-product-grid{padding:0 var(--oo-pad) var(--oo-grid-pad-bottom)!important;grid-template-columns:repeat(auto-fill, minmax(var(--oo-grid-min), var(--oo-grid-max)))!important;gap:var(--oo-grid-gap)!important}.online-order .oo-product-card{max-width:var(--oo-grid-max)}.online-order .oo-product-image{max-width:var(--oo-grid-max);width:100%;border-radius:var(--oo-product-radius)!important}.online-order .oo-product-image .oo-price-badge{font-size:var(--oo-price-badge)!important;border-radius:8px!important;padding:4px 8px!important;bottom:8px!important;right:8px!important}.online-order .oo-product-name{font-size:var(--oo-product-name)!important}.online-order .oo-details-wrap{padding:var(--oo-pad)!important}.online-order .oo-details-title{font-size:var(--oo-details-title)!important}.online-order .oo-details-wrap input,.online-order .oo-details-wrap textarea{height:var(--oo-input-h)!important;min-height:var(--oo-input-h)!important}.online-order .oo-cart-panel{max-width:var(--oo-cart-max-w)!important}.online-order .oo-cart-thumb{width:var(--oo-cart-thumb)!important;height:var(--oo-cart-thumb)!important}.online-order .oo-category-btn{padding:8px 16px!important;font-size:14px!important}@media (width<=480px){.online-order .oo-category-btn{padding:6px 12px!important;font-size:13px!important}}