:root{--primary:#8B0000;--primary-dark:#6d0000;--secondary:#F4C430;--background:#FAFAFA;--success:#198754;--danger:#DC3545;--sidebar-width:260px;--border-radius:12px;--shadow:0 2px 12px rgba(0,0,0,0.08)}*{box-sizing:border-box}body{font-family:var(--font-poppins),"Poppins",sans-serif;background-color:var(--background);color:#333;margin:0}.btn-primary{background-color:var(--primary);border-color:var(--primary);border-radius:var(--border-radius)}.btn-primary:focus,.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-outline-primary{color:var(--primary);border-color:var(--primary);border-radius:var(--border-radius)}.btn-outline-primary:hover{background-color:var(--primary);border-color:var(--primary)}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.card{border:none;box-shadow:var(--shadow)}.card,.form-control,.form-select{border-radius:var(--border-radius)}.form-control,.form-select{border:1px solid #e0e0e0;padding:.625rem 1rem}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem rgba(139,0,0,.15)}.sidebar{width:var(--sidebar-width);min-height:100vh;background:linear-gradient(180deg,var(--primary) 0,#5a0000 100%);color:white;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s ease}.sidebar-brand{padding:1.5rem;font-size:1.25rem;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-nav .nav-link{color:rgba(255,255,255,.8);padding:.75rem 1.5rem;display:flex;align-items:center;gap:.75rem;border-radius:0;transition:all .2s}.sidebar-nav .nav-link.active,.sidebar-nav .nav-link:hover{color:white;background:rgba(255,255,255,.1)}.sidebar-nav .nav-link i{font-size:1.1rem;width:1.5rem}.main-content{margin-left:var(--sidebar-width);min-height:100vh}.topbar{background:white;padding:1rem 1.5rem;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:999}.stat-card{border-left:4px solid var(--primary)}.stat-card.secondary{border-left-color:var(--secondary)}.stat-card.success{border-left-color:var(--success)}.stat-card.danger{border-left-color:var(--danger)}.stat-value{font-size:1.75rem;font-weight:700;color:#333}.stat-label{color:#6c757d;font-size:.875rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0,#3d0000 100%)}.auth-card{width:100%;max-width:440px;padding:2rem}.badge-status{border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:999}.nav-fab{top:.55rem;left:.55rem;z-index:1100;width:2.15rem;height:2.15rem;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(139,0,0,.28);font-size:1rem}.kitchen-ticket{background:#fff8f0;border:1px solid rgba(139,0,0,.12);border-radius:10px;padding:.55rem .6rem;font-size:.8rem}.kitchen-ticket.ready{background:#f0fff4;border-color:rgba(25,135,84,.2)}.kitchen-ticket .fw-semibold{font-size:.82rem;line-height:1.2}.menu-manage-card.unavailable{opacity:.72;filter:grayscale(.55)}.menu-manage-thumb{aspect-ratio:4/3;overflow:hidden;background:#f1f1f1}.menu-manage-thumb img{width:100%;height:100%;object-fit:cover;display:block}.menu-manage-placeholder{width:100%;height:100%;min-height:96px;display:grid;place-items:center;color:#adb5bd;font-size:1.5rem}.qr-menu-item.unavailable{opacity:.55;filter:grayscale(.85);background:#f3f3f3}.qr-menu-thumb{width:3.4rem;height:3.4rem;border-radius:8px;overflow:hidden;flex-shrink:0;background:#eee}.qr-menu-thumb img{width:100%;height:100%;object-fit:cover;display:block}.qr-menu-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;color:#bbb;font-size:1.25rem}.qr-pay-methods{display:grid;grid-template-columns:1fr 1fr;grid-gap:.35rem;gap:.35rem}.qr-pay-method{border:1px solid #e5e5e5;background:#fff;border-radius:8px;padding:.4rem .35rem;font-size:.68rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;color:#444}.qr-pay-method.active{border-color:var(--primary);background:#fff5f5;color:var(--primary);font-weight:600}.qr-pay-method i{font-size:1rem}@media (max-width:991.98px){.sidebar{transform:translateX(-100%);width:min(210px,72vw);--sidebar-width:min(210px,72vw)}.sidebar.show{transform:translateX(0)}.sidebar-brand{padding:.7rem .85rem;font-size:.92rem}.sidebar-nav .nav-link{padding:.42rem .85rem;gap:.5rem;font-size:.78rem}.sidebar-nav .nav-link i{font-size:.95rem;width:1.15rem}.main-content{margin-left:0}.main-content>.topbar{padding-left:3rem}body{font-size:.875rem}.main-content>main.p-4{padding:.7rem!important}.topbar{padding:.4rem .55rem;gap:.35rem}.topbar h5{font-size:.78rem}.topbar small{font-size:.65rem}.topbar .form-select-sm{min-width:0!important;max-width:7.5rem;font-size:.72rem;padding:.2rem 1.4rem .2rem .4rem}.topbar .btn{padding:.25rem .45rem;font-size:.78rem}.topbar .rounded-circle{width:26px!important;height:26px!important;font-size:.7rem!important}.auth-card{max-width:calc(100vw - 1.25rem);padding:.95rem;margin:.6rem}.auth-card h3{font-size:1.05rem}.stat-value{font-size:1.15rem}.stat-label{font-size:.75rem}.card{border-radius:10px}.form-control,.form-select{padding:.45rem .65rem;font-size:.85rem}.btn{font-size:.85rem}.h1,h1{font-size:1.35rem}.h2,h2{font-size:1.2rem}.h3,h3{font-size:1.05rem}.h4,h4{font-size:.98rem}.h5,h5{font-size:.92rem}.h6,h6{font-size:.85rem}}.qr-order-page{min-height:100vh;min-height:100dvh;max-width:430px;margin:0 auto;background:radial-gradient(circle at top right,rgba(244,196,48,.18),transparent 40%),linear-gradient(180deg,#fff8f8 0,var(--background) 45%);padding-bottom:calc(4.25rem + env(safe-area-inset-bottom, 0px));font-size:.8rem}.qr-order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.65rem .75rem .35rem}.qr-brand{font-size:.98rem;font-weight:700;color:var(--primary);line-height:1.15}.qr-subtitle{color:#6c757d;font-size:.68rem}.qr-table-pill{background:var(--primary);color:#fff;font-weight:600;font-size:.68rem;border-radius:999px;padding:.22rem .55rem;white-space:nowrap}.qr-category-row{display:flex;gap:.3rem;overflow-x:auto;padding:.25rem .75rem .5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.qr-chip{border:1px solid #e5e5e5;background:#fff;border-radius:999px;padding:.2rem .58rem;white-space:nowrap;font-size:.68rem}.qr-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.qr-menu-list{padding:0 .65rem .65rem;display:grid;grid-gap:.4rem;gap:.4rem}.qr-menu-item{display:flex;gap:.5rem;align-items:center;background:#fff;border-radius:9px;box-shadow:0 1px 5px rgba(0,0,0,.05);padding:.55rem .6rem}.qr-menu-item .h6{font-size:.8rem;margin-bottom:.1rem!important}.qr-menu-item .small{font-size:.65rem;line-height:1.2}.qr-menu-item .fw-semibold.text-primary{font-size:.78rem}.qr-menu-item .btn-sm{padding:.22rem .55rem;font-size:.68rem;border-radius:7px}.qr-cart-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(.55rem + env(safe-area-inset-bottom, 0px));width:min(400px,calc(100% - 1rem));border:none;border-radius:999px;background:var(--primary);color:#fff;display:flex;justify-content:space-between;padding:.58rem .85rem;font-size:.75rem;font-weight:600;box-shadow:0 8px 22px rgba(139,0,0,.25);z-index:20}.qr-cart-sheet{position:fixed;inset:0;z-index:30}.qr-cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}.qr-cart-panel{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:min(430px,100%);max-height:82vh;overflow:auto;background:#fff;border-radius:14px 14px 0 0;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom, 0px));box-shadow:0 -8px 30px rgba(0,0,0,.12);font-size:.8rem}.qr-cart-panel .h5{font-size:.9rem}.qr-cart-panel .form-label{font-size:.7rem;margin-bottom:.2rem}.qr-cart-panel .form-control{padding:.4rem .6rem;font-size:.78rem}.qr-qty{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #e5e5e5;border-radius:999px;padding:.12rem .4rem}.qr-qty button{border:none;background:transparent;font-size:1rem;line-height:1;width:1.35rem}.qr-success-icon{font-size:2.25rem;color:var(--success)}.qr-summary{max-width:420px}@media (min-width:576px){.qr-order-page{max-width:480px;font-size:.85rem}.qr-brand{font-size:1.05rem}.qr-order-header{padding:.8rem .9rem .45rem}}.qr-print-card{max-width:280px;padding:1rem;border:1px dashed #ddd;border-radius:var(--border-radius)}.qr-print-table{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.5rem}@media print{body *{visibility:hidden}#qr-print-card,#qr-print-card *{visibility:visible}#qr-print-card{position:absolute;left:50%;top:20%;transform:translateX(-50%);border:none}}.order-alert-stack{position:-webkit-sticky;position:sticky;top:72px;z-index:998;display:grid;grid-gap:.5rem;gap:.5rem;padding:.75rem 1rem 0}.order-alert-sound-btn{border:1px solid rgba(139,0,0,.2);background:#fff8f0;color:var(--primary);border-radius:999px;padding:.55rem 1rem;font-weight:600;text-align:left}.order-alert-banner{background:linear-gradient(135deg,var(--primary) 0,#5a0000 100%);color:#fff;border-radius:var(--border-radius);padding:.9rem 1rem;box-shadow:0 10px 28px rgba(139,0,0,.25);animation:order-alert-pop .35s ease}.order-alert-icon{width:2.25rem;height:2.25rem;border-radius:999px;background:rgba(255,255,255,.15);display:grid;place-items:center;flex-shrink:0}@keyframes order-alert-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}