@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap";.filter-select-wrap{position:relative;display:inline-flex;align-items:stretch;max-width:100%;vertical-align:middle}.filter-select-wrap--full{display:block;width:100%}.filter-select-wrap--full>select{width:100%;box-sizing:border-box}.filter-select-wrap:after{content:"";position:absolute;right:14px;top:50%;margin-top:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8d6e63;pointer-events:none;transition:transform .2s ease;transform:translateY(0)}.filter-select-wrap--open:after{transform:rotate(180deg);margin-top:1px}@media(max-width:767px){.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full){width:100%;max-width:100%;align-self:stretch;display:flex}}@media(min-width:768px){.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full){display:inline-flex;width:auto;max-width:min(100%,22rem);vertical-align:middle}.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full) .filter-select,.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full) .filter-select-cashier,.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full)>select{width:auto!important;min-width:9.5rem;max-width:22rem}.toolbar-left>.filter-select{width:auto!important;min-width:9.5rem;max-width:22rem}.toolbar-left .toolbar-filters-actions .filter-select-wrap:not(.filter-select-wrap--full){width:var(--toolbar-filter-control-width, 170px)!important;max-width:min(100%,var(--toolbar-filter-control-width, 170px))!important;flex:0 0 auto}.toolbar-left .toolbar-filters-actions .filter-select-wrap:not(.filter-select-wrap--full) .filter-select,.toolbar-left .toolbar-filters-actions .filter-select-wrap:not(.filter-select-wrap--full)>select{width:100%!important;min-width:0!important;max-width:100%!important}}.filter-select-wrap .filter-select,.filter-select-wrap .filter-select-cashier,.filter-select-wrap .form-select,.filter-select-wrap>select{background-image:none!important;padding-right:36px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.filter-select-wrap .form-select{width:100%;box-sizing:border-box}:root{--toolbar-filter-control-width: 170px;--toolbar-search-input-width: 220px}.btn-apply-filter{padding:12px 24px;background:#5d4037;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1.25;white-space:nowrap;width:auto;max-width:100%;flex:0 0 auto;min-height:42px}.btn-apply-filter:hover{background:#4e342e}.toolbar-filters-actions{display:flex;flex-direction:column;width:100%;gap:10px;align-items:stretch;box-sizing:border-box}.toolbar-filters-actions .filter-select-wrap{width:100%;max-width:100%;display:flex;align-self:stretch;min-width:0}.toolbar-filters-actions .filter-select-wrap .filter-select,.toolbar-filters-actions .filter-select-wrap>select{width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box}@media(max-width:767px){.toolbar-section .toolbar-left{flex-wrap:wrap;align-items:stretch;width:100%}.toolbar-section .toolbar-left>.toolbar-filters-actions{flex:1 1 100%;min-width:0;max-width:100%}.toolbar-section .toolbar-left>.search-box{width:100%;max-width:100%}.toolbar-section .toolbar-left>.search-box .search-input{width:100%!important;box-sizing:border-box}.toolbar-filters-actions>.btn-apply-filter{width:100%}}@media(max-width:640px){.filter-bar .btn-apply-filter{width:100%}}@media(min-width:768px){.toolbar-section .toolbar-left{flex-wrap:wrap;align-items:flex-end}.toolbar-filters-actions{flex-direction:row;flex-wrap:wrap;align-items:stretch;align-content:flex-start;width:auto;max-width:100%;flex:0 1 auto;gap:10px}.toolbar-filters-actions>.filter-select-wrap{flex:0 0 var(--toolbar-filter-control-width);width:var(--toolbar-filter-control-width);min-width:0;max-width:min(100%,var(--toolbar-filter-control-width))}.toolbar-filters-actions>.btn-apply-filter{flex:0 0 auto;width:auto;min-width:0;max-width:none}.filter-bar .btn-apply-filter{flex:0 0 auto;width:auto;max-width:none}.toolbar-section .toolbar-left>.search-box .search-input{width:var(--toolbar-search-input-width);max-width:100%}}:root{--coffee-dark: #3e2723;--coffee-medium: #5d4037;--coffee-light: #8d6e63;--cream: #f5f0e8;--latte: #d7ccc8;--espresso: #4e342e;--foam: #ffffff;--caramel: #a1887f;--success: #66bb6a;--danger: #ef5350;--warning: #ffa726}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#f5f0e8,#e8ddd0);min-height:100vh;overflow-x:hidden}.page-header{margin-bottom:30px}.page-title{font-family:Poppins,sans-serif;font-size:32px;color:var(--coffee-dark);font-weight:600}.subtitle,.page-subtitle{color:var(--coffee-light);font-size:14px;margin-top:5px}.search-box .search-input,input.search-input,.search-input[type=text]{padding-left:46px!important}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:500px}.form-group{margin-bottom:15px}.form-input{width:100%;padding:12px;border:1px solid var(--latte);border-radius:8px}.btn-submit{background:var(--coffee-dark);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.cashier-topbar{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#2d1810,#4a2c1d);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #0003;z-index:9900}.topbar-logo{display:flex;align-items:center;gap:12px}.topbar-logo-img{width:36px;height:36px;border-radius:9px;object-fit:contain;padding:4px;background:linear-gradient(145deg,#f1e7d8,#dac2a4);border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 8px #00000059,inset 0 1px #ffffff73}.topbar-logo .logo-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.topbar-logo .logo-text{display:flex;flex-direction:column;line-height:1.2}.topbar-logo .logo-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:1px}.topbar-logo .logo-subtitle{font-size:11px;color:#ffffffe6;letter-spacing:.5px}.topbar-nav{display:flex;align-items:center;gap:8px}.topbar-nav-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;text-decoration:none;color:#fffc;font-size:14px;font-weight:500;transition:all .2s ease;background:transparent;border:1px solid transparent}.topbar-nav-item:hover{background:#ffffff1a;color:#fff}.topbar-nav-item.active{background:#ffffff26;color:#fff;border-color:#fff3;box-shadow:0 2px 8px #00000026}.topbar-nav-item .nav-icon{display:flex;align-items:center;justify-content:center}.topbar-nav-item .nav-label{white-space:nowrap}.topbar-user{position:relative}.user-menu-btn{display:flex;align-items:center;gap:10px;padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease}.user-menu-btn:hover{background:#ffffff26}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c69c6d,#a67c52);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;overflow:hidden;flex-shrink:0}.user-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.user-name{font-size:13px;font-weight:600;color:#fff}.user-role{font-size:11px;color:#fff9;text-transform:capitalize}.user-chevron{display:flex;align-items:center;color:#fff9;transition:transform .2s ease}.user-chevron.open{transform:rotate(180deg)}.user-menu-overlay{position:fixed;inset:0;z-index:999}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:1000;animation:dropdownFadeIn .15s ease}.user-menu-dropdown .dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;font-size:14px;color:#333;cursor:pointer;transition:background .15s ease}.user-menu-dropdown .dropdown-item:hover{background:#f5f5f5}.user-menu-dropdown .dropdown-item.logout{color:#dc3545}.user-menu-dropdown .dropdown-item.logout:hover{background:#fff5f5}.cashier-layout{position:fixed;inset:60px 0 0;background:#f0f2f5;box-sizing:border-box;overflow:hidden;width:100%;max-width:100vw}.cashier-main-content{height:100%;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.cashier-layout .pos-container{margin-left:0!important;width:100%!important;height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;max-height:calc(100vh - 60px)!important;max-height:calc(100dvh - 60px)!important;min-height:0!important;overflow:hidden;padding:12px;box-sizing:border-box;display:grid!important;grid-template-columns:250px minmax(0,1fr) 320px!important;grid-template-rows:1fr!important}.cashier-layout .pos-orders-panel,.cashier-layout .pos-menu-panel{height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.cashier-layout .pos-cart-panel{height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cashier-layout .cart-body{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cashier-layout .cart-scrollable-content{flex:1 1 0%;min-height:0;overflow-y:auto}.cashier-layout .cart-payment-section{flex:0 1 auto;min-height:0;overflow-y:auto;max-height:55%}.cashier-layout .btn-pay{flex-shrink:0}.cashier-layout .order-list{flex:1;overflow-y:auto;min-height:0}.cashier-layout .menu-items-grid{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0}.cashier-layout .menu-grid{overflow-x:hidden;min-width:0}.cashier-layout .cart-items{flex:1;overflow-y:auto;max-height:none!important;min-height:0}.cashier-layout .cart-header,.cashier-layout .cart-summary,.cashier-layout .cart-totals,.cashier-layout .payment-section,.cashier-layout .categories-bar{flex-shrink:0}.cashier-layout .main-content{margin-left:0!important;padding:20px;height:100%;overflow-y:auto;overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}.cashier-layout .main-content::-webkit-scrollbar{width:8px}.cashier-layout .main-content::-webkit-scrollbar-track{background:transparent}.cashier-layout .main-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.cashier-layout .main-content::-webkit-scrollbar-thumb:hover{background:#aaa}.logout-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.logout-modal{background:#fff;border-radius:16px;padding:32px;text-align:center;max-width:360px;width:90%;box-shadow:0 10px 40px #0003;animation:modalSlideIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logout-modal h3{margin:0 0 8px;font-size:20px;color:#333}.logout-modal p{margin:0 0 24px;color:#666;font-size:14px}.logout-modal-actions{display:flex;gap:12px;justify-content:center}.logout-modal .btn-cancel{padding:10px 24px;border:1px solid #ddd;background:#fff;color:#666;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.logout-modal .btn-cancel:hover{background:#f5f5f5;border-color:#ccc}.logout-modal .btn-confirm-logout{padding:10px 24px;border:none;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.logout-modal .btn-confirm-logout:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}@media(max-width:768px){.cashier-topbar{padding:0 12px}.topbar-logo{gap:8px}.topbar-logo-img{width:30px;height:30px;padding:3px;border-radius:8px}.topbar-logo .logo-text{display:flex;line-height:1.05}.topbar-logo .logo-title{font-size:14px;letter-spacing:.6px}.topbar-logo .logo-subtitle{font-size:9px;letter-spacing:.35px}.topbar-nav-item{padding:8px 12px}.topbar-nav-item .nav-label,.user-info{display:none}.user-menu-btn{padding:6px}.cashier-layout .main-content{padding:15px}}@media(max-width:480px){.topbar-logo .logo-title{font-size:12px;letter-spacing:.4px}.topbar-logo .logo-subtitle{font-size:8px;letter-spacing:.25px}.topbar-nav-item{padding:6px 10px}.cashier-layout .main-content{padding:10px}}@media(max-height:700px){.cashier-topbar{height:50px}.cashier-layout{top:50px}.topbar-logo .logo-title{font-size:16px}.topbar-logo .logo-subtitle{font-size:10px}.topbar-nav-item{padding:8px 14px;font-size:13px}.user-avatar{width:28px;height:28px;font-size:12px}.user-name{font-size:12px}.cashier-layout .pos-container{padding:8px!important;gap:8px;height:calc(100vh - 50px)!important;height:calc(100dvh - 50px)!important;max-height:calc(100vh - 50px)!important;max-height:calc(100dvh - 50px)!important;min-height:0!important}}@media(max-height:600px){.cashier-topbar{height:44px}.cashier-layout{top:44px}.topbar-logo .logo-icon{font-size:22px}.topbar-logo .logo-title{font-size:14px}.topbar-logo .logo-subtitle{display:none}.topbar-nav-item{padding:6px 10px;font-size:12px;gap:4px}.cashier-layout .pos-container{height:calc(100vh - 44px)!important;height:calc(100dvh - 44px)!important;max-height:calc(100vh - 44px)!important;max-height:calc(100dvh - 44px)!important;min-height:0!important}}:root{--coffee-dark: #3e2723;--coffee-medium: #5d4037;--coffee-light: #8d6e63;--caramel: #a1887f;--cream: #f5f0e8;--latte: #d7ccc8;--espresso: #4e342e}.main-content{flex:1;padding:70px 16px 20px;margin-left:0;transition:margin-left .3s ease,margin-right .3s ease;min-height:100vh;min-height:100dvh;box-sizing:border-box}.main-content.sidebar-open{margin-right:0}.header{margin-bottom:20px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f}.header h2{font-family:Poppins,sans-serif;font-size:22px;color:var(--coffee-dark);margin-bottom:4px}.stats-container{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;border:1px solid #eee;position:relative;overflow:hidden}.stat-card:before{content:"☕";position:absolute;top:-10px;right:10px;font-size:40px;opacity:.05}.stat-card:hover{transform:none;box-shadow:0 2px 8px #00000014}.stat-card.primary{background:linear-gradient(135deg,var(--coffee-dark) 0%,var(--coffee-medium) 100%);color:#fff}.stat-card.primary:before{opacity:.1}.stat-label{font-size:11px;color:var(--coffee-light);margin-bottom:8px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.stat-card.primary .stat-label{color:var(--latte)}.stat-value{font-size:26px;font-weight:700;color:var(--coffee-dark);font-family:Poppins,sans-serif}.stat-card.primary .stat-value{color:#fff}.content-grid{display:grid;grid-template-columns:1fr;gap:16px}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.card:hover{box-shadow:0 4px 12px #0000001a}.card-header{font-size:16px;font-weight:600;color:var(--coffee-dark);margin-bottom:16px;font-family:Poppins,sans-serif;padding-bottom:12px;border-bottom:2px solid var(--cream)}.order-item{display:flex;align-items:center;gap:15px;padding:18px;border-radius:12px;margin-bottom:12px;cursor:pointer;transition:all .3s;border:2px solid transparent;background:var(--cream)}.order-item:hover{background:#fff;border-color:var(--caramel);transform:translate(5px);box-shadow:0 4px 12px #00000014}.order-item.selected{background:#fff;border:2px solid var(--coffee-dark);box-shadow:0 4px 12px #3e272326}.order-number{width:45px;height:45px;background:linear-gradient(135deg,var(--caramel) 0%,var(--coffee-light) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px;box-shadow:0 2px 8px #0000001a}.order-info{flex:1}.order-name{font-weight:600;color:var(--coffee-dark);margin-bottom:5px;font-size:15px}.order-items{font-size:12px;color:var(--coffee-light);font-weight:500}.order-status{padding:8px 18px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.status-pending{background:linear-gradient(135deg,#fff4e6,bisque);color:#ff8c00}.status-preparing{background:linear-gradient(135deg,#e6f7ff,#cef);color:#06c}.status-complete{background:linear-gradient(135deg,#e6ffe6,#cfc);color:#00a000}.popular-item{padding:16px;border-bottom:2px solid var(--cream);transition:all .3s ease;border-radius:8px}.popular-item:hover{background:var(--cream);transform:translate(5px)}.popular-item:last-child{border-bottom:none}.popular-name{font-weight:600;color:var(--coffee-dark);font-size:15px}.right-sidebar{position:fixed;top:0;right:-420px;width:420px;height:100vh;height:100dvh;background:#fff;box-shadow:-4px 0 20px #00000026;transition:right .3s ease;z-index:1000;overflow-y:auto}.right-sidebar::-webkit-scrollbar{width:8px}.right-sidebar::-webkit-scrollbar-track{background:var(--cream)}.right-sidebar::-webkit-scrollbar-thumb{background:var(--caramel);border-radius:4px}.right-sidebar.active{right:0}.sidebar-content{padding:35px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--cream)}.sidebar-title{font-family:Poppins,sans-serif;font-size:26px;font-weight:600;color:var(--coffee-dark)}.close-btn{width:36px;height:36px;border-radius:50%;background:var(--cream);border:none;cursor:pointer;font-size:24px;color:var(--coffee-dark);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:var(--coffee-dark);color:#fff;transform:rotate(90deg)}.order-details{margin-bottom:25px}.order-section{margin-bottom:30px}.section-title{font-size:16px;font-weight:600;color:var(--coffee-dark);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--cream);font-family:Poppins,sans-serif}.detail-item{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--cream);background:var(--cream);margin-bottom:8px;border-radius:8px}.detail-left{flex:1}.detail-name{font-weight:600;color:var(--coffee-dark);margin-bottom:8px;font-size:15px}.detail-specs{font-size:13px;color:var(--coffee-light);line-height:1.8}.detail-spec-item{margin-bottom:3px}.detail-right{display:flex;align-items:flex-start;gap:15px;min-width:120px;justify-content:flex-end}.detail-quantity{font-size:14px;color:var(--coffee-light);font-weight:600}.detail-price{font-weight:700;color:var(--coffee-dark);min-width:70px;text-align:right;font-size:16px}.additive-item{display:flex;justify-content:space-between;padding:8px 0 8px 20px;font-size:13px}.additive-name{color:var(--coffee-light);font-weight:500}.additive-price{color:var(--coffee-light);font-weight:600}.total-section{background:linear-gradient(135deg,var(--cream) 0%,var(--latte) 100%);padding:25px;border-radius:12px;margin-top:25px}.subtotal-row,.total-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:15px}.total-row{font-size:22px;font-weight:700;color:var(--coffee-dark);margin-top:18px;padding-top:18px;border-top:2px solid var(--coffee-dark);margin-bottom:0;font-family:Poppins,sans-serif}.subtotal-label{color:var(--coffee-light);font-weight:600}.subtotal-value{color:var(--coffee-dark);font-weight:700}.payment-section{margin-top:25px;padding:25px;background:#fff;border:2px solid var(--coffee-dark);border-radius:12px}.payment-title{font-size:16px;font-weight:600;color:var(--coffee-dark);margin-bottom:18px;font-family:Poppins,sans-serif}.input-group{margin-bottom:18px}.input-label{display:block;font-size:13px;color:var(--coffee-light);margin-bottom:8px;font-weight:600}.input-field{width:100%;padding:14px 16px;border:2px solid var(--latte);border-radius:12px;font-size:16px;font-weight:600;color:var(--coffee-dark);transition:all .3s;background:var(--cream)}.input-field:focus{outline:none;border-color:var(--coffee-dark);background:#fff;box-shadow:0 0 0 3px #5d40371a}.change-display{background:linear-gradient(135deg,var(--coffee-dark) 0%,var(--coffee-medium) 100%);color:#fff;padding:20px;border-radius:12px;text-align:center;margin-top:18px}.change-label{font-size:13px;color:var(--latte);margin-bottom:8px;font-weight:600;letter-spacing:.5px}.change-amount{font-size:32px;font-weight:700;font-family:Poppins,sans-serif}.status-buttons{display:flex;gap:12px;margin-top:25px}.status-btn{flex:1;padding:16px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;font-size:14px}.btn-pending{background:linear-gradient(135deg,#fff4e6,bisque);color:#ff8c00}.btn-pending:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff8c004d}.btn-preparing{background:linear-gradient(135deg,#e6f7ff,#cef);color:#06c}.btn-preparing:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.btn-complete{background:linear-gradient(135deg,#e6ffe6,#cfc);color:#00a000}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00a0004d}.btn-pending.active{background:#ff8c00;color:#fff;box-shadow:0 4px 12px #ff8c0066}.btn-preparing.active{background:#06c;color:#fff;box-shadow:0 4px 12px #06c6}.btn-complete.active{background:#00a000;color:#fff;box-shadow:0 4px 12px #00a00066}.btn-checkout{background:linear-gradient(135deg,var(--coffee-dark) 0%,var(--coffee-medium) 100%);color:#fff;width:100%;padding:16px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;font-size:15px;margin-top:18px;box-shadow:0 4px 12px #3e27234d}.btn-checkout:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3e272366}.btn-checkout:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.dashboard-v2{padding:24px 32px;background:#f8f6f4;min-height:100vh;min-height:100dvh}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.dashboard-header h1{font-family:Poppins,sans-serif;font-size:32px;color:var(--coffee-dark);margin:0 0 4px}.header-subtitle{color:#888;font-size:14px;margin:0}.header-right{display:flex;align-items:center;gap:20px}.live-indicator{display:flex;align-items:center;gap:8px;background:#ffebee;color:#c62828;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px}.live-dot{width:10px;height:10px;background:#c62828;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.live-dot.small{width:8px;height:8px;margin-right:4px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.datetime-display{text-align:right}.current-time{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:var(--coffee-dark)}.current-date{font-size:13px;color:#888}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card-v2{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f;transition:transform .3s,box-shadow .3s}.stat-card-v2:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.stat-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.stat-icon{font-size:24px}.stat-label{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value-large{font-family:Poppins,sans-serif;font-size:36px;font-weight:700;color:var(--coffee-dark);margin-bottom:12px}.progress-bar-container{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--espresso),var(--coffee-medium));border-radius:4px;transition:width .5s ease}.stat-comparison{font-size:13px}.stat-comparison .positive{color:#2e7d32}.stat-comparison .negative{color:#c62828}.stat-comparison .neutral{color:#888}.mini-stats-row{display:flex;justify-content:space-between;gap:10px}.mini-stat{flex:1;text-align:center;padding:10px;background:#fafafa;border-radius:10px}.mini-value{display:block;font-size:20px;font-weight:700}.mini-value.pending{color:#ff9800}.mini-value.preparing{color:#2196f3}.mini-value.ready{color:#4caf50}.mini-label{font-size:11px;color:#888;text-transform:uppercase}.gauge-container{position:relative;width:120px;height:70px;margin:0 auto 10px}.gauge-svg{width:100%;height:100%}.gauge-value{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--coffee-dark)}.library-counts{text-align:center;font-size:13px;color:#666}.library-counts .available{color:#4caf50}.library-counts .occupied{color:#ff9800}.library-counts .separator{margin:0 8px;color:#ccc}.avg-order{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fafafa;border-radius:10px}.avg-label{font-size:12px;color:#888}.avg-value{font-weight:700;color:var(--espresso)}.charts-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h3{font-family:Poppins,sans-serif;font-size:16px;color:var(--coffee-dark);margin:0}.chart-legend{display:flex;gap:15px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.sales{background:var(--espresso)}.bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:180px;padding-top:30px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-wrapper{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:70%;max-width:40px;background:linear-gradient(180deg,var(--espresso),var(--coffee-medium));border-radius:6px 6px 0 0;position:relative;min-height:5px;transition:height .5s ease;cursor:pointer}.bar:hover{background:var(--coffee-dark)}.bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:var(--coffee-dark);white-space:nowrap;opacity:0;transition:opacity .3s}.bar:hover .bar-value{opacity:1}.bar-label{font-size:12px;color:#888;font-weight:500}.donut-chart-container{display:flex;align-items:center;gap:20px}.donut-chart{position:relative;width:100px;height:100px}.donut-chart svg{transform:rotate(-90deg)}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-total{display:block;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--coffee-dark)}.donut-label{font-size:11px;color:#888}.donut-legend{flex:1}.legend-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0}.legend-row:last-child{border-bottom:none}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.pending{background:#ff9800}.legend-color.preparing{background:#2196f3}.legend-color.ready{background:#4caf50}.legend-color.completed{background:var(--coffee-dark)}.legend-text{flex:1;font-size:13px;color:#666}.legend-value{font-weight:600;color:var(--coffee-dark)}.category-breakdown{display:flex;flex-direction:column;gap:14px}.category-row{display:flex;align-items:center;gap:12px}.category-info{display:flex;align-items:center;gap:8px;min-width:90px}.category-color{width:12px;height:12px;border-radius:3px}.category-name{font-size:13px;color:#666}.category-bar-wrapper{flex:1;height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.category-bar{height:100%;border-radius:5px;transition:width .5s ease}.category-value{min-width:70px;text-align:right;font-size:13px;font-weight:600;color:var(--coffee-dark)}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.activity-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden}.activity-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #f0f0f0}.activity-header h3{font-family:Poppins,sans-serif;font-size:16px;color:var(--coffee-dark);margin:0;display:flex;align-items:center}.view-all-btn{font-size:13px;color:var(--espresso);text-decoration:none;font-weight:500}.view-all-btn:hover{text-decoration:underline}.activity-content{padding:20px 24px;max-height:300px;overflow-y:auto}.live-orders-list{display:flex;flex-direction:column;gap:12px}.live-order-item{display:flex;align-items:center;gap:14px;padding:14px;background:#fafafa;border-radius:12px;border-left:4px solid #ccc;transition:all .3s}.live-order-item.pending{border-left-color:#ff9800}.live-order-item.preparing{border-left-color:#2196f3;animation:preparingPulse 2s infinite}.live-order-item.ready{border-left-color:#4caf50}@keyframes preparingPulse{0%,to{background:#fafafa}50%{background:#e3f2fd}}.order-beeper-badge{width:40px;height:40px;background:linear-gradient(135deg,var(--espresso),var(--coffee-dark));color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.order-details{flex:1}.order-customer{display:block;font-weight:600;color:var(--coffee-dark);margin-bottom:2px}.order-items-count{font-size:12px;color:#888}.order-status-indicator{font-size:20px}.order-time{font-size:12px;color:#888;min-width:50px;text-align:right}.transactions-list{display:flex;flex-direction:column;gap:10px}.transaction-item{display:flex;align-items:center;gap:14px;padding:12px;background:#fafafa;border-radius:10px}.tx-icon{font-size:20px}.tx-details{flex:1}.tx-id{display:block;font-weight:600;color:var(--coffee-dark);font-size:14px}.tx-time{font-size:12px;color:#888}.tx-amount{font-weight:700;color:#2e7d32;font-size:15px}.empty-activity{text-align:center;padding:40px 20px}.empty-activity .empty-icon{font-size:48px;margin-bottom:12px;opacity:.4}.empty-activity p{font-size:15px;color:#666;margin:0 0 5px}.empty-activity span{font-size:13px;color:#999}.quick-actions-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.quick-action-v2{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:#fff;border-radius:14px;text-decoration:none;box-shadow:0 4px 15px #0000000d;transition:all .3s}.quick-action-v2:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;background:var(--cream)}.quick-action-v2 .qa-icon{font-size:28px}.quick-action-v2 .qa-text{font-size:13px;font-weight:600;color:var(--coffee-dark)}@media(max-width:1400px){.charts-grid{grid-template-columns:1fr 1fr}.charts-grid .chart-card:first-child{grid-column:span 2}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.charts-grid .chart-card:first-child{grid-column:span 1}.activity-grid{grid-template-columns:1fr}.quick-actions-bar{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-v2{padding:16px}.dashboard-header{flex-direction:column;gap:16px}.header-right{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:1fr}.quick-actions-bar{grid-template-columns:repeat(2,1fr)}.donut-chart-container{flex-direction:column}}.dashboard-simple{padding:70px 16px 20px;min-height:100vh;min-height:100dvh;box-sizing:border-box}.dashboard-header-simple{margin-bottom:20px}.dashboard-header-simple h1{font-family:Poppins,sans-serif;font-size:22px;color:var(--coffee-dark);margin:0 0 4px}.dashboard-header-simple p{color:var(--coffee-light);font-size:13px;margin:0}.stats-row{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.dashboard-simple .stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #eee}.dashboard-simple .stat-card:before{display:none}.dashboard-simple .stat-card:hover{transform:none;box-shadow:0 2px 8px #00000014}.stat-icon{width:44px;height:44px;min-width:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff}.stat-icon.sales{background:var(--coffee-dark)}.stat-icon.orders{background:var(--caramel)}.stat-icon.library{background:#5a7d64}.stat-icon.customers{background:#7c5a9e}.stat-info{display:flex;flex-direction:column;min-width:0;flex:1}.dashboard-simple .stat-label{font-size:11px;color:#888;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}.dashboard-simple .stat-value{font-size:20px;font-weight:600;color:var(--coffee-dark);font-family:inherit}.stat-mini{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.stat-mini span{font-size:9px;padding:2px 6px;border-radius:4px;font-weight:500;white-space:nowrap}.stat-mini .pending{background:#fff3cd;color:#856404}.stat-mini .preparing{background:#cce5ff;color:#004085}.stat-mini .ready{background:#d4edda;color:#155724}.stat-sub{font-size:10px;color:#999}.charts-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.chart-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #eee;min-height:auto;overflow:visible;width:100%}.chart-card h3{font-size:15px;color:var(--coffee-dark);margin:0;font-weight:600}.chart-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.period-tabs{display:flex;gap:4px;background:#f5f5f5;padding:3px;border-radius:8px;width:100%}.period-btn{flex:1;padding:8px 10px;border:none;background:transparent;color:#888;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s;text-align:center;min-height:36px}.period-btn:hover{color:var(--coffee-dark)}.period-btn.active{background:#fff;color:var(--coffee-dark);box-shadow:0 1px 3px #0000001a}.bar-chart-simple{display:flex;align-items:flex-end;gap:8px;height:120px;padding-top:10px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;min-width:0}.bar-fill{width:100%;max-width:30px;background:linear-gradient(to top,var(--coffee-dark),var(--caramel));border-radius:3px 3px 0 0;min-height:4px}.bar-label{font-size:9px;color:#888;margin-top:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.category-list{display:flex;flex-direction:column;gap:10px}.category-row{display:flex;align-items:center;gap:8px}.cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cat-name{flex:1;font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-value{font-size:13px;font-weight:600;color:var(--coffee-dark)}.quick-actions{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;border:1px solid #eee}.quick-actions h3{font-size:15px;color:var(--coffee-dark);margin:0 0 12px;font-weight:600}.actions-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.action-btn{padding:12px 10px;background:#f8f6f3;border-radius:8px;color:var(--coffee-dark);text-decoration:none;font-size:12px;font-weight:500;transition:all .2s;border:1px solid #eee;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--caramel);color:#fff;border-color:var(--caramel)}@media(min-width:375px){.dashboard-simple{padding:70px 20px 24px}.dashboard-header-simple h1{font-size:24px}.stats-row{gap:14px}.dashboard-simple .stat-card{padding:18px;gap:14px}.stat-icon{width:48px;height:48px;font-size:18px}.dashboard-simple .stat-value{font-size:22px}.stat-mini span{font-size:10px;padding:3px 7px}.bar-chart-simple{height:130px}.bar-label{font-size:10px}.actions-row{grid-template-columns:repeat(3,1fr)}}@media(min-width:414px){.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-simple .stat-value{font-size:20px}.chart-header{flex-direction:row;justify-content:space-between;align-items:center}.period-tabs{width:auto}.period-btn{padding:6px 12px;font-size:12px}.bar-chart-simple{height:140px;gap:10px}.bar-fill{max-width:35px}.bar-label{font-size:11px}}@media(min-width:768px){.dashboard-simple{padding:30px}.dashboard-header-simple{margin-bottom:28px}.dashboard-header-simple h1{font-size:28px}.dashboard-header-simple p{font-size:14px}.stats-row{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px}.dashboard-simple .stat-card{padding:20px;gap:15px}.stat-icon{width:50px;height:50px;font-size:20px}.dashboard-simple .stat-label{font-size:12px}.dashboard-simple .stat-value{font-size:22px}.stat-mini span{font-size:11px;padding:3px 8px}.charts-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px}.chart-card{padding:20px}.chart-card h3{font-size:16px}.bar-chart-simple{height:150px;gap:12px}.bar-fill{max-width:40px}.quick-actions{padding:20px}.actions-row{grid-template-columns:repeat(6,1fr);gap:10px}.action-btn{padding:10px 12px;font-size:13px}}@media(min-width:1024px){.dashboard-simple{padding:35px 40px}.stats-row{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.dashboard-simple .stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a}.charts-row{grid-template-columns:2fr 1fr;gap:24px}.chart-card{padding:24px}.bar-chart-simple{height:160px}.quick-actions{padding:24px}.quick-actions h3{font-size:16px;margin-bottom:16px}.action-btn:hover{transform:translateY(-2px)}}@media(min-width:1280px){.dashboard-simple{padding:40px 50px}.dashboard-header-simple h1{font-size:30px}.stats-row{gap:24px}.dashboard-simple .stat-value{font-size:24px}.charts-row{gap:28px}}@media(min-width:1440px){.dashboard-simple{padding:45px 60px}}.line-chart-container{display:flex;flex-direction:row;height:140px;min-height:140px;gap:6px;width:100%;overflow:visible}.y-axis-labels{display:flex;flex-direction:column;justify-content:space-between;padding:0 0 24px;min-width:36px;text-align:right;flex-shrink:0}.y-label{font-size:10px;color:#888;line-height:1}.chart-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:visible}.line-chart-svg{flex:1;width:100%;min-height:100px;overflow:visible}.line-chart-labels{display:flex;justify-content:space-between;padding:6px 0 0;flex-shrink:0;width:100%;overflow:visible}.line-label{font-size:8px;color:#888;text-align:center;flex:1;min-width:0;white-space:nowrap;overflow:visible;padding:0 1px}.line-label.skip-on-mobile:nth-child(2n){display:none}.donut-chart-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:10px 0;width:100%;overflow:visible}.donut-chart-wrapper{width:120px;height:120px;flex-shrink:0}.donut-chart-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.donut-segment{transition:opacity .2s ease;cursor:pointer}.donut-segment:hover{opacity:.8}.donut-center-value{font-size:8px;font-weight:700;fill:var(--coffee-dark);transform:rotate(90deg);transform-origin:50% 50%}.donut-center-label{font-size:4px;fill:#888;transform:rotate(90deg);transform-origin:50% 50%}.donut-legend{width:100%;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding-right:4px}.donut-legend::-webkit-scrollbar{width:6px}.donut-legend::-webkit-scrollbar-thumb{background:#6f4e3759;border-radius:999px}.legend-empty{font-size:13px;color:#7f6f62;padding:6px 2px}.category-only-list{width:100%;height:100%;max-height:520px;overflow-y:auto;padding:8px 20px 12px 0;display:flex;flex-direction:column;gap:10px}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 0}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-name{flex:1;font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-value{font-size:13px;font-weight:600;color:var(--coffee-dark);min-width:60px;text-align:right}.legend-percent{font-size:11px;color:#888;min-width:36px;padding-right:2px;text-align:right}@media(min-width:375px){.line-chart-container{height:150px;min-height:150px;gap:8px}.y-axis-labels{min-width:40px}.y-label{font-size:10px}.line-label{font-size:9px;min-width:22px}.donut-chart-wrapper{width:130px;height:130px}.legend-dot{width:10px;height:10px}.legend-name{font-size:13px}.legend-value{font-size:13px;min-width:65px}}@media(min-width:414px){.line-chart-container{height:160px;min-height:160px}.line-label{font-size:10px;min-width:24px}.donut-chart-wrapper{width:140px;height:140px}.legend-item{gap:10px}}@media(min-width:768px){.line-chart-container{height:160px;min-height:160px;gap:10px}.y-axis-labels{min-width:45px;padding:0 0 26px}.y-label{font-size:11px}.line-chart-labels{padding:10px 0 0}.line-label{font-size:11px;min-width:28px}.line-label.skip-on-mobile:nth-child(2n){display:block;font-size:11px;flex:1}.donut-chart-container{flex-direction:row;gap:24px}.donut-chart-wrapper{width:130px;height:130px}.donut-legend{width:auto;flex:1;gap:12px;max-height:300px}.legend-item{gap:10px}.legend-value{min-width:70px}.legend-percent{font-size:11px;min-width:35px}}@media(min-width:1024px){.line-chart-container{height:170px;min-height:170px}.line-label{font-size:11px;min-width:32px}.donut-chart-wrapper{width:140px;height:140px}.legend-value{min-width:75px}.legend-percent{min-width:38px}}.apk-download-banner{display:block;background:linear-gradient(135deg,#3d2415,#6f4e37,#3d2415);border-radius:10px;margin-bottom:16px;padding:12px 0;overflow:hidden;text-decoration:none;cursor:pointer;position:relative;border:1px solid rgba(212,175,55,.3);transition:all .3s ease}.apk-download-banner:hover{border-color:#d4af3799;box-shadow:0 4px 15px #3d24154d;transform:translateY(-1px)}.apk-banner-marquee{display:inline-flex;white-space:nowrap;animation:apk-marquee-scroll 12s linear infinite}.apk-banner-text{display:inline-block;color:#f5e6d3;font-size:13px;font-weight:600;letter-spacing:.3px;font-family:Poppins,sans-serif;flex-shrink:0}@keyframes apk-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.apk-download-banner:hover .apk-banner-marquee{animation-play-state:paused}@media(max-width:768px){.apk-download-banner{border-radius:8px;padding:10px 0;margin-bottom:12px}.apk-banner-text{font-size:12px}}@media(max-width:480px){.apk-download-banner{border-radius:6px;padding:8px 0}.apk-banner-text{font-size:11px}}.pos-container{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:12px;height:100vh;height:100dvh;padding:12px;background:#f0f2f5;box-sizing:border-box;overflow:hidden;width:100%;max-width:100vw}.cashier-layout .pos-container{height:calc(100vh - 60px)!important;height:calc(100dvh - 60px)!important;max-height:calc(100vh - 60px)!important;max-height:calc(100dvh - 60px)!important;min-height:0!important;margin-left:0!important;width:100%!important;grid-template-columns:250px minmax(0,1fr) 320px!important;grid-template-rows:1fr!important}.pos-orders-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.pos-orders-panel h2{margin:0;padding:16px;font-size:16px;font-weight:600;background:#6b4423eb;color:#fff;flex-shrink:0}.order-search-container{position:relative;padding:10px 12px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0;z-index:100}.order-search-wrapper{position:relative;display:flex;align-items:center}.order-search-input{width:100%;padding:10px 12px 10px 56px!important;border:1px solid #d7ccc8;border-radius:8px;font-size:13px;background:#fff;box-sizing:border-box;transition:all .2s}.order-search-input:focus{outline:none;border-color:#6b4423;box-shadow:0 0 0 2px #6b44231a}.order-search-input::placeholder{color:#999;font-size:12px}.order-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#888;pointer-events:none;flex-shrink:0}.order-search-dropdown{position:absolute;top:100%;left:12px;right:12px;background:#fff;border:1px solid #d7ccc8;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:280px;overflow:hidden;display:flex;flex-direction:column}.search-dropdown-header{padding:8px 12px;font-size:11px;font-weight:600;color:#666;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0}.search-dropdown-list{overflow-y:auto;flex:1}.search-dropdown-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s;gap:10px}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:#fff8e1}.dropdown-order-num{font-weight:700;font-size:14px;color:#6b4423;min-width:45px}.dropdown-order-type{font-size:11px;background:#e0e0e0;padding:2px 8px;border-radius:10px;text-transform:capitalize;color:#555}.dropdown-order-total{margin-left:auto;font-weight:600;font-size:13px;color:#333}.search-dropdown-empty{padding:16px 12px;text-align:center;color:#999;font-size:13px}.search-dropdown-overlay{position:fixed;inset:0;z-index:99}.order-section{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #eee;min-height:0}.order-section:last-child{border-bottom:none}.order-section h3{margin:0;padding:10px 12px;font-size:13px;font-weight:600;background:#f8f9fa;color:#333;flex-shrink:0}.order-list{flex:1;overflow-y:auto;padding:8px;min-height:0}.order-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:12px;margin-bottom:8px;text-align:center}.order-card.pending{border-left:4px solid #ff9800}.order-card.preparing{border-left:4px solid #2196f3}.order-card.ready{border-left:4px solid #4caf50}.order-number-large{font-size:28px;font-weight:700;color:#6b4423;margin-bottom:8px}.order-card.preparing .order-number-large{color:#1976d2}.order-card.ready .order-number-large{color:#388e3c}.processed-by-label{font-size:10px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:10px;margin-bottom:6px;display:inline-block}.processed-by-label.kiosk{background:#fff3e0;color:#e65100}.order-info{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.order-header{display:flex;justify-content:space-between;margin-bottom:6px}.order-number{font-weight:700;font-size:14px;color:#333}.order-type{font-size:11px;background:#e0e0e0;padding:2px 8px;border-radius:10px;text-transform:capitalize}.beeper{font-size:11px;color:#666;margin-bottom:4px}.order-total{font-size:14px;font-weight:600;color:#6b4423}.order-actions{display:flex;gap:6px}.order-actions button{flex:1;padding:6px 10px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.btn-prepare{background:#2196f3;color:#fff}.btn-prepare:hover{background:#1976d2}.btn-ready{background:#4caf50;color:#fff}.btn-ready:hover{background:#388e3c}.btn-complete{background:#6b4423eb;color:#fff}.btn-complete:hover{background:#5a3a1e}.btn-void{background:#f44336;color:#fff}.btn-void:hover{background:#d32f2f}.pos-menu-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.menu-section{display:flex;flex-direction:column}.menu-section:first-child{border-bottom:1px solid #eee}.menu-section:last-child{flex:1;overflow:hidden;min-width:0;display:flex;flex-direction:column}.section-label{margin:0;padding:12px 16px 8px;font-size:14px;font-weight:600;color:#6b4423;background:#fafafa}.empty-message{padding:20px;text-align:center;color:#999;font-size:13px}.category-tabs{display:flex;gap:10px;padding:10px 12px 14px;overflow-x:visible;overflow-y:visible;background:#fafafa;flex-wrap:wrap;justify-content:flex-start;width:100%;box-sizing:border-box}.category-tab{padding:10px 18px;border:2px solid #8d6e63;border-radius:20px;background:#f5f0e8;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:all .2s;color:#5d4037;flex:1 1 auto;min-width:fit-content;text-align:center}.category-tab:hover{background:#d7ccc8;border-color:#6b4423}.category-tab.active{background:#6b4423eb;color:#fff;border-color:#6b4423}.pos-menu-filters-compact{border-top:1px solid #b8a99a;margin-top:0;padding:10px 12px 12px;background:linear-gradient(180deg,#ddd2c6,#d4c7b8);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;box-shadow:inset 0 1px #ffffff59;min-width:0;max-width:100%;overflow-x:hidden}.pos-filter-inline-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center}.pos-filter-inline-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#3e2723;flex:0 0 auto;min-width:2.25rem}.pos-filter-inline-sep{width:1px;height:28px;background:#8d7b6a;align-self:center;flex-shrink:0;opacity:.85}.pos-branch-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding:0 12px 12px}.pos-branch-chips--inline{padding:0;gap:8px}.pos-branch-chip{min-width:92px;padding:10px 18px;border:2px solid #a1887f;border-radius:22px;background:#fffefb;cursor:pointer;font-size:13px;font-weight:600;color:#4e342e;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;flex:0 0 auto}.pos-branch-chips--inline .pos-branch-chip{min-width:72px;padding:7px 12px;font-size:12px;border-radius:18px;border-width:2px}.pos-branch-chips--inline .pos-branch-chip--temp{border-color:#6d4c41;background:#fffefb;color:#3e2723}.pos-branch-chips--inline .pos-branch-chip--temp:hover:not(.active){background:#f2e8e0;border-color:#4e342e;box-shadow:0 2px 8px #3e27232e}.pos-branch-chips--inline .pos-branch-chip--temp.active{background:linear-gradient(180deg,#5d4037,#4a2f28);color:#fff;border-color:#3e2723;box-shadow:inset 0 1px #ffffff1f}.pos-branch-chips--inline .pos-branch-chip--size{border-color:#455a64;background:#f7faf9;color:#263238}.pos-branch-chips--inline .pos-branch-chip--size:hover:not(.active){background:#e4eeea;border-color:#2e4a42;box-shadow:0 2px 8px #2e4a4233}.pos-branch-chips--inline .pos-branch-chip--size.active{background:linear-gradient(180deg,#3d5c52,#2d4338);color:#fff;border-color:#1e322b;box-shadow:inset 0 1px #ffffff1a}.pos-menu-search-wrap{border-top:none;border-bottom:1px solid #d7ccc8;padding:10px 12px 12px;display:flex;justify-content:stretch;background:#fafafa}.pos-menu-search-wrap--top .pos-menu-search-input{max-width:none}.pos-menu-search-input{width:100%;max-width:400px;padding:10px 14px;border-radius:10px;border:2px solid #7a5c4e;font-size:14px;box-sizing:border-box;background:#fff;color:#212121;transition:border-color .15s ease,box-shadow .15s ease}.pos-menu-search-input::placeholder{color:#8d6e63}.pos-menu-search-input:hover{border-color:#5d4037}.pos-menu-search-input:focus{outline:none;border-color:#4e342e;box-shadow:0 0 0 3px #3e272338}.menu-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));gap:10px;padding:12px;overflow-y:auto;overflow-x:hidden;align-content:flex-start;min-width:0;max-width:100%;box-sizing:border-box}.menu-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:10px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%;box-sizing:border-box}.menu-item:hover{border-color:#6b4423;box-shadow:0 2px 8px #6b442326;transform:translateY(-2px)}.menu-item.unavailable{opacity:.5;cursor:not-allowed}.item-image{width:60px;height:60px;max-width:100%;object-fit:cover;border-radius:8px;margin-bottom:8px;flex-shrink:0}.item-name{font-size:12px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.item-price{font-size:14px;font-weight:700;color:#6b4423}.unavailable-badge{font-size:10px;color:#f44336;margin-top:4px}.pos-cart-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;height:100%;max-height:100%;min-height:0;font-family:Poppins,sans-serif}.cart-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#6b4423eb;color:#fff}.cart-header h2{margin:0;font-size:15px;font-weight:600}.cart-body{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.cart-scrollable-content{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cart-payment-section{flex:0 1 auto;min-height:0;background:#fff;padding:0;font-family:Poppins,sans-serif;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.btn-new-order{padding:6px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-new-order:hover{background:#ffffff4d}.btn-clear-order{padding:6px 14px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear-order:hover{background:#d32f2f}.order-type-selection{flex-shrink:0;padding:8px 10px;background:#fff8f0;border-bottom:1px solid #ffe0c0;font-family:Poppins,sans-serif}.order-type-selection label{display:block;font-size:11px;font-weight:600;color:#6b4423;margin-bottom:4px}.order-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.order-type-btn{padding:8px;border:2px solid #ddd;border-radius:6px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.order-type-btn:hover{border-color:#6b4423}.order-type-btn.active{background:#6b4423eb;color:#fff;border-color:#6b4423}.beeper-selection{flex-shrink:0;padding:8px 10px;border-bottom:1px solid #eee;background:#fff8f0;font-family:Poppins,sans-serif}.beeper-selection.required{background:#fff8f0}.beeper-selection label{display:block;font-size:11px;font-weight:600;color:#6b4423;margin-bottom:4px}.required-mark{color:#f44336;font-weight:700}.beeper-selection select{width:100%;padding:8px;border:2px solid #6b4423;border-radius:6px;font-size:12px;font-weight:500}.cart-items{flex:1;padding:8px;min-height:60px}.cart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:13px}.cart-empty-items{text-align:center;color:#999;font-size:12px;padding:10px;font-style:italic}.library-booking-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4CAF50;border-radius:10px;padding:12px;margin-bottom:12px}.library-booking-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.library-icon{font-size:20px}.library-title{font-size:14px;font-weight:700;color:#2e7d32;flex:1}.btn-remove-library{width:22px;height:22px;border-radius:50%;border:none;background:#ef5350;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .2s,transform .2s}.btn-remove-library:hover{background:#d32f2f;transform:scale(1.1)}.library-booking-details{font-size:12px;color:#333;line-height:1.6}.library-booking-details p{margin:0}.library-booking-price{font-size:16px;font-weight:700;color:#2e7d32;text-align:right;margin-top:8px;padding-top:8px;border-top:1px dashed #4CAF50}.cart-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:8px;margin-bottom:6px}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.cart-item-name{font-size:12px;font-weight:600;color:#333}.btn-remove{background:none;border:none;color:#f44336;font-size:16px;cursor:pointer;padding:0;line-height:1}.cart-item-customizations{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.customization-tag{font-size:9px;background:#e3f2fd;color:#1976d2;padding:2px 5px;border-radius:3px}.cart-item-footer{display:flex;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;gap:6px}.quantity-controls button{width:24px;height:24px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:13px;cursor:pointer}.quantity-controls span{font-weight:600;min-width:18px;text-align:center;font-size:13px}.cart-item-total{font-weight:700;font-size:13px;color:#6b4423}.discount-selection{flex-shrink:0;padding:6px 10px 4px!important;border:none!important;border-bottom:none!important;margin-bottom:0!important;font-family:Poppins,sans-serif}.discount-selection label{display:block;font-size:10px;font-weight:600;color:#666;margin-bottom:4px}.discount-selection .filter-select-wrap,.discount-selection select{width:100%}.discount-selection .filter-select-wrap>select{width:100%;padding:6px 28px 6px 8px;border:1px solid #ddd;border-radius:5px;font-size:12px;box-sizing:border-box;appearance:none;-webkit-appearance:none;background-image:none!important}.pos-filter-select-wrap:after{border-top-color:#6b4423;right:10px}.modal-body .filter-select-wrap .filter-select,.void-modal .filter-select-wrap .filter-select{width:100%;padding:10px 36px 10px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;font-size:14px;color:#333;box-sizing:border-box}.cart-totals{flex-shrink:0;padding:6px 10px!important;background:#f8f9fa;font-family:Poppins,sans-serif;display:flex!important;flex-direction:column!important;gap:4px!important;border:none!important}.total-row{display:flex;justify-content:space-between;font-size:13px!important;margin-bottom:0!important;padding:2px 0!important;border:none!important;border-bottom:none!important;border-top:none!important;box-shadow:none!important;line-height:1.4!important}.total-row.discount{color:#4caf50;margin-top:0!important}.total-row.grand-total{font-size:15px!important;font-weight:700;color:#6b4423;padding-top:4px!important;margin-top:4px!important;margin-bottom:0!important;border-top:2px solid #333!important;border-bottom:none!important}.cash-section{flex-shrink:0;padding:8px 10px;background:#fff;border-top:1px solid #eee;font-family:Poppins,sans-serif;overflow:hidden;box-sizing:border-box}.cash-section label{display:block;font-size:10px;font-weight:600;color:#666;margin-bottom:4px}.cash-input-row{display:flex;gap:6px;margin-bottom:6px}.cash-input-row input{flex:1;padding:12px 16px;border:2px solid var(--latte);border-radius:10px;font-size:14px;font-weight:600;color:var(--coffee-dark);height:48px;box-sizing:border-box}.btn-clear-cash{padding:6px 10px;background:#f5f5f5;border:1px solid #ddd;border-radius:5px;font-size:11px;cursor:pointer}.quick-cash-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px;overflow:hidden}.quick-cash-btn{padding:6px 2px;background:#efebe9;border:2px solid #5d4037;border-radius:6px;font-size:11px;font-weight:600;color:#3e2723;cursor:pointer;transition:all .2s;min-width:0;text-align:center;box-sizing:border-box;white-space:nowrap}.quick-cash-btn:hover,.quick-cash-btn.exact-btn{background:#5d4037;color:#fff;border-color:#5d4037}.quick-cash-btn.exact-btn:hover{background:#3e2723;border-color:#3e2723}.change-display{text-align:center;font-size:13px;font-weight:700;color:#4caf50;padding:5px;background:#e8f5e9;border-radius:5px;font-family:Poppins,sans-serif}.btn-pay{flex-shrink:0;width:calc(100% - 20px);padding:10px;margin:8px 10px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-pay:hover:not(:disabled){background:#43a047}.btn-pay:disabled{background:#ccc;cursor:not-allowed}.payment-modal{max-width:440px;width:95%}.payment-modal .modal-body{padding:20px 24px}.payment-total-display{margin-bottom:20px}.payment-total-label{display:block;font-size:13px;font-weight:600;color:#666;margin-bottom:4px}.payment-total-amount{display:block;font-size:28px;font-weight:800;color:#e65100;font-family:Poppins,sans-serif}.payment-cash-section label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.payment-cash-section .quick-select-label{font-size:12px;color:#666;margin-top:12px}.payment-cash-section .cash-input-row{display:flex;gap:8px;margin-bottom:4px}.payment-cash-section .cash-input-row input{flex:1;padding:12px 16px;border:2px solid #e65100;border-radius:10px;font-size:16px;font-weight:600;color:#333;height:48px;box-sizing:border-box}.payment-cash-section .cash-input-row input:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.payment-cash-section .btn-clear-cash{padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.payment-cash-section .btn-clear-cash:hover{background:#e0e0e0}.payment-cash-section .quick-cash-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.payment-cash-section .quick-cash-btn{padding:8px 14px;background:var(--cream)!important;border:2px solid var(--coffee-light)!important;border-radius:8px!important;font-size:13px!important;font-weight:600;color:var(--coffee-dark)!important;cursor:pointer;transition:all .2s}.payment-cash-section .quick-cash-btn:hover{background:var(--coffee-light)!important;border-color:var(--coffee-light)!important;color:#fff!important}.payment-cash-section .quick-cash-btn.exact-btn{background:var(--espresso)!important;color:#fff!important;border-color:var(--coffee-dark)!important}.payment-cash-section .quick-cash-btn.exact-btn:hover{background:var(--coffee-dark)!important;border-color:var(--coffee-dark)!important;color:#fff!important}.payment-change-display{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#e8f5e9;border-radius:10px;margin-top:4px}.payment-change-display .change-label{font-size:14px;font-weight:600;color:#333}.payment-change-display .change-amount{font-size:18px;font-weight:700;color:#2e7d32}.btn-confirm-payment{flex:1;padding:12px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm-payment:hover{background:#43a047}.btn-confirm-payment:disabled{background:#ccc;cursor:not-allowed}.error-message{flex-shrink:0;color:#f44336;font-size:12px;padding:8px 12px;background:#ffebee;margin:0 12px 10px;border-radius:6px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee}.btn-cancel{flex:1;padding:12px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-confirm{flex:1;padding:12px;background:#6b4423eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-confirm:hover{background:#5a3a1e}.customization-modal{max-width:480px;width:95%}.customization-modal .modal-body{max-height:60vh;overflow-y:auto;padding:20px}.customization-group{margin-bottom:24px}.customization-group h4{margin:0 0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.required-badge{font-size:10px;background:#ffebee;color:#f44336;padding:2px 8px;border-radius:10px;font-weight:500}.customization-options-row{display:flex;flex-wrap:wrap;gap:12px}.option-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 24px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;min-width:130px;text-align:center}.option-chip:hover{background:#f0f0f0;border-color:#ccc}.option-chip.selected{background:#6b4423;border-color:#6b4423;color:#fff}.option-chip.selected .option-name,.option-chip.selected .option-price,.option-chip.selected .chip-content{color:#fff!important}.option-chip input{display:none}.chip-content{display:flex;flex-direction:column;align-items:center;gap:2px}.option-chip .option-name{font-size:14px;font-weight:600}.option-chip .option-price{font-size:12px;opacity:.85}.option-chip.selected .option-price{color:#fff}.addon-section{margin-top:24px;border-top:1px solid #eee;padding-top:20px}.addon-header{margin:0 0 16px;font-size:16px;font-weight:700;color:#5d4037}.addon-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.addon-tab{padding:10px 18px;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:25px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.addon-tab:hover{background:#eee;border-color:#ccc}.addon-tab.active{background:#6b4423;border-color:#6b4423;color:#fff}.tab-badge{background:#ff9800;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:700}.addon-tab.active .tab-badge{background:#fff;color:#6b4423}.addon-content{display:flex;flex-direction:column;gap:10px}.addon-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#faf7f4;border:2px solid #E8E0D8;border-radius:12px;cursor:pointer;transition:all .2s}.addon-option:hover{background:#f5f0eb;border-color:#d4c4b5}.addon-option.selected{background:#fff8f0;border-color:#5d4037}.addon-option input{width:20px;height:20px;accent-color:#5D4037}.addon-option-name{flex:1;font-size:15px;font-weight:600;color:#3e2723}.addon-option-price{font-size:13px;font-weight:600;color:#5d4037}.quantity-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#faf7f4;border:1px solid #E8E0D8;border-radius:12px}.quantity-option-info{display:flex;flex-direction:column;gap:2px}.quantity-option-name{font-size:15px;font-weight:600;color:#3e2723}.quantity-option-price{font-size:13px;color:#8d6e63;font-weight:500}.quantity-controls{display:flex;align-items:center;gap:12px}.qty-btn{width:36px;height:36px;border-radius:8px;border:2px solid #E0E0E0;background:#fff;color:#5d4037;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.qty-btn:hover{background:#f5f5f5;border-color:#5d4037}.qty-btn:disabled{border-color:#eee;color:#ccc;cursor:not-allowed}.qty-btn:disabled:hover{background:#fff;color:#ccc}.qty-value{min-width:40px;text-align:center;font-size:18px;font-weight:700;color:#3e2723;background:#f5f5f5;padding:6px 12px;border-radius:8px}.customization-options{display:flex;flex-direction:column;gap:8px}.option-label{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fa;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s}.option-label:hover{background:#f0f0f0}.option-label.selected{background:#fff8f0;border-color:#6b4423}.option-label input{margin:0}.option-name{flex:1;font-size:13px}.option-price{font-size:13px;font-weight:600;color:#6b4423}.void-modal{width:90%;max-width:420px}.void-modal .modal-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 32px}.void-question{font-size:16px;color:#333;margin:0 0 16px}.void-order-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px 24px;margin-bottom:20px}.void-order-info p{margin:4px 0;font-size:14px;color:#555}.void-form{width:100%;max-width:320px;text-align:left;margin-bottom:16px}.void-form label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:8px;text-align:center}.void-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box}.void-form textarea:focus{outline:none;border-color:#6b4423;box-shadow:0 0 0 2px #6b44231a}.void-admin-auth{width:100%;max-width:320px;text-align:center}.void-admin-auth .auth-label{font-size:13px;color:#666;margin-bottom:12px}.void-admin-auth input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:10px;box-sizing:border-box}.void-admin-auth input:focus{outline:none;border-color:#6b4423;box-shadow:0 0 0 2px #6b44231a}.btn-void-confirm{flex:1;padding:12px;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-void-confirm:hover{background:#d32f2f}.btn-void-confirm:disabled{background:#ccc;cursor:not-allowed}.beeper-select-btn{width:100%;padding:12px 16px;background:#fff;border:2px solid #d7ccc8;border-radius:10px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.beeper-select-btn:hover{border-color:#6b4423;background:#faf8f5}.beeper-select-btn.has-selection{border-color:#4caf50;background:#e8f5e9}.beeper-selected{display:flex;align-items:center;gap:8px;font-weight:600;color:#2e7d32}.beeper-icon{font-size:18px}.beeper-placeholder{color:#999}.beeper-arrow{color:#666;font-size:10px}.beeper-status-hint{display:flex;gap:8px;margin-top:6px;font-size:11px}.beeper-status-hint .available-count{color:#4caf50;font-weight:500}.beeper-status-hint .in-use-count{color:#ff9800;font-weight:500}.beeper-status-hint .separator{color:#ccc}.beeper-modal{width:90%;max-width:480px;max-height:80vh}.beeper-modal .modal-header{background:#6b4423eb;color:#fff;padding:16px 20px;border-radius:12px 12px 0 0}.beeper-modal .modal-header h3{margin:0;font-size:18px;display:flex;align-items:center;gap:8px}.beeper-modal .modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.beeper-modal .modal-close:hover{background:#ffffff4d}.beeper-legend{display:flex;justify-content:center;gap:20px;padding:12px;background:#f5f5f5;border-radius:8px;margin-bottom:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.legend-item.available .legend-dot{background:#4caf50}.legend-item.in-use .legend-dot{background:#bdbdbd}.legend-item.selected-legend .legend-dot{background:#6b4423;box-shadow:0 0 0 3px #6b44234d}.beeper-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:4px;max-height:300px;overflow-y:auto}.beeper-btn{position:relative;padding:16px 8px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .2s ease;min-height:60px}.beeper-btn .beeper-num{font-size:16px;font-weight:700;color:#333}.beeper-btn .beeper-status-icon{font-size:14px;min-height:18px}.beeper-btn.available{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.beeper-btn.available:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d;border-color:#2e7d32}.beeper-btn.available .beeper-num{color:#2e7d32}.beeper-btn.in-use{border-color:#e0e0e0;background:#f5f5f5;cursor:not-allowed;opacity:.7}.beeper-btn.in-use .beeper-num,.beeper-btn.in-use .beeper-status-icon{color:#9e9e9e}.beeper-btn.selected{border-color:#6b4423;background:linear-gradient(135deg,#6b4423,#8b5a2b);box-shadow:0 4px 12px #6b442366;transform:scale(1.05)}.beeper-btn.selected .beeper-num{color:#fff}.beeper-btn.selected .beeper-status-icon{color:#ffd54f;font-size:16px}.no-beepers{text-align:center;padding:40px 20px;color:#666;font-size:14px}.beeper-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e0e0e0}.beeper-summary{font-size:13px;color:#666}.beeper-modal-footer .btn-cancel{padding:10px 24px;background:#e0e0e0;color:#333;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.beeper-modal-footer .btn-cancel:hover{background:#bdbdbd}.toast-wrapper{position:fixed!important;inset:0!important;pointer-events:none!important;z-index:10000!important;display:block!important;background:transparent!important}.toast-notification{position:absolute!important;inset:20px auto auto 50%!important;transform:translate(-50%)!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;padding:16px 24px!important;border-radius:12px;box-shadow:0 8px 32px #0003!important;z-index:10001!important;animation:toastSlideIn .3s ease-out;min-width:300px;max-width:500px;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;border:none!important;pointer-events:auto!important}.order-card.pending.selected{border:2px solid #ff9800;background:#fff8e1}.beeper-badge{font-weight:700;font-size:16px;color:#ff9800;background:#fff3e0;padding:4px 10px;border-radius:6px}.order-items-preview{font-size:11px;color:#666;margin:8px 0;padding:6px 0;border-top:1px dashed #e0e0e0;border-bottom:1px dashed #e0e0e0}.item-preview{display:flex;justify-content:space-between;margin-bottom:3px}.customization-count{font-size:10px;color:#ff9800;font-style:italic}.more-items{font-size:10px;color:#999;font-style:italic;margin-top:4px}.btn-select{flex:1;padding:6px 10px;font-size:11px;font-weight:600;background:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-select:hover{background:#f57c00}.pending-order-header{display:flex;flex-direction:column;gap:4px}.pending-badge{font-size:10px;background:#ff9800;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700;letter-spacing:.5px}.cart-header h2 .pending-order-header{font-size:14px}.order-type-btn:disabled{opacity:.6;cursor:not-allowed}.item-removal-modal{width:90%;max-width:420px}.item-removal-modal .modal-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 32px}.removal-question{font-size:16px;color:#333;margin:0 0 16px}.removal-item-info{display:flex;align-items:center;justify-content:center;gap:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px 24px;margin-bottom:20px}.removal-item-info .item-name{font-weight:600;color:#333}.removal-item-info .item-size{font-size:13px;color:#666}.removal-item-info .item-qty{background:#6b4423;color:#fff;padding:4px 10px;border-radius:4px;font-weight:600;font-size:13px}.removal-form{width:100%;max-width:320px;text-align:center}.removal-form label{display:block;font-size:13px;color:#666;margin-bottom:12px;margin-top:8px}.removal-form input,.removal-form textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;margin-bottom:10px;box-sizing:border-box;font-family:inherit}.removal-form input:focus,.removal-form textarea:focus{outline:none;border-color:#6b4423;box-shadow:0 0 0 2px #6b44231a}.removal-form textarea{resize:vertical;min-height:60px}.btn-confirm-modify{flex:1;padding:12px;background:#f44336;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm-modify:hover{background:#d32f2f}.btn-confirm-modify:disabled{background:#ccc;cursor:not-allowed}.confirm-item-preview{display:flex;align-items:center;justify-content:center;gap:10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:12px 24px;margin-bottom:16px}.confirm-item-preview .item-name{font-weight:600;color:#333}.confirm-item-preview .item-size{font-size:13px;color:#666}.confirm-item-preview .item-qty{background:#6b4423;color:#fff;padding:4px 10px;border-radius:4px;font-weight:600;font-size:13px}.confirm-modal{width:90%;max-width:380px}.confirm-modal .modal-body{text-align:center;padding:24px}.confirm-modal .modal-body p{margin:0 0 16px;font-size:15px;color:#333}.btn-confirm{flex:1;padding:12px;background:#6b4423;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirm:hover{background:#5a3a1d}.btn-remove-item{width:24px;height:24px;border:none;background:#f44336;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-item:hover{background:#d32f2f;transform:scale(1.1)}.qty-controls .btn-qty:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.pos-container{display:flex;flex-direction:column;grid-template-columns:none;height:auto;max-height:none;min-height:100vh;padding:8px;margin-left:0;width:100%;gap:8px;overflow-y:auto;overflow-x:hidden}.pos-orders-panel{height:auto;min-height:200px;max-height:300px;order:1}.pos-orders-panel h2{padding:12px;font-size:14px}.pos-menu-panel{order:2;min-height:400px;height:auto}.pos-cart-panel{order:3;height:auto;min-height:350px}.order-search-container{padding:8px}.order-search-input{padding:8px 10px 8px 44px!important;font-size:12px}.order-search-icon{left:12px;width:18px;height:18px}.order-section h3{padding:8px 10px;font-size:12px}.order-list{padding:6px}.order-card{padding:10px;margin-bottom:6px}.order-number-large{font-size:22px}.order-info{gap:8px;flex-wrap:wrap}.order-actions{flex-direction:column;gap:4px}.order-actions button{padding:8px 12px;font-size:12px}.menu-header{padding:12px}.menu-title{font-size:14px}.menu-search{padding:8px 10px 8px 36px;font-size:12px}.category-tabs{padding:8px;gap:6px;overflow-x:visible;flex-wrap:wrap;width:100%;box-sizing:border-box}.category-tab{padding:6px 12px;font-size:11px;white-space:nowrap;flex:1 1 auto;min-width:fit-content;text-align:center}.menu-grid{padding:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden;min-width:0}.menu-item{padding:10px}.menu-item-image{height:70px}.menu-item-name{font-size:11px}.menu-item-price{font-size:12px}.cart-header{padding:12px}.cart-title{font-size:14px}.cart-items{padding:8px}.cart-item{padding:10px;margin-bottom:6px}.cart-item-info h4,.cart-item-price{font-size:12px}.qty-controls{gap:4px}.btn-qty{width:24px;height:24px;font-size:14px}.qty-value{min-width:24px;font-size:13px}.cart-summary{padding:12px}.summary-row{font-size:12px}.summary-row.total{font-size:14px}.btn-checkout{padding:12px;font-size:14px}.modal-content{margin:10px;max-height:calc(100vh - 20px);width:calc(100% - 20px)}.modal-header{padding:14px}.modal-header h2{font-size:16px}.modal-body{padding:14px}.modal-footer{padding:12px 14px;flex-direction:column;gap:8px}.modal-footer button{width:100%}.payment-summary{padding:12px}.payment-total{font-size:20px}.payment-methods{gap:8px}.payment-method-btn{padding:14px 16px;font-size:13px}.cash-input-section{padding:12px}.cash-amount-input{font-size:18px;padding:12px}.quick-amounts{grid-template-columns:repeat(2,1fr);gap:6px}.quick-amount-btn{padding:10px;font-size:12px}@media(min-width:375px){.pos-container{padding:10px}.menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-item-image{height:80px}.menu-item-name{font-size:12px}.order-number-large{font-size:24px}.quick-amounts{grid-template-columns:repeat(3,1fr)}}@media(min-width:414px){.menu-grid{grid-template-columns:repeat(3,1fr)}.order-actions,.modal-footer{flex-direction:row}.modal-footer button{width:auto;flex:1}}@media(min-width:768px){.pos-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;height:100vh;height:100dvh;min-height:0;padding:12px;gap:12px;overflow:hidden}.pos-orders-panel{grid-column:1;grid-row:1;max-height:none;height:100%;min-height:0;order:unset}.pos-menu-panel{grid-column:2;grid-row:1 / 3;order:unset;min-height:0;height:100%}.pos-cart-panel{grid-column:1;grid-row:2;order:unset;min-height:0;height:100%}.pos-orders-panel h2{padding:14px;font-size:15px}.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;overflow-x:hidden;min-width:0}.menu-item-image{height:90px}.menu-item-name{font-size:13px}.menu-item-price{font-size:14px}.category-tabs{flex-wrap:wrap;overflow-x:visible}.category-tab{padding:8px 14px;font-size:12px}.cart-summary .summary-row{font-size:14px}.btn-checkout{padding:14px;font-size:15px}.modal-content{margin:20px auto;max-width:500px;width:90%}.modal-header h2{font-size:18px}.payment-total{font-size:24px}.quick-amounts{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.pos-container{grid-template-columns:250px minmax(0,1fr) 320px;grid-template-rows:1fr;height:100vh;height:100dvh;min-height:0;width:100%}.pos-orders-panel{grid-column:1;grid-row:1}.pos-menu-panel{grid-column:2;grid-row:1}.pos-cart-panel{grid-column:3;grid-row:1}.pos-orders-panel h2{padding:16px;font-size:16px}.order-search-input{padding:10px 12px 10px 56px!important;font-size:13px}.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:hidden;min-width:0}.menu-item-image{height:100px}.menu-item-name{font-size:14px}.modal-content{max-width:600px}}@media(min-width:1280px){.pos-container{grid-template-columns:280px minmax(0,1fr) 360px}.menu-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;overflow-x:hidden;min-width:0}.menu-item-image{height:110px}.order-number-large{font-size:28px}}@media(min-width:1440px){.pos-container{grid-template-columns:300px minmax(0,1fr) 400px;gap:16px;padding:16px}.menu-grid{grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:hidden;min-width:0}.menu-item{padding:12px}.menu-item-image{height:120px}}@media(max-height:700px)and (min-width:768px){.pos-container{padding:8px;gap:8px}.pos-orders-panel h2{padding:10px 14px;font-size:14px}.cart-header{padding:8px 12px}.cart-header h2{font-size:13px}.order-type-selection{padding:8px 10px;gap:6px}.order-type-btn{padding:6px 10px;font-size:11px}.beeper-selection{padding:8px 10px}.beeper-select-btn{padding:8px 12px;font-size:12px}.cart-item{padding:6px 10px;margin-bottom:4px}.cart-item-info h4,.cart-item-price{font-size:12px}.discount-selection{padding:6px 10px}.cart-totals{padding:8px 10px}.total-row{font-size:12px;padding:3px 0}.total-row.grand-total{font-size:14px}.cash-section{padding:8px 10px}.cash-input{padding:6px 10px;font-size:14px}.quick-cash-buttons{gap:4px}.quick-cash-btn{padding:4px 6px;font-size:11px}.change-display{padding:6px 10px;font-size:13px}.btn-pay{padding:8px;font-size:14px;margin:6px 10px}.menu-header{padding:10px}.category-tabs{padding:6px 8px}.category-tab{padding:5px 10px;font-size:11px}.menu-grid{gap:6px;padding:8px}.menu-item{padding:6px}.menu-item-image{height:70px}.menu-item-name,.menu-item-price{font-size:12px}.order-search-container{padding:6px 10px}.order-card{padding:8px;margin-bottom:4px}.order-number-large{font-size:20px}.order-actions button{padding:5px 10px;font-size:11px}}@media(max-height:600px)and (min-width:768px){.order-type-selection,.beeper-selection{padding:6px 10px}.beeper-status-hint{display:none}.cart-totals{padding:6px 10px}.total-row{padding:2px 0;font-size:11px}.total-row.grand-total{font-size:13px}.cash-section{padding:6px 10px}.quick-cash-buttons{grid-template-columns:repeat(5,1fr);gap:3px}.quick-cash-btn{padding:3px 4px;font-size:10px}.btn-pay{padding:6px;font-size:13px;margin:4px 10px}.category-tabs{padding:4px 6px}.category-tab{padding:4px 8px;font-size:10px}}:root{--coffee-dark: #3c2415;--coffee-medium: #5d4037;--coffee-light: #8d6e63;--caramel: #a1887f;--cream: #efebe9;--foam: #fafafa;--latte: #d7ccc8;--espresso: #2c1810;--danger: #dc3545;--warning: #ffc107;--success: #28a745}.main-content{padding:30px;min-height:100vh}.page-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:var(--coffee-dark);margin:0 0 5px}.empty-state,.loading-state{text-align:center;padding:60px;color:var(--coffee-light)}.loading-state{font-size:16px}.toolbar-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px}.search-box svg{position:absolute;left:12px;color:var(--coffee-light);width:18px;height:18px}.search-box .search-input,.search-box input.search-input,input.search-input{padding:10px 12px 10px 40px;border:2px solid var(--latte);border-radius:10px;font-size:14px;width:280px;transition:all .2s ease;background:#fff}.search-box .search-input:focus,.search-box input.search-input:focus,input.search-input:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.filter-select{padding:10px 35px 10px 15px;border:2px solid var(--latte);border-radius:10px;font-size:14px;color:var(--coffee-dark);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238d6e63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 12px center;cursor:pointer;min-width:150px;transition:all .2s ease;appearance:none;-webkit-appearance:none}.filter-select:focus{outline:none;border-color:var(--caramel)}.btn-navigate{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--cream);color:var(--coffee-dark);border:2px solid var(--latte);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-navigate:hover{background:var(--latte);border-color:var(--caramel)}.btn-navigate svg{width:18px;height:18px}.btn-primary-action{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#6b4423eb;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #a1887f4d}.btn-primary-action svg{width:16px;height:16px}.btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit{background:var(--cream);color:var(--coffee-dark)}.btn-edit:hover{background:var(--latte)}.btn-delete{background:#ffebee;color:#c62828}.btn-delete:hover{background:#ffcdd2}.btn-action svg{width:14px;height:14px}.table-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #3c241514;overflow:hidden}.table-scroll-wrapper{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--coffee-light) var(--cream)}.table-scroll-wrapper::-webkit-scrollbar{height:8px}.table-scroll-wrapper::-webkit-scrollbar-track{background:var(--cream);border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb{background:var(--coffee-light);border-radius:4px}.table-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:var(--coffee-medium)}.table-container{width:100%;background:#fff;border-radius:16px;overflow:hidden}.data-table{width:100%;min-width:700px;border-collapse:collapse}.data-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--coffee-medium);background:linear-gradient(135deg,var(--foam) 0%,var(--cream) 100%);border-bottom:2px solid var(--latte)}.data-table td{padding:16px 20px;font-size:14px;color:var(--coffee-dark);border-bottom:1px solid var(--cream);vertical-align:middle}.data-table tbody tr{transition:background .2s ease}.data-table tbody tr:hover{background:var(--foam)}.item-image-cell{width:55px;height:55px;border-radius:10px;overflow:hidden;background:var(--cream)}.item-image-cell img{width:100%;height:100%;object-fit:cover}.no-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--coffee-light);text-align:center;padding:5px}.item-name-text{font-weight:600;color:var(--coffee-dark);font-size:14px}.price-cell{font-weight:600;color:var(--coffee-medium);font-size:14px}.status-badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.station-badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize;background:var(--latte);color:var(--coffee-dark)}.modal-overlay{position:fixed;inset:0;background:#3c241599;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #3c24154d;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-large{max-width:650px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--latte);border-radius:16px 16px 0 0}.modal-content form{padding:25px;width:100%;margin:0 auto;box-sizing:border-box}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent;border-top-right-radius:16px;border-bottom-right-radius:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--latte);border-radius:10px}.modal-content::-webkit-scrollbar-corner{background:transparent}.form-input,.form-select{height:48px;box-sizing:border-box}.main-content{padding:60px 12px 16px;margin-left:0;min-height:100vh;min-height:100dvh;box-sizing:border-box}.page-header-section{margin-bottom:16px}.page-title{font-size:20px;margin-bottom:4px}.page-subtitle{font-size:12px}.toolbar-section{flex-direction:column;gap:12px;margin-bottom:16px}.toolbar-left{flex-direction:column;width:100%;gap:10px}.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full){width:100%;max-width:100%;align-self:stretch;display:flex}.toolbar-right,.search-box{width:100%}.search-box .search-input,.search-box input.search-input,input.search-input{width:100%;padding:10px 10px 10px 38px;font-size:14px}.search-box svg{left:10px;width:16px;height:16px}.filter-select{width:100%;min-width:unset;padding:10px 32px 10px 12px;font-size:13px}.btn-navigate,.btn-primary-action{width:100%;justify-content:center;padding:12px 16px;font-size:14px}.btn-primary-action svg{width:14px;height:14px}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;margin:0 -12px;padding:0 12px}.data-table{min-width:600px}.data-table th,.data-table td{padding:10px 12px;font-size:11px}.data-table th{font-size:10px;letter-spacing:.3px}.item-image-cell{width:36px;height:36px;border-radius:6px}.no-image-placeholder{font-size:7px}.item-name-text,.price-cell{font-size:12px}.status-badge,.station-badge{padding:4px 8px;font-size:10px;border-radius:10px}.percentage-badge,.role-badge{padding:3px 8px;font-size:10px;border-radius:10px}.action-buttons{flex-direction:column;gap:4px}.btn-action{width:100%;justify-content:center;padding:6px 8px;font-size:10px;gap:3px}.btn-action svg{width:10px;height:10px}.empty-state,.loading-state{padding:40px 16px;font-size:13px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{margin:0;max-height:95vh;max-width:100%;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:14px 16px;border-radius:20px 20px 0 0}.modal-title{font-size:16px}.modal-close{width:28px;height:28px;padding:4px}.modal-close svg{width:16px;height:16px}.modal-content form{padding:12px 16px 16px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:14px}.form-label{font-size:11px;margin-bottom:5px}.form-input,.form-textarea,.form-select{padding:10px 12px;font-size:14px;border-radius:8px}.form-textarea{min-height:80px}.form-helper,.form-hint{font-size:10px}.modal-actions{padding:12px 16px 20px;flex-direction:column;gap:8px;margin-top:16px}.modal-actions button,.btn-cancel,.btn-confirm{width:100%;padding:12px;font-size:13px;border-radius:10px}.image-upload-box{width:100px;height:100px}.upload-placeholder{font-size:11px}.upload-placeholder svg{width:24px;height:24px}.customization-form-section{padding:10px}.group-checkbox-item{flex:0 0 100%;padding:8px 10px}.group-checkbox-label strong{font-size:11px}.group-checkbox-label small{font-size:9px}.delete-modal-body{padding:16px}.delete-icon svg{width:36px;height:36px}.delete-message{font-size:14px}.delete-warning{font-size:12px}.customization-group-card{border-radius:10px}.group-header{padding:14px 12px}.group-name{font-size:14px}.meta-tag{font-size:9px;padding:2px 6px}.group-options-section{padding:12px}.options-table-header{display:none}.options-table-row{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:8px;margin-bottom:8px;background:var(--foam)}.option-name{font-size:13px;font-weight:600}.option-price,.option-per-unit,.option-max-qty{font-size:12px}.option-actions{margin-top:8px}@media(min-width:375px){.main-content{padding:60px 16px 20px}.page-title{font-size:22px}.page-subtitle{font-size:13px}.table-card{margin:0;padding:0}.data-table th,.data-table td{padding:12px 14px;font-size:12px}.item-image-cell{width:40px;height:40px}.btn-action{padding:8px 10px;font-size:11px}.image-upload-box{width:110px;height:110px}.group-checkbox-item{flex:0 0 100%;padding:10px 12px}}@media(min-width:414px){.page-title{font-size:24px}.toolbar-section{gap:14px}.filter-select{padding:12px 35px 12px 14px;font-size:14px}.data-table th,.data-table td{padding:12px 16px}.item-image-cell{width:45px;height:45px;border-radius:8px}.action-buttons{flex-direction:row}.btn-action{width:auto;padding:8px 12px}.modal-header{padding:16px 18px}.modal-title{font-size:18px}.modal-content form{padding:14px 18px 18px}.image-upload-box{width:120px;height:120px}}@media(min-width:768px){.main-content{padding:65px 24px 24px}.page-header-section{margin-bottom:20px}.page-title{font-size:26px}.page-subtitle{font-size:14px}.toolbar-section{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.toolbar-left{flex-direction:row;width:auto;gap:12px}.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full){width:auto;max-width:min(100%,22rem);align-self:center}.toolbar-left .toolbar-filters-actions .filter-select-wrap:not(.filter-select-wrap--full){width:var(--toolbar-filter-control-width, 170px);max-width:min(100%,var(--toolbar-filter-control-width, 170px));flex:0 0 auto}.toolbar-right,.search-box{width:auto}.search-box .search-input,.search-box input.search-input,input.search-input{width:240px;padding:10px 12px 10px 40px}.search-box svg{left:12px;width:18px;height:18px}.filter-select{width:auto;min-width:140px}.btn-navigate,.btn-primary-action{width:auto;padding:12px 20px}.table-card{border-radius:14px}.data-table{min-width:700px}.data-table th,.data-table td{padding:14px 18px;font-size:13px}.data-table th{font-size:11px}.item-image-cell{width:50px;height:50px}.item-name-text,.price-cell{font-size:13px}.status-badge,.station-badge{padding:5px 12px;font-size:11px}.action-buttons{gap:8px}.btn-action{padding:8px 14px;font-size:12px}.btn-action svg{width:12px;height:12px}.modal-overlay{padding:20px;align-items:center}.modal-content{max-width:550px;max-height:90vh;border-radius:20px;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-large{max-width:650px}.modal-header{padding:18px 24px}.modal-title{font-size:20px}.modal-content form{padding:20px 24px}.form-row{grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:18px}.form-label{font-size:13px;margin-bottom:6px}.form-input,.form-textarea,.form-select{padding:11px 14px;font-size:14px;border-radius:10px}.modal-actions{flex-direction:row;padding:16px 24px 24px;gap:12px}.modal-actions button,.btn-cancel,.btn-confirm{width:auto;flex:1;padding:13px 20px;font-size:14px}.image-upload-box{width:130px;height:130px}.upload-placeholder{font-size:12px}.group-checkbox-item{flex:0 0 calc(50% - 5px);padding:10px 14px}.options-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 80px 100px 80px}.options-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px 100px 80px;flex-direction:row;padding:12px 16px;margin-bottom:0;background:#fff;border-radius:0}.group-header{padding:16px 20px}.group-name{font-size:15px}.meta-tag{font-size:10px;padding:3px 8px}}@media(min-width:1024px){.main-content{padding:30px}.page-header-section{margin-bottom:24px}.page-title{font-size:28px}.toolbar-section{margin-bottom:24px}.search-box .search-input,.search-box input.search-input,input.search-input{width:280px}.filter-select{min-width:150px}.btn-primary-action{padding:12px 24px}.table-card{border-radius:16px}.data-table{min-width:auto}.data-table th,.data-table td{padding:16px 20px;font-size:14px}.data-table th{font-size:12px}.item-image-cell{width:55px;height:55px;border-radius:10px}.item-name-text,.price-cell{font-size:14px}.status-badge,.station-badge{padding:5px 14px;font-size:12px}.percentage-badge,.role-badge{padding:4px 12px;font-size:12px}.btn-action{padding:8px 14px;font-size:13px}.btn-action svg{width:14px;height:14px}.empty-state,.loading-state{padding:60px;font-size:16px}.modal-content{max-width:500px}.modal-large{max-width:700px}.modal-header{padding:20px 28px}.modal-title{font-size:22px}.modal-content form{padding:24px 28px}.form-row{gap:20px}.form-group{margin-bottom:20px}.form-label{font-size:14px;margin-bottom:8px}.form-input,.form-textarea,.form-select{padding:12px 16px}.modal-actions{padding:20px 28px 28px;margin-top:20px}.modal-actions button,.btn-cancel,.btn-confirm{padding:14px 24px}.image-upload-box{width:140px;height:140px}.upload-placeholder{font-size:13px}.upload-placeholder svg{width:32px;height:32px}.customization-form-section{padding:16px}.group-header{padding:18px 20px}.group-name{font-size:16px}.group-options-section{padding:20px}}@media(min-width:1280px){.main-content{padding:35px 40px}.page-title{font-size:30px}.toolbar-section{margin-bottom:28px}.search-box .search-input,.search-box input.search-input,input.search-input{width:320px}.data-table th,.data-table td{padding:18px 24px}.item-image-cell{width:60px;height:60px}}@media(min-width:1400px){.main-content{padding:40px 50px}.search-box .search-input,.search-box input.search-input,input.search-input{width:350px}.filter-select{min-width:160px}}.filter-tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fff;border:2px solid var(--latte);border-radius:8px;font-size:11px;font-weight:600;color:var(--coffee-dark);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.filter-tab:hover{background:var(--cream);border-color:var(--caramel)}.filter-tab.active{background:var(--coffee-dark);border-color:var(--coffee-dark);color:#fff}.filter-count{background:var(--cream);padding:1px 6px;border-radius:8px;font-size:10px;font-weight:700}.filter-tab.active .filter-count{background:#fff3}.orders-grid{display:grid;grid-template-columns:1fr;gap:12px}.orders-grid .empty-state{background:#fff;border:2px dashed var(--latte);border-radius:12px;padding:30px 16px;text-align:center;color:var(--coffee-light);font-size:13px;grid-column:1 / -1}.order-card-large{background:#fff;border-radius:12px;padding:14px;box-shadow:0 4px 20px #0000000d;border:2px solid var(--latte);border-left:4px solid #ccc;transition:all .2s}.order-card-large:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000001a}.order-card-large.pending{border-left-color:#f59e0b}.order-card-large.paid,.order-card-large.preparing{border-left-color:#3b82f6}.order-card-large.ready{border-left-color:#10b981}.order-card-large.completed{border-left-color:#6b7280}.order-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.order-beeper-large{font-size:24px;font-weight:700;color:var(--coffee-dark)}.status-badge{padding:4px 10px;border-radius:16px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.status-paid,.status-preparing{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.status-ready{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.status-completed{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.status-voided{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.status-refunded{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.order-meta{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.order-type-badge{background:var(--cream);border:1px solid var(--latte);padding:3px 8px;border-radius:6px;font-size:10px;text-transform:uppercase;font-weight:600;color:var(--coffee-dark)}.order-time{color:var(--coffee-light);font-size:10px;display:flex;align-items:center}.order-items-list{border-top:2px solid var(--cream);border-bottom:2px solid var(--cream);margin-bottom:10px;background:var(--cream);margin-left:-14px;margin-right:-14px;padding:10px 14px}.order-item-row{display:flex;align-items:center;gap:8px;padding:4px 0}.item-qty{background:var(--coffee-dark);color:#fff;padding:1px 5px;border-radius:4px;font-size:10px;font-weight:600;min-width:22px;text-align:center;flex-shrink:0}.item-name{flex:1;font-size:12px;color:var(--coffee-dark)}.item-price{font-weight:600;color:var(--caramel);font-size:12px;flex-shrink:0}.order-total-row{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px;color:var(--coffee-dark)}.order-total-amount{color:var(--coffee-dark);font-size:16px}.order-actions{display:flex;flex-direction:column;gap:8px}.order-actions .btn-action{flex:1;padding:12px;border:2px solid transparent;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.order-actions .btn-action:disabled{opacity:.5;cursor:not-allowed}.order-actions .btn-primary{background:var(--cream);color:var(--coffee-light);border-color:var(--latte)}.btn-ready-action{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-ready-action:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-complete-action{background:#10b981;color:#fff;border-color:#10b981}.btn-complete-action:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}@media(min-width:375px){.filter-tab{padding:10px 14px;font-size:12px;gap:8px}.filter-count{font-size:11px;padding:2px 8px}.order-card-large{padding:16px}.order-beeper-large{font-size:26px}.item-name,.item-price{font-size:13px}}@media(min-width:414px){.order-header{flex-direction:row;justify-content:space-between;align-items:center}.order-actions{flex-direction:row}.order-actions .btn-action{width:auto}.order-beeper-large{font-size:28px}}@media(min-width:768px){.filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;overflow-x:visible}.filter-tab{padding:12px 18px;font-size:13px;border-radius:10px}.filter-count{padding:2px 10px;border-radius:10px}.orders-grid{grid-template-columns:repeat(2,1fr);gap:16px}.orders-grid .empty-state{padding:50px 30px;font-size:15px;border-radius:14px}.order-card-large{padding:18px;border-radius:14px;border-left-width:5px}.order-beeper-large{font-size:30px}.status-badge{padding:5px 12px;font-size:11px}.order-type-badge{font-size:11px;padding:4px 10px}.order-time{font-size:11px}.order-items-list{margin-bottom:14px;margin-left:-18px;margin-right:-18px;padding:14px 18px}.item-qty{padding:2px 7px;font-size:11px;min-width:28px}.item-name,.item-price{font-size:14px}.order-total-row{font-size:16px;margin-bottom:14px}.order-total-amount{font-size:18px}.order-actions .btn-action{padding:12px 16px;font-size:14px;border-radius:10px}}@media(min-width:1024px){.filter-tabs{gap:10px;margin-bottom:25px}.filter-tab{padding:12px 20px;font-size:14px}.orders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.orders-grid .empty-state{padding:60px 40px;font-size:16px;border-radius:16px}.order-card-large{padding:20px;border-radius:16px}.order-beeper-large{font-size:32px}.status-badge{padding:6px 14px;font-size:12px}.order-type-badge{font-size:12px;padding:4px 12px}.order-time{font-size:12px}.order-items-list{margin-bottom:15px;margin-left:-20px;margin-right:-20px;padding:15px 20px}.item-qty{padding:2px 8px;font-size:12px;min-width:30px}.order-total-amount{font-size:20px}.order-actions .btn-action{padding:12px}}@media(min-width:1280px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px}.order-beeper-large{font-size:34px}}@media(min-width:1400px){.orders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.order-beeper-large{font-size:36px}}:root{--coffee-dark: #3e2723;--coffee-medium: #5d4037;--coffee-light: #8d6e63;--cream: #f5f0e8;--foam: #fafafa;--caramel: #a1887f;--latte: #d7ccc8;--espresso: #2c1810}.void-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.void-tab{padding:12px 24px;background:#fff;border:2px solid var(--latte);border-radius:10px;color:var(--coffee-medium);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.void-tab:hover{background:var(--cream);border-color:var(--caramel);color:var(--coffee-dark)}.void-tab.active{background:linear-gradient(135deg,var(--caramel) 0%,var(--coffee-light) 100%);border-color:var(--caramel);color:#fff}.void-form-container{display:flex;justify-content:center;max-width:900px;margin:0 auto}.void-form-card{background:#fff;border-radius:20px;padding:24px;border:2px solid var(--latte);box-shadow:0 8px 30px #00000014;width:100%}.void-form-card h2{margin:0 0 8px;font-size:20px;color:var(--coffee-dark);font-family:Poppins,sans-serif;display:flex;align-items:center;gap:10px}.void-form-card h2:before{content:"�";font-size:24px}.void-instructions{color:var(--coffee-light);font-size:13px;margin-bottom:20px;line-height:1.5;padding:10px 14px;background:var(--cream);border-radius:10px;border-left:4px solid var(--caramel)}.void-form-group{margin-bottom:16px}.void-form-group label{display:block;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--coffee-dark)}.void-form-group .required{color:#ef4444}.search-input-group{display:flex;gap:12px}.search-input-group input{flex:1;padding:12px 16px;background:#fff;border:2px solid var(--latte);border-radius:12px;color:var(--coffee-dark);font-size:14px;transition:all .2s}.search-input-group input::placeholder{color:var(--coffee-light)}.search-input-group input:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.search-btn{padding:14px 24px;background:linear-gradient(135deg,var(--caramel) 0%,var(--coffee-light) 100%);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:8px}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a1887f66}.history-search-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.history-search-bar input{padding:12px 18px;border:2px solid var(--latte);border-radius:10px;font-size:14px;width:320px;background:#fff;color:var(--coffee-dark);transition:all .2s ease;box-sizing:border-box}.history-search-bar input::placeholder{color:var(--caramel)}.history-search-bar input:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.history-search-bar .records-count{color:var(--coffee-light);font-size:14px;font-weight:500}.error-text{display:block;margin-top:10px;color:#ef4444;font-size:13px;padding:8px 12px;background:#fef2f2;border-radius:8px;border-left:3px solid #ef4444}.order-preview{background:linear-gradient(135deg,var(--cream) 0%,#fff 100%);border:2px solid var(--caramel);border-radius:12px;padding:16px;margin-bottom:16px;position:relative;overflow:hidden}.order-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--caramel),var(--coffee-light))}.order-preview h3{margin:0 0 12px;font-size:15px;color:var(--coffee-dark);font-weight:700;display:flex;align-items:center;gap:8px}.order-preview h3:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#10b981;color:#fff;border-radius:50%;font-size:11px}.order-preview-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid var(--latte)}.preview-row span:first-child{color:var(--coffee-light);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.preview-row span:last-child{color:var(--coffee-dark);font-weight:600;font-size:13px}.preview-row.total{grid-column:1 / -1;padding:12px 16px;background:var(--coffee-dark);border:none;margin-top:4px}.preview-row.total span:first-child{color:#fffc}.preview-row.total span:last-child{font-size:18px;font-weight:700;color:#fff}.order-id-badge{background:#fff;color:var(--coffee-dark);padding:4px 12px;border-radius:6px;font-weight:700;font-family:monospace;font-size:13px;letter-spacing:.5px;border:1.5px solid var(--latte)}.beeper-badge{background:var(--caramel);color:#fff;padding:4px 12px;border-radius:15px;font-weight:600}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.status-pending,.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-paid{background:#d1fae5;color:#065f46}.status-badge.status-preparing{background:#dbeafe;color:#1e40af}.status-badge.status-ready,.status-badge.status-completed{background:#d1fae5;color:#065f46}.void-form-group textarea{width:100%;padding:12px 16px;background:#fff;border:2px solid var(--latte);border-radius:12px;color:var(--coffee-dark);font-size:13px;font-family:inherit;resize:vertical;min-height:60px;transition:all .2s}.void-form-group textarea::placeholder{color:var(--coffee-light)}.void-form-group textarea:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.void-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.void-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.void-submit-btn:disabled{opacity:.5;cursor:not-allowed}.table-container{background:#fff;border-radius:16px;overflow:hidden;border:2px solid var(--latte);box-shadow:0 4px 20px #0000000d}.auth-modal{width:420px;max-width:95%;background:#fff;border-radius:20px}.auth-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:20px;margin-bottom:24px;text-align:center;color:#b91c1c;font-size:14px;line-height:1.6}.auth-error{background:#fef2f2;border:2px solid #fecaca;border-radius:10px;padding:12px 16px;margin-top:16px;color:#b91c1c;font-size:14px;text-align:center}.void-reason-preview{background:var(--cream);border-radius:10px;padding:14px 18px;margin-top:20px;font-size:14px;color:var(--coffee-medium);border-left:4px solid var(--caramel)}.void-reason-preview strong{color:var(--coffee-dark);display:block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.confirm-modal{width:420px;max-width:95%}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-secondary{background:var(--cream);color:var(--coffee-dark);border:2px solid var(--latte);padding:14px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--latte)}.alert-modal{width:380px;max-width:90%;text-align:center;padding:36px;background:#fff;border-radius:20px}.alert-modal .alert-icon{font-size:56px;margin-bottom:20px}.alert-modal h3{margin:0 0 14px;font-size:22px;color:var(--coffee-dark);font-family:Poppins,sans-serif}.alert-modal p{margin:0 0 28px;font-size:15px;color:var(--coffee-medium);line-height:1.5}.alert-modal .btn-primary{background:linear-gradient(135deg,var(--caramel) 0%,var(--coffee-light) 100%);color:#fff;border:none;padding:14px 40px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.alert-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a1887f66}.refund-success-modal{width:min(92vw,420px)!important;max-width:420px!important;padding:42px 38px 34px!important;border-radius:16px!important;text-align:center!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;background:#fff!important;min-height:auto!important;box-sizing:border-box!important}.refund-success-icon{font-size:56px!important;margin:0 0 14px!important;padding:0!important;display:inline-block!important;line-height:1!important;color:#10b981!important}.refund-success-title{margin:0 0 14px!important;padding:0!important;font-size:24px!important;font-weight:700!important;color:var(--coffee-dark)!important;letter-spacing:-.3px!important;line-height:1.3!important}.refund-success-message{white-space:normal!important;margin:0 0 24px!important;padding:0!important;max-width:100%!important;width:auto!important;font-size:14px!important;color:var(--coffee-medium)!important;line-height:1.6!important}.refund-success-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:140px!important;max-width:none!important;padding:12px 44px!important;border-radius:10px!important;font-size:14px!important;font-weight:600!important;background:linear-gradient(135deg,var(--caramel) 0%,var(--coffee-light) 100%)!important;color:#fff!important;border:none!important;cursor:pointer!important;margin:0!important;text-align:center!important}@media(max-width:1024px){.void-form-container{max-width:100%}.void-form-card{padding:24px}}@media(max-width:768px){.void-tabs{gap:8px}.void-tab{padding:10px 16px;font-size:13px;flex:1;justify-content:center}.void-form-card{padding:20px;border-radius:16px}.void-form-card h2{font-size:18px}.void-instructions{font-size:13px;padding:12px 14px;margin-bottom:20px}.search-input-group{flex-direction:column;gap:10px}.search-btn{width:100%;justify-content:center;padding:14px}.order-preview{padding:18px}.order-preview-details{grid-template-columns:1fr;gap:8px}.preview-row{padding:10px 12px}.preview-row.total{padding:14px}.preview-row.total span:last-child{font-size:18px}.void-form-group textarea{min-height:80px}.void-submit-btn{padding:16px;font-size:15px}.table-container{overflow-x:auto}.table-container .data-table{min-width:600px}.auth-modal,.confirm-modal{width:95%;max-width:400px}.auth-warning{padding:16px;font-size:13px}}@media(max-width:575px){.void-tabs{flex-direction:column;gap:8px}.void-tab{width:100%;padding:14px}.void-form-card{padding:16px;border-radius:14px}.void-form-card h2{font-size:16px;gap:8px}.void-form-card h2:before{font-size:20px}.void-instructions{font-size:12px;padding:10px 12px;margin-bottom:18px}.void-form-group{margin-bottom:18px}.void-form-group label{font-size:13px;margin-bottom:8px}.search-input-group input{padding:12px 14px;font-size:14px}.search-btn{padding:12px;font-size:13px}.order-preview{padding:14px;border-radius:12px;margin-bottom:18px}.order-preview h3{font-size:14px;margin-bottom:14px}.order-preview h3:before{width:20px;height:20px;font-size:10px}.preview-row{padding:8px 10px;font-size:13px}.preview-row span:first-child{font-size:11px}.preview-row.total{padding:12px}.preview-row.total span:last-child{font-size:16px}.beeper-badge,.order-id-badge{padding:3px 10px;font-size:12px}.status-badge{padding:3px 8px;font-size:10px}.void-form-group textarea{padding:12px 14px;font-size:13px;min-height:70px}.void-submit-btn{padding:14px;font-size:14px;border-radius:10px}.table-container .data-table{min-width:500px}.table-container .data-table th,.table-container .data-table td{padding:10px 12px;font-size:12px}.modal-overlay{align-items:flex-end;padding:0}.auth-modal,.confirm-modal{width:100%;max-width:100%;border-radius:20px 20px 0 0;margin:0}.auth-modal .modal-header,.confirm-modal .modal-header,.auth-modal .modal-body,.confirm-modal .modal-body{padding:16px 18px}.auth-modal .modal-footer,.confirm-modal .modal-footer{padding:14px 18px 20px;flex-direction:column;gap:10px}.auth-modal .modal-footer button,.confirm-modal .modal-footer button{width:100%}.auth-warning{padding:14px;font-size:12px;border-radius:10px}.void-reason-preview{padding:12px 14px;font-size:13px}.alert-modal{width:90%;padding:28px 20px;border-radius:16px}.refund-success-modal{width:min(92vw,360px);padding:24px 18px}.refund-success-message{max-width:100%;margin-bottom:18px}.alert-modal .alert-icon{font-size:44px;margin-bottom:14px}.alert-modal h3{font-size:18px;margin-bottom:10px}.alert-modal p{font-size:14px;margin-bottom:22px}.alert-modal .btn-primary{padding:12px 32px;font-size:13px}}@media(max-width:374px){.void-form-card{padding:14px}.void-form-card h2{font-size:15px}.void-instructions{font-size:11px}.order-preview{padding:12px}.preview-row{padding:7px 8px;font-size:12px}.void-submit-btn{padding:12px;font-size:13px}}.pending-orders-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.no-orders{text-align:center;color:var(--coffee-light);padding:30px;font-size:14px}.pending-order-btn{display:flex;align-items:center;gap:12px;padding:12px;background:var(--cream);border:2px solid var(--latte);border-radius:10px;color:var(--coffee-dark);cursor:pointer;transition:all .2s;text-align:left}.pending-order-btn:hover{background:var(--latte);border-color:var(--caramel)}.pending-order-btn.selected{background:#a1887f26;border-color:var(--caramel)}.pending-order-btn .order-beeper{font-weight:600;font-size:15px;color:var(--coffee-dark)}.pending-order-btn .order-amount{color:var(--caramel);font-weight:600;margin-left:auto}.pending-order-btn .order-status{font-size:11px;text-transform:uppercase;color:#92400e;background:#fef3c7;padding:3px 8px;border-radius:10px}.auth-modal{width:400px;background:#fff}.auth-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:10px;padding:16px;margin-bottom:20px;text-align:center;color:#b91c1c;font-size:14px;line-height:1.6}.auth-error{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;padding:12px;margin-top:16px;color:#b91c1c;font-size:14px;text-align:center}.void-reason-preview{background:var(--cream);border-radius:8px;padding:12px 16px;margin-top:16px;font-size:14px;color:var(--coffee-medium)}.void-reason-preview strong{color:var(--coffee-dark);display:block;margin-bottom:4px}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.alert-modal{width:350px;text-align:center;padding:30px;background:#fff}.alert-modal .alert-icon{font-size:48px;margin-bottom:16px}.alert-modal h3{margin:0 0 12px;font-size:20px;color:var(--coffee-dark)}.alert-modal p{margin:0 0 24px;font-size:15px;color:var(--coffee-medium)}.alert-modal.success .alert-icon{color:#10b981}.alert-modal.error .alert-icon{color:#ef4444}.alert-modal.info .alert-icon{color:#3b82f6}.items-cell{max-width:200px}.items-list{display:flex;flex-wrap:wrap;gap:4px}.item-tag{display:inline-block;background:#e8f5e9;color:#2e7d32;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.more-items{display:inline-block;background:#f5f5f5;color:#666;padding:2px 8px;border-radius:4px;font-size:11px;font-style:italic}.reason-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reason-cell:hover{white-space:normal;word-wrap:break-word}.refund-card{border-color:#f59e0b}.refund-title{color:var(--coffee-dark)}.refund-instructions{border-left-color:#f59e0b}.order-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.order-preview-header h3{font-size:15px;color:var(--coffee-dark);margin:0}.order-preview-refundable{border-color:#10b981;background:#f0fdf4}.order-preview-disabled{border-color:#f59e0b;background:#fffbeb;opacity:.85}.refund-status-warning{background:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:10px 14px;color:#92400e;font-size:13px;margin-bottom:12px;line-height:1.4}.refund-items-section{margin:12px 0;padding:12px;background:#fff;border-radius:10px;border:1px solid var(--latte)}.refund-items-section h4{font-size:13px;color:var(--coffee-medium);margin:0 0 8px;font-weight:600}.refund-items-list{display:flex;flex-direction:column;gap:6px}.refund-item-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--cream);border-radius:6px;font-size:13px}.refund-item-name{color:var(--coffee-dark);font-weight:500}.refund-item-price{color:var(--coffee-medium);font-weight:600;white-space:nowrap}.refund-total span:last-child{font-size:18px;color:#d97706;font-weight:700}.discount-text{color:#10b981;font-weight:600}.refund-submit-btn{display:block;width:100%;padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:16px;letter-spacing:.5px}.refund-submit-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 15px #d977064d}.refund-submit-btn:active{transform:translateY(0)}.refund-modal-header{border-bottom-color:#f59e0b}.refund-modal-header h2{color:#92400e}.refund-auth-info{background:#fffbeb;border:1px solid #FDE68A;border-radius:10px;padding:12px}.refund-amount-highlight{display:inline-block;margin-top:6px;font-size:16px;font-weight:700;color:#d97706}.btn-refund{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-refund:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309)}.btn-refund:disabled{opacity:.5;cursor:not-allowed}.refunded-row{background:#fffbeb}.refund-amount{color:#d97706;font-weight:700}.status-refunded{background:#fef3c7;color:#92400e;border:1px solid #FDE68A}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.report-tabs{display:inline-flex;gap:0;background:#fff;padding:6px;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 2px 6px #0000000a;height:52px;box-sizing:border-box}.report-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .2s}.report-tab:hover{background:#f5f5f5;color:#333}.report-tab.active{background:var(--coffee-dark, #6b4423);color:#fff;border-color:var(--coffee-dark, #6b4423)}.report-tab svg{width:18px;height:18px}.toolbar-section{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.toolbar-left .search-input,.toolbar-left .date-input,.toolbar-left .filter-select,.toolbar-left .btn-apply-filter{min-height:42px}.search-icon{position:absolute;left:12px;color:#999}.search-input{padding:10px 12px 10px 40px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;width:220px;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--coffee-dark, #6b4423)}.date-range-group{display:flex;align-items:center;gap:8px}.date-input{padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer}.date-input:focus{outline:none;border-color:var(--coffee-dark, #6b4423)}.date-separator{color:#666;font-size:14px}.filter-select{padding:10px 32px 10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{outline:none;border-color:var(--coffee-dark, #6b4423)}.filter-select--cashier{min-width:0}.audit-id-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#444;font-size:13px;font-weight:600;cursor:pointer}.audit-id-toggle input{width:14px;height:14px;accent-color:var(--coffee-dark, #6b4423)}.btn-export{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;height:52px;background:#28a745;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;transition:background .2s;box-sizing:border-box}.btn-export:hover{background:#218838}.btn-export svg{width:18px;height:18px}.btn-export .dropdown-arrow{width:12px;height:12px;margin-left:4px}.export-dropdown-container{position:relative}.export-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;overflow:hidden;z-index:100;min-width:180px;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:background .2s;text-align:left}.export-dropdown-item:hover{background:#f5f0e8}.export-dropdown-item:first-child{border-bottom:1px solid #eee}.export-dropdown-item svg{width:18px;height:18px;color:#6b4423}.export-dropdown-item:first-child svg{color:#217346}.export-dropdown-item:last-child svg{color:#d32f2f}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:16px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.summary-icon.orders-icon{background:#e3f2fd;color:#1976d2}.summary-icon.sales-icon{background:#e8f5e9;color:#388e3c}.summary-icon.avg-icon{background:#fff3e0;color:#f57c00}.summary-icon.discount-icon{background:#fce4ec;color:#c2185b}.summary-icon.library-icon{background:#f3e5f5;color:#7b1fa2}.summary-icon.time-icon{background:#e0f7fa;color:#0097a7}.summary-info h4{font-size:12px;color:#888;margin:0 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:24px;font-weight:700;color:#333;margin:0}.table-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:#888}.data-table thead{background:#f8f9fa}.data-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #eee}.data-table td{padding:14px 16px;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0}.data-table tbody tr:hover{background:#fafafa}.order-id,.session-id{font-weight:600;color:var(--coffee-dark, #6b4423)}.beeper-badge{display:inline-block;padding:4px 10px;background:#fff3e0;color:#f57c00;border-radius:12px;font-weight:600;font-size:13px}.table-badge{display:inline-block;padding:4px 10px;background:#e3f2fd;color:#1976d2;border-radius:12px;font-weight:600;font-size:13px}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-weight:600;font-size:12px;text-transform:capitalize}.type-badge.dine-in{background:#e8f5e9;color:#388e3c}.type-badge.take-out{background:#fff3e0;color:#f57c00}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:600;font-size:12px;text-transform:capitalize}.status-badge.completed{background:#e8f5e9;color:#388e3c}.status-badge.preparing{background:#fff3e0;color:#f57c00}.status-badge.ready{background:#e3f2fd;color:#1976d2}.status-badge.voided{background:#ffebee;color:#c62828}.status-badge.refunded,.status-badge.active{background:#e3f2fd;color:#1976d2}.status-badge.audit-action-badge{border:1px solid transparent;text-transform:none}.status-badge.audit-auth{background:#e7f5ff;color:#0b7285;border-color:#b3e5fc}.status-badge.audit-shift-started{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.status-badge.audit-shift-ended{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.status-badge.audit-shift-force-closed{background:#ffebee;color:#c62828;border-color:#ef9a9a}.status-badge.audit-order{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}.status-badge.audit-inventory{background:#f3e5f5;color:#7b1fa2;border-color:#e1bee7}.status-badge.audit-admin{background:#fff4e6;color:#e67700;border-color:#ffd8a8}.status-badge.audit-risk{background:#ffebee;color:#c62828;border-color:#ffcdd2}.status-badge.audit-other{background:#f1f3f5;color:#495057;border-color:#dee2e6}.discount-cell{color:#c62828}.total-cell{font-weight:600;color:var(--coffee-dark, #6b4423)}.audit-id-cell{font-family:Consolas,Courier New,monospace;font-weight:600;color:#495057}.reports-controls{background:#fff;padding:25px;border-radius:16px;margin-bottom:30px;box-shadow:0 4px 15px #0000000d}.date-filters{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid var(--latte);background:#fff;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.filter-btn.active{background:var(--coffee-dark);color:#fff;border-color:var(--coffee-dark)}.filter-btn:hover{border-color:var(--coffee-light)}.custom-date-range{display:flex;gap:10px}.custom-date-range input{padding:10px 15px;border:2px solid var(--latte);border-radius:8px;font-size:14px}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:30px}.chart-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 15px #0000000d}.chart-card h3{font-family:Poppins,sans-serif;color:var(--coffee-dark);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--cream)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--cream)}.chart-header h3{margin:0;padding:0;border:none}.btn-export{padding:8px 16px;background:var(--success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:background .3s}.btn-export:hover{background:#4caf50}.chart-placeholder{min-height:300px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:250px;padding:20px 0}.bar-container{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1}.bar{width:60%;background:linear-gradient(180deg,var(--caramel) 0%,var(--coffee-light) 100%);border-radius:8px 8px 0 0;transition:all .3s}.bar:hover{background:linear-gradient(180deg,var(--coffee-dark) 0%,var(--coffee-medium) 100%);transform:scaleY(1.05)}.bar-label{font-size:12px;color:var(--coffee-medium);font-weight:600}.category-performance{display:grid;gap:20px}.category-row{display:grid;grid-template-columns:150px 1fr 120px;align-items:center;gap:15px}.category-name{font-size:13px;font-weight:600;color:var(--coffee-dark)}.progress-bar{height:12px;background:var(--cream);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--caramel) 0%,var(--coffee-light) 100%);border-radius:6px;transition:width .5s ease}.category-amount{text-align:right;font-weight:700;color:var(--coffee-dark);font-size:14px}.products-table,.summary-table{width:100%;border-collapse:collapse;margin-top:20px}.products-table th,.summary-table th{background:var(--cream);padding:12px 15px;text-align:left;font-weight:600;color:var(--coffee-dark);font-size:13px}.products-table td,.summary-table td{padding:15px;border-bottom:1px solid var(--cream);font-size:14px}.products-table tbody tr:hover,.summary-table tbody tr:hover{background:var(--cream)}.products-table td:first-child{font-weight:700;color:var(--warning);font-size:16px}.report-header{flex-direction:column;gap:16px;align-items:stretch}.report-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;height:auto;min-height:44px}.report-tabs::-webkit-scrollbar{display:none}.report-tab{padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.report-tab svg{width:14px;height:14px}@media(max-width:767px){.report-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow-x:visible;-webkit-overflow-scrolling:auto;scrollbar-width:thin;min-height:44px;height:auto}.report-tabs::-webkit-scrollbar{display:none}.report-tab{flex-shrink:1;white-space:normal;justify-content:center;text-align:center;line-height:1.2}.report-tab:nth-child(4){grid-column:1 / -1}}@media(max-width:767px){.toolbar-section{flex-direction:column;align-items:stretch;gap:12px}.toolbar-left{flex-direction:column;width:100%}.toolbar-left>.toolbar-filters-actions{flex:1 1 100%;max-width:100%}.toolbar-right{width:100%;justify-content:stretch}.search-input{width:100%}.date-range-group{flex-direction:column;align-items:stretch;width:100%}.date-input{width:100%;box-sizing:border-box}.date-separator{text-align:center;padding:4px 0}.filter-select{width:100%;box-sizing:border-box}.filter-select--cashier{min-width:0}.btn-apply-filter{width:100%}.btn-export{width:100%;height:44px}}.summary-cards{grid-template-columns:1fr;gap:12px}.summary-card{padding:16px;gap:12px}.summary-icon{width:40px;height:40px}.summary-icon svg{width:20px;height:20px}.summary-info h4{font-size:11px}.summary-value{font-size:20px}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:700px}.data-table th,.data-table td{padding:10px 12px;font-size:12px;white-space:nowrap}.charts-section{grid-template-columns:1fr;gap:16px}.chart-card{padding:16px}.chart-card h3{font-size:14px;margin-bottom:16px;padding-bottom:12px}.chart-header{flex-direction:column;gap:12px;align-items:stretch}.bar-chart{height:200px;padding:10px 0}.bar{width:80%}.bar-label{font-size:10px}.category-row{grid-template-columns:1fr;gap:8px}.category-amount{text-align:left}.export-dropdown-container{width:100%}.export-dropdown-menu{left:0;right:0}@media(min-width:375px){.report-tab{padding:10px 14px;font-size:13px}.summary-card{padding:18px}.summary-value{font-size:22px}.chart-card{padding:20px}}@media(min-width:414px){.summary-cards{grid-template-columns:repeat(2,1fr)}.date-range-group{flex-direction:row;align-items:center}.date-input{width:auto;flex:1}.date-separator{padding:0 8px}}@media(min-width:768px){.report-header{flex-direction:row;justify-content:space-between;align-items:center}.report-tabs{display:inline-flex;flex-wrap:nowrap;overflow-x:visible;height:52px}.report-tab{padding:10px 20px;font-size:14px}.report-tab svg{width:18px;height:18px}.toolbar-section{flex-direction:row;justify-content:space-between;align-items:center}.toolbar-left{flex-direction:row;width:auto;row-gap:10px;column-gap:10px}.toolbar-left>*{flex-shrink:0}.toolbar-left>.toolbar-filters-actions{flex-shrink:1;min-width:0}.toolbar-left .date-range-group .date-input{width:auto;max-width:200px;flex:0 1 auto}.toolbar-right{width:auto}.search-input{width:220px}.btn-export{width:auto;padding:0 24px;height:52px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:16px}.summary-card{padding:20px}.summary-icon{width:48px;height:48px}.summary-value{font-size:24px}.data-table th,.data-table td{padding:14px 16px;font-size:14px}.chart-card{padding:25px}.chart-card h3{font-size:16px}.chart-header{flex-direction:row;align-items:center}.bar-chart{height:250px}.bar{width:60%}.bar-label{font-size:12px}.category-row{grid-template-columns:150px 1fr 120px}.category-amount{text-align:right}.export-dropdown-container{width:auto}.export-dropdown-menu{left:auto}}@media(min-width:1024px){.toolbar-left{row-gap:8px;column-gap:8px}.search-input{width:var(--toolbar-search-input-width, 220px)}.date-input{min-width:132px}.summary-cards{grid-template-columns:repeat(4,1fr);gap:20px}.charts-section{grid-template-columns:2fr 1fr;gap:25px}.chart-card{padding:30px}.chart-card h3{margin-bottom:25px;padding-bottom:15px}}@media(min-width:1024px)and (max-width:1365px){.report-header{align-items:flex-end}.export-dropdown-container{display:flex;align-items:center}.export-dropdown-container .btn-export{min-height:52px}}@media(min-width:1280px){.search-input{width:240px}.date-input{min-width:140px}.filter-select--cashier{min-width:190px}.summary-cards{grid-template-columns:repeat(6,1fr)}.bar-chart{height:280px}}@media(min-width:1440px){.summary-card{padding:24px}.summary-value{font-size:28px}}.toast-notification{position:fixed!important;bottom:20px!important;right:20px!important;display:flex!important;align-items:center!important;gap:12px;padding:14px 20px;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:9999!important;animation:toastSlideIn .3s ease;max-width:400px;width:auto!important;height:auto!important;margin:0!important;transform:none!important}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success .toast-icon{background:#e8f5e9;color:#2e7d32}.toast-error .toast-icon{background:#ffebee;color:#c62828}.toast-warning .toast-icon{background:#fff3e0;color:#f57c00}.toast-info .toast-icon{background:#e3f2fd;color:#1976d2}.toast-message{flex:1;font-size:14px;color:#333;line-height:1.4}.toast-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;line-height:1}.toast-close:hover{color:#666}.legend{font-size:13px;color:var(--coffee-light);margin-top:10px}.tables-container{display:grid;gap:30px;margin-bottom:30px}.table-section{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 15px #0000000d}.table-title{font-family:Poppins,sans-serif;color:var(--coffee-dark);margin-bottom:20px;font-size:20px}.seats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:15px}.seat-box{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s;border:3px solid transparent}.seat-available{background:#81c784;color:#fff}.seat-available:hover{background:#66bb6a;border-color:#4caf50;transform:scale(1.05)}.seat-occupied{background:#ef5350;color:#fff}.seat-occupied:hover{background:#e53935;border-color:#c62828;transform:scale(1.05)}.library-instructions{background:#fff;padding:25px;border-radius:12px;font-size:14px;line-height:1.8;color:var(--coffee-medium)}.library-instructions p{margin:8px 0}.library-modal{min-width:500px}.library-modal hr{border:none;border-top:2px solid var(--cream);margin:20px 0}.library-modal .form-group{margin-bottom:16px}.library-modal .form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.library-modal .form-group input[type=text],.library-modal .form-group input[type=number],.library-modal .form-group input[type=email],.library-modal .form-group input[type=password],.library-modal .form-group select,.library-modal .form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--latte);border-radius:10px;font-size:14px;color:var(--coffee-dark);background:#fff;transition:all .2s ease;box-sizing:border-box}.library-modal .form-group input:focus,.library-modal .form-group select:focus,.library-modal .form-group textarea:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.library-modal .form-group input::placeholder{color:var(--coffee-light)}.fee-info{background:var(--cream);padding:15px;border-radius:8px;margin:15px 0}.fee-info p{margin:8px 0;font-size:14px}.extend-options{margin:20px 0}.extend-options label{display:block;padding:12px;margin:10px 0;background:var(--cream);border-radius:8px;cursor:pointer;transition:background .3s}.extend-options label:hover{background:var(--latte)}.extend-options input[type=radio]{margin-right:10px}.checkout-charges{background:var(--cream);padding:20px;border-radius:12px;margin:15px 0}.checkout-charges h4{margin-bottom:12px;color:var(--coffee-dark)}.checkout-charges p{margin:8px 0;font-size:14px}.package-selection{margin:20px 0}.package-selection>label{display:block;margin-bottom:12px;color:var(--coffee-dark)}.package-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.package-option{display:flex;align-items:center;padding:14px;background:var(--cream);border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid transparent}.package-option:hover{background:var(--latte)}.package-option.selected{background:var(--espresso);color:#fff;border-color:var(--coffee-dark)}.package-option input[type=radio]{margin-right:10px}.payment-section{background:var(--cream);padding:20px;border-radius:12px;margin:20px 0}.total-due{font-size:18px;color:var(--coffee-dark);margin-bottom:15px}.change-display{font-size:16px;color:#4caf50;margin-top:10px}.extend-option{display:flex;align-items:center;padding:14px;margin:8px 0;background:var(--cream);border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid transparent}.extend-option:hover{background:var(--latte)}.extend-option.selected{background:var(--espresso);color:#fff;border-color:var(--coffee-dark)}.extend-option input[type=radio]{margin-right:10px}.remaining-time{font-size:16px;color:#4caf50}.remaining-time.warning{color:#ff9800;font-weight:700}.checkout-summary{background:var(--cream);padding:20px;border-radius:12px;margin-bottom:15px}.checkout-notice{background:#e8f5e9;padding:15px;border-radius:8px;border-left:4px solid #4caf50}.checkout-notice p{margin:5px 0;color:#2e7d32}.btn-extend,.btn-checkout{flex:1;padding:12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s;margin:5px}.btn-extend{background:var(--warning);color:#fff}.btn-extend:hover{background:#fb8c00}.btn-checkout{background:var(--coffee-dark);color:#fff}.btn-checkout:hover{background:var(--coffee-medium)}.legend{display:flex;gap:20px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.available{background:#81c784}.legend-dot.occupied{background:#ef5350}.legend-dot.maintenance{background:#ff9800}.seat-maintenance{background:#ff9800;color:#fff}.seat-maintenance:hover{background:#f57c00;border-color:#e65100;transform:scale(1.05)}.seat-reserved{background:#ffb74d;color:#fff;cursor:not-allowed}.seat-reserved:hover{background:#ffa726;border-color:#fb8c00}.legend-dot.reserved{background:#ffb74d}.seat-warning{background:#ffc107;color:#333;animation:pulse-warning 1.5s ease-in-out infinite}.seat-warning:hover{background:#ffb300;border-color:#ffa000;transform:scale(1.05)}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.seat-box{flex-direction:column;padding:8px}.seat-number{font-weight:700;font-size:16px}.seat-timer{font-size:11px;font-weight:600;margin-top:2px;opacity:.9}.timer-note{color:#ffc107;font-weight:500}.library-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014;text-align:center}.stat-card.stat-active{border-left:4px solid #4caf50}.stat-card.stat-completed{border-left:4px solid #2196f3}.stat-card.stat-revenue{border-left:4px solid #ff9800}.stat-value{font-size:28px;font-weight:700;color:#333}.stat-label{font-size:13px;color:#666;margin-top:4px}.action-card{display:flex;align-items:center;justify-content:center}.btn-configure{background:#6b4423eb;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-configure:hover{background:#8b5a2b;transform:translateY(-2px)}.library-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.btn-add-table{background:#6b4423eb;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}.btn-add-table:hover{background:#8b5a2b;transform:translateY(-2px)}.tables-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.table-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s}.table-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.table-card-header{background:#6b4423eb;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.table-card-header h3{margin:0;font-size:18px}.seat-count{background:#fff3;padding:4px 12px;border-radius:20px;font-size:13px}.table-card-visual{padding:20px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:#f8f9fa}.mini-seat{width:32px;height:32px;background:#81c784;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.table-card-actions{padding:16px 20px;display:flex;gap:10px;border-top:1px solid #eee}.table-card-actions .btn-edit,.table-card-actions .btn-delete{flex:1;padding:10px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.table-card-actions .btn-edit{background:#e3f2fd;color:#1976d2}.table-card-actions .btn-edit:hover{background:#bbdefb}.table-card-actions .btn-delete{background:#ffebee;color:#d32f2f}.table-card-actions .btn-delete:hover{background:#ffcdd2}.modal-info{background:#e8f5e9;padding:12px 16px;border-radius:8px;font-size:14px;color:#2e7d32;margin:16px 0}.warning-text{color:#d32f2f;font-size:14px}.btn-danger{background:#d32f2f!important;color:#fff!important}.btn-danger:hover{background:#c62828!important}.transactions-filters{background:#fff;padding:16px 20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.filter-group{display:flex;align-items:center;gap:16px}.filter-group label{font-weight:600;color:#333}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:8px 16px;border:2px solid #e0e0e0;background:#fff;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#6b4423;color:#6b4423}.filter-btn.active{background:#6b4423eb;border-color:#6b4423;color:#fff}.transactions-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th,.transactions-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee}.transactions-table th{background:#f8f9fa;font-weight:600;color:#333;font-size:13px;text-transform:uppercase}.transactions-table td{font-size:14px;color:#555}.transactions-table th:last-child{text-align:center}.transactions-table td:last-child,.transactions-table .actions-cell{white-space:nowrap}.actions-cell{display:flex;align-items:center;justify-content:center;gap:8px}.transactions-table tr:hover{background:#fafafa}.transactions-table small{display:block;color:#999;font-size:11px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-completed{background:#e3f2fd;color:#1976d2}.btn-view{background:#6b4423eb;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.btn-view:hover{background:#8b5a2b}.session-modal{min-width:450px;max-height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden}.session-modal .modal-header{flex-shrink:0}.session-modal-body{flex:1;min-height:0;overflow-y:auto}.session-modal .modal-actions{flex-shrink:0}.session-details{margin:16px 0}.detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.detail-label{color:#666;font-size:14px}.detail-value{font-weight:600;color:#333}.fee-breakdown{background:#fff8e1;padding:16px;border-radius:8px;margin:16px 0}.fee-breakdown h4{margin:0 0 12px;color:#f57c00}.fee-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.fee-row.total{border-top:2px solid #ffcc80;margin-top:8px;padding-top:12px;font-weight:700;font-size:16px}.extend-buttons{display:flex;gap:10px;margin-top:12px}.extend-buttons.single-option{justify-content:center}.extend-buttons.single-option .btn-extend{flex:0 1 220px}.extend-buttons .btn-extend{flex:1}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{margin:8px 0}.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:16px}.toast-notification{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;align-items:center!important;gap:12px;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:10000!important;animation:toastSlideIn .3s ease-out;min-width:300px;max-width:500px;width:auto!important;height:auto!important;margin:0!important}@keyframes toastSlideIn{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.toast-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.toast-message{flex:1;font-size:15px;font-weight:500;line-height:1.4}.toast-close{background:transparent;border:none;font-size:24px;cursor:pointer;opacity:.6;transition:opacity .2s;padding:0;line-height:1}.toast-close:hover{opacity:1}.toast-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #28a745;color:#155724}.toast-success .toast-icon{background:#28a745;color:#fff}.toast-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #dc3545;color:#721c24}.toast-error .toast-icon{background:#dc3545;color:#fff}.toast-warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border:1px solid #ffc107;color:#856404}.toast-warning .toast-icon{background:#ffc107;color:#856404}.toast-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #17a2b8;color:#0c5460}.toast-info .toast-icon{background:#17a2b8;color:#fff}.page-subtitle{font-size:14px;color:var(--coffee-light, #8d6e63);margin-top:5px}.main-content.library-transactions-page{background:var(--cream);min-height:100%}.shift-locked-overlay{position:fixed;inset:0;background:#fffffff2;z-index:1200;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.cashier-layout .shift-locked-overlay{top:60px}@media(max-height:700px){.cashier-layout .shift-locked-overlay{top:50px}}@media(max-height:600px){.cashier-layout .shift-locked-overlay{top:44px}}.shift-locked-icon{font-size:48px;margin-bottom:16px}.shift-locked-title{font-size:24px;color:#333;margin-bottom:8px;font-weight:700}.shift-locked-message{color:#666;font-size:15px;max-width:400px}.stat-card.stat-available{border-left:4px solid #81c784}.stat-card.stat-occupied{border-left:4px solid #ef5350}.stat-card.stat-maintenance{border-left:4px solid #ff9800}.view-toggle-container{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.view-toggle{display:flex;gap:8px}.toggle-btn{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;color:#666}.toggle-btn:hover{border-color:#6b4423;color:#6b4423}.toggle-btn.active{background:#6b4423eb;border-color:#6b4423;color:#fff}.seat-grid-container{background:#fcfaf6;padding:18px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.floor-map-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.floor-map-header h3{margin:0;font-size:18px;color:#5b3b22}.floor-map-header p{margin:4px 0 0;font-size:13px;color:#7f5d3f}.floor-map-pill{padding:8px 14px;border-radius:999px;background:#f4dfc3;border:1px solid #e8cfae;color:#6b4423;font-weight:700;font-size:12px;letter-spacing:.02em;white-space:nowrap}.tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.table-section-compact{background:#ffffffd6;border:1px solid #efdcc5;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #502d1114}.table-header-compact{background:linear-gradient(135deg,#6f4a2d,#8d5f3b);color:#fff;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}.table-title-wrap{display:flex;flex-direction:column;min-width:0}.table-title-main{font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-title-sub{font-size:10px;opacity:.85;margin-top:2px}.table-quick-stats{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.table-stat-pill{min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;font-size:10px;font-weight:700;border:1px solid transparent}.table-stat-pill.available{background:#dff4e7;border-color:#9bd3ab;color:#2f6d43}.table-stat-pill.occupied{background:#fde2e0;border-color:#f2b2ac;color:#9e3c34}.table-stat-pill.reserved{background:#ffe7cc;border-color:#f3c48f;color:#9a5d16}.table-stat-pill.maintenance{background:#f7e0fb;border-color:#dab0e6;color:#7a2f8b}.seats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:6px;padding:6px}.seat-grid-container .seat-item{width:100%;height:auto;min-height:56px;border-radius:9px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:6px;box-sizing:border-box;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;position:relative;font-weight:600;border:1px solid transparent}.seat-grid-container .seat-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4428122e}.seat-grid-container .seat-available{background:linear-gradient(180deg,#e7f7ed,#d5f0e0);color:#1f5b37;border-color:#93c5a5}.seat-grid-container .seat-occupied{background:linear-gradient(180deg,#ffe7e4,#ffd7d2);color:#8e3028;border-color:#e7a29b}.seat-grid-container .seat-reserved{background:linear-gradient(180deg,#fff1de,#ffe5c8);color:#93520f;border-color:#f0be81}.seat-grid-container .seat-maintenance{background:linear-gradient(180deg,#f5e7fb,#ecd7f6);color:#6f2f84;border-color:#caa3da}.seat-top-row{display:flex;align-items:center;justify-content:space-between;gap:4px}.seat-item .seat-number{font-size:11px;font-weight:800}.seat-status-tag{border-radius:999px;padding:2px 5px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.seat-status-tag.status-available{background:#237d4c29;color:#266843}.seat-status-tag.status-occupied{background:#ad2d2429;color:#95342d}.seat-status-tag.status-reserved{background:#a85d1029;color:#93520f}.seat-status-tag.status-maintenance{background:#6f2f8429;color:#6f2f84}.seat-meta{margin-top:4px;font-size:9px;line-height:1.25;opacity:.9}.seat-meta.critical{color:#a83227;font-weight:700}.warning-indicator{position:absolute;top:-5px;right:-5px;background:#ff9800;color:#fff;width:20px;height:20px;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sessions-list-container{background:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.table-scroll-wrapper{overflow-x:auto;flex:1}.sessions-list-container>table{min-width:100%}.warning-row{background:#fff3e0!important}.time-warning{color:#e65100;font-weight:700}.btn-action{background:#6b4423eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.btn-action:hover{background:#8b5a2b}.btn-void-small,button.btn-void-small,.transactions-table .btn-void-small{background:#dc3545!important;background-color:#dc3545!important;color:#fff!important;border:none!important;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;margin-left:8px;box-shadow:0 2px 4px #dc35454d;display:inline-block}.btn-void-small:hover,button.btn-void-small:hover,.transactions-table .btn-void-small:hover{background:#c82333!important;background-color:#c82333!important;transform:translateY(-1px);box-shadow:0 4px 8px #dc354566}.btn-void-small:disabled,button.btn-void-small:disabled{background:#ccc!important;background-color:#ccc!important;cursor:not-allowed;box-shadow:none;transform:none}.modal-divider{height:1px;background:#e0e0e0;margin:16px 0}.modal-info-row{display:flex;justify-content:space-between;padding:8px 0}.info-label{color:#666}.info-value{font-weight:600;color:#333}.fee-info-box{background:#f5f0e8;padding:16px;border-radius:8px;margin:16px 0}.fee-info-box p{margin:6px 0;font-size:14px}.extend-section{margin:20px 0}.extend-section h4{margin-bottom:12px;color:#333}.checkout-total{display:flex;justify-content:space-between;align-items:center;background:#6b4423eb;color:#fff;padding:16px 20px;border-radius:8px;margin:16px 0}.total-amount{font-size:24px;font-weight:700}.change-display{display:flex;justify-content:space-between;padding:12px 16px;border-radius:8px;margin:12px 0;font-weight:600}.change-display.valid{background:#e8f5e9;color:#2e7d32}.change-display.invalid{background:#ffebee;color:#c62828}.checkout-note{background:#fff8e1;padding:12px 16px;border-radius:8px;font-size:13px;color:#f57c00;margin:16px 0}.btn-primary{background:#6b4423eb;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#8b5a2b}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f0e8;color:#6b4423;border:2px solid #d7ccc8;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#e8e0d5;border-color:#a1887f}.warning-overlay{background:#000000b3}.warning-modal{border:3px solid #ff9800}.warning-header{display:flex;align-items:center;gap:12px}.warning-icon{font-size:32px}.warning-header h3{color:#e65100}.warning-content{text-align:center;margin:20px 0}.warning-message{font-size:16px;line-height:1.6}.time-highlight{background:#ff9800;color:#fff;padding:2px 8px;border-radius:4px;font-weight:700}.customer-info{margin-top:12px;color:#666}.warning-instruction{background:#fff3e0;padding:12px 16px;border-radius:8px;font-size:14px;color:#e65100;text-align:center}.warning-actions{display:flex;flex-wrap:wrap;gap:10px}.warning-actions button{flex:1;min-width:120px}.quick-cash-buttons{display:flex;gap:8px;margin:12px 0;overflow:hidden}.quick-cash-btn{flex:1;padding:10px 4px;background:var(--cream);border:2px solid var(--coffee-light);border-radius:8px;font-weight:600;font-size:13px;color:var(--coffee-dark);cursor:pointer;transition:all .2s;min-width:0;text-align:center;box-sizing:border-box;white-space:nowrap}.quick-cash-btn:hover{background:var(--coffee-light);color:#fff;border-color:var(--coffee-light)}.change-display{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#e8f5e9;border-radius:8px;margin:12px 0;font-size:16px}.change-amount{font-weight:700;font-size:20px;color:#2e7d32}.checkout-note.success{background:#e8f5e9;color:#2e7d32;border-left:4px solid #4caf50;padding:12px 16px;border-radius:8px;margin:16px 0;line-height:1.6}.library-modal .modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.library-modal .modal-actions .btn-secondary{margin-right:auto}.library-modal .modal-actions .btn-primary,.library-modal .modal-actions .btn-checkout{margin-left:auto}.warning-modal .modal-actions.warning-actions{justify-content:center;flex-wrap:wrap}.voided-row{background:#fff5f5!important;opacity:.8}.voided-row:hover{background:#ffe5e5!important}.void-info{font-size:18px;cursor:help;color:#6c757d}.session-id-cell{font-family:Monaco,Consolas,monospace;font-weight:600;color:var(--coffee-dark)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-completed{background:#d4edda;color:#155724}.status-voided{background:#f8d7da;color:#721c24}.history-filters{display:flex;align-items:center;gap:12px}.history-search-input{padding:8px 14px;border-radius:8px;border:2px solid var(--cream);background:#fff;font-size:14px;color:var(--coffee-dark);min-width:250px;transition:border-color .3s,box-shadow .3s}.history-search-input:focus{outline:none;border-color:var(--coffee-light);box-shadow:0 0 0 3px #8b5a2b1a}.history-search-input::placeholder{color:#999}.filter-select{padding:8px 16px;border-radius:8px;border:2px solid var(--cream);background:#fff;font-size:14px;color:var(--coffee-dark);cursor:pointer;min-width:140px}.filter-select:focus{outline:none;border-color:var(--coffee-light)}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;margin-top:0}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #dee2e6;background:#fff;color:var(--coffee-dark);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--coffee-light);color:#fff;border-color:var(--coffee-light)}.pagination-number{min-width:36px}@media(min-width:1400px){.seats-grid{grid-template-columns:repeat(8,1fr)}.seats-row{display:flex;gap:12px;flex-wrap:wrap}}@media(max-width:1399px){.seats-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1199px){.library-stats{grid-template-columns:repeat(2,1fr);gap:16px}.seats-grid{grid-template-columns:repeat(5,1fr);gap:12px}.view-toggle-container{flex-direction:column;align-items:stretch;gap:16px}.view-toggle{width:100%;justify-content:center}.floor-map-header{flex-direction:column;align-items:flex-start}.seat-grid-container .seats-row{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.legend{justify-content:center}.history-filters{justify-content:center;flex-wrap:wrap}.history-search-input{min-width:200px}.pagination-container{flex-direction:column;gap:12px;text-align:center}}@media(max-width:991px){.library-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:28px}.stat-label{font-size:12px}.seats-grid{grid-template-columns:repeat(4,1fr);gap:10px}.seat-box{font-size:16px}.seat-item{width:50px;height:50px;font-size:14px}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-table{min-width:800px}.history-filters{flex-wrap:wrap;gap:10px}.history-search-input{flex:1;min-width:180px}.pagination-container{flex-direction:column;gap:12px;padding:14px 16px}.pagination-info{order:2}.pagination-controls{order:1}.library-modal{min-width:unset;width:95%;max-width:500px;margin:20px;max-height:90vh;overflow-y:auto}.session-modal{max-height:min(90vh,700px)}.session-modal-body{overflow-y:auto}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions button{min-width:120px}.toggle-btn{padding:10px 16px;font-size:13px}.table-section-compact{margin-bottom:16px}.seat-grid-container .seats-row{gap:7px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.seat-grid-container .seat-item{min-height:70px;padding:8px}}@media(max-width:767px){.page-header{padding:16px 0}.page-title{font-size:24px}.page-subtitle{font-size:13px}.library-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px 12px;border-radius:10px}.stat-value{font-size:24px}.stat-label{font-size:11px}.seats-grid{grid-template-columns:repeat(4,1fr);gap:8px}.seat-box{font-size:14px;border-radius:8px}.seat-item{width:44px;height:44px;font-size:13px;border-radius:8px}.view-toggle{flex-wrap:wrap;gap:8px}.toggle-btn{padding:8px 14px;font-size:12px;flex:1;min-width:100px;text-align:center}.legend{flex-wrap:wrap;gap:12px;justify-content:center}.legend-item{font-size:12px}.transactions-table{min-width:700px}.transactions-table th,.transactions-table td{padding:10px 8px;font-size:13px}.btn-action{padding:6px 12px;font-size:12px}.btn-void-small{padding:6px 10px!important;font-size:12px!important;margin-left:4px!important;background:#dc3545!important;color:#fff!important;border:none!important}.library-modal{width:100%;max-width:none;margin:0;border-radius:16px 16px 0 0;max-height:85vh;position:fixed;bottom:0;left:0;right:0}.modal-overlay{align-items:flex-end}.checkin-modal,.session-modal,.void-modal{border-radius:16px 16px 0 0}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions button{width:100%;padding:14px;font-size:15px}.library-modal .modal-actions .btn-secondary{margin-right:0}.library-modal .modal-actions .btn-primary,.library-modal .modal-actions .btn-checkout{margin-left:0}.extend-buttons{flex-direction:column;gap:8px}.btn-extend{width:100%;padding:12px}.library-instructions{padding:16px;font-size:13px}.library-instructions p{margin:6px 0}.warning-modal{padding:20px}.warning-header h3{font-size:18px}.warning-actions{flex-direction:column;gap:8px}.warning-actions button{width:100%;min-width:unset}.table-section-compact{padding:12px;border-radius:10px}.table-header-compact{font-size:14px;margin-bottom:10px;flex-direction:column;align-items:flex-start}.seat-grid-container .seats-row{gap:5px;grid-template-columns:repeat(auto-fill,minmax(102px,1fr))}.seat-grid-container .seat-item{min-height:64px;padding:7px}.seat-status-tag{font-size:8px;padding:2px 5px}.seat-meta{font-size:10px}.history-filters{width:100%;flex-direction:column;gap:10px}.history-search-input{width:100%;min-width:unset}.filter-select{width:100%;padding:10px 14px}.pagination-container{flex-direction:column;gap:10px;padding:12px 16px}.pagination-info{font-size:13px;order:2}.pagination-controls{order:1;flex-wrap:wrap;justify-content:center;gap:4px}.pagination-btn{min-width:32px;height:32px;font-size:13px}}@media(max-width:575px){.library-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px 10px}.stat-value{font-size:20px}.stat-label{font-size:10px}.seats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.seat-box{font-size:13px;border-width:2px}.seat-item{width:40px;height:40px;font-size:12px;border-radius:6px}.warning-indicator{font-size:10px;padding:1px 4px}.view-toggle{gap:4px}.toggle-btn{padding:8px 10px;font-size:11px;min-width:80px}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-table{min-width:600px}.transactions-table th,.transactions-table td{padding:8px 6px;font-size:12px}.pagination-container{padding:10px 12px}.pagination-info{font-size:12px}.pagination-btn{min-width:30px;height:30px;font-size:12px;padding:0 6px}.void-modal .session-info{padding:12px!important}.void-modal .session-info div{grid-template-columns:1fr!important;gap:6px!important}.fee-breakdown{padding:12px;font-size:13px}.fee-row{font-size:13px}.session-details .detail-row{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0}.detail-label{font-size:12px}.detail-value{font-size:14px}.page-title{font-size:20px}.page-subtitle{font-size:12px}}@media(max-width:375px){.library-stats{gap:6px}.stat-card{padding:10px 8px}.stat-value{font-size:18px}.seats-grid{grid-template-columns:repeat(3,1fr);gap:5px}.seat-item{width:36px;height:36px;font-size:11px}.seat-grid-container .seats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-grid-container .seat-item{width:100%;height:auto;min-height:64px}.toggle-btn{padding:6px 8px;font-size:10px;min-width:70px}.library-modal h3{font-size:18px}.library-modal{padding:16px}.pagination-btn{min-width:28px;height:28px;font-size:12px;padding:0 6px}.pagination-info{font-size:12px}.pagination-number:nth-child(n+4):nth-last-child(n+4){display:none}}@media(hover:none)and (pointer:coarse){.seat-box,.seat-item{min-height:44px;min-width:44px}.btn-action,.btn-void-small,.toggle-btn,.btn-extend,.btn-checkout,.btn-primary,.btn-secondary{min-height:44px}.seat-available:hover,.seat-occupied:hover,.seat-item:hover{transform:none}.seat-available:active,.seat-occupied:active,.seat-item:active{transform:scale(.95)}}@media print{.view-toggle-container,.library-instructions,.btn-action,.btn-void-small,.modal-overlay{display:none!important}.transactions-table{min-width:unset;width:100%}}.library-modal .modal-actions .btn-cancel,.library-modal .modal-actions .btn-confirm,.library-modal .modal-actions .btn-danger{flex:0 0 auto;padding:10px 20px;font-size:14px;min-width:auto}.library-modal .modal-actions .btn-cancel{background:#f5f5f5;color:#666;border:1px solid #ddd}.library-modal .modal-actions .btn-cancel:hover{background:#e8e8e8}.library-modal .modal-actions .btn-confirm{background:linear-gradient(135deg,#6b4423,#8b5a2b);color:#fff;border:none}.library-modal .modal-actions .btn-confirm:hover{transform:translateY(-1px);box-shadow:0 2px 8px #6b44234d}.library-modal .modal-actions .btn-danger{background:#dc3545;color:#fff;border:none}.library-modal .modal-actions .btn-danger:hover{background:#c82333}.quick-cash-btn{padding:10px 4px;border:2px solid #5d4037;border-radius:8px;background:#efebe9;color:#3e2723;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;min-width:0;text-align:center;box-sizing:border-box;white-space:nowrap}.quick-cash-btn:hover{background:#5d4037;color:#fff;border-color:#5d4037}:root{--coffee-dark: #3e2723;--coffee-medium: #5d4037;--coffee-light: #8d6e63;--cream: #f5f0e8;--foam: #fafafa;--caramel: #a1887f;--latte: #d7ccc8;--espresso: #2c1810;--success: #4caf50;--warning: #ff9800;--danger: #ef5350}.main-content{padding:30px;background:var(--cream);min-height:100vh}.page-header-section{margin-bottom:25px}.page-title-group{display:flex;flex-direction:column;gap:5px}.page-title{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;color:var(--coffee-dark);margin:0}.page-subtitle{font-size:14px;color:var(--coffee-light);margin:0}.toolbar-section{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:12px}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--coffee-light);pointer-events:none;z-index:2;width:18px;height:18px}.search-box .search-input,.search-box input.search-input,input.search-input{padding:12px 16px 12px 46px!important;border:2px solid var(--latte);border-radius:10px;font-size:14px;width:250px;background:#fff;transition:all .2s ease;box-sizing:border-box}.search-box .search-input:focus,input.search-input:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.search-box .search-input::placeholder,input.search-input::placeholder{color:var(--coffee-light);padding-left:0}.filter-select{padding:12px 16px;border:2px solid var(--latte);border-radius:10px;font-size:14px;background:#fff;min-width:150px;cursor:pointer;color:var(--coffee-dark);transition:all .2s ease}.filter-select:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.btn-navigate{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:var(--coffee-dark);border:2px solid var(--coffee-dark);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-navigate:hover{background:var(--coffee-dark);color:#fff}.btn-primary-action{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#6b4423eb;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary-action:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a1887f66;background:#8b5a2b!important}.table-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--cream)}.data-table th{padding:16px 20px;text-align:left;font-size:12px;font-weight:700;color:var(--coffee-dark);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--latte)}.data-table td{padding:16px 20px;border-bottom:1px solid var(--latte);font-size:14px;color:var(--coffee-medium);vertical-align:middle}.data-table tbody tr:hover{background:#a1887f0d}.data-table tbody tr:last-child td{border-bottom:none}.data-table th:last-child,.data-table td:last-child{text-align:center}.data-table td:last-child .action-buttons{justify-content:center}.item-image-cell{width:60px;height:60px;border-radius:10px;overflow:hidden;background:var(--cream);display:flex;align-items:center;justify-content:center}.table-image{width:100%;height:100%;object-fit:cover}.no-image-placeholder{font-size:10px;color:var(--coffee-light);text-align:center}.item-name-text{font-weight:600;color:var(--coffee-dark)}.price-cell{font-weight:700;color:var(--caramel)}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-soldout{background:#ffebee;color:#c62828}.station-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.station-barista{background:#e3f2fd;color:#1565c0}.station-kitchen{background:#fff3e0;color:#e65100}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-edit{background:var(--cream);color:var(--coffee-dark);border:1px solid var(--latte)}.btn-edit:hover{background:var(--latte);color:var(--coffee-dark)}.btn-delete{background:var(--cream);color:var(--coffee-dark);border:1px solid var(--latte)}.btn-delete:hover{background:#ffebee;color:#c62828;border-color:#ffcdd2}.empty-state,.loading-state{padding:80px 40px;text-align:center;color:var(--coffee-light);font-size:16px}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #00000040}.modal-large{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid var(--latte)}.modal-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:700;color:var(--coffee-dark);margin:0}.modal-close{background:none;border:none;cursor:pointer;color:var(--coffee-light);padding:5px;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:var(--cream);color:var(--coffee-dark)}.modal-content form{padding:25px 30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--coffee-dark)}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--latte);border-radius:10px;font-size:14px;color:var(--coffee-dark);transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f26}.form-input::placeholder,.form-textarea::placeholder{color:var(--coffee-light)}.form-textarea{resize:vertical;min-height:100px}.form-helper{font-size:12px;color:var(--coffee-light);margin-top:5px}.form-checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--coffee-dark);cursor:pointer}.form-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--caramel);cursor:pointer}.checkbox-text{font-weight:500;color:var(--coffee-dark)}.checkbox-hint{font-size:12px;color:var(--coffee-light);margin-left:auto}.modal-actions{display:flex;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--latte)}.btn-cancel{flex:1;padding:14px 20px;background:var(--cream);color:var(--coffee-dark);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:var(--latte)}.btn-confirm{flex:1;padding:14px 20px;background:#6b4423eb;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a1887f66;background:#8b5a2b!important}@media(min-width:1400px){.main-content{padding:35px}.data-table th,.data-table td{padding:18px 24px}}@media(max-width:1399px){.main-content{padding:25px}.search-box .search-input,.search-box input.search-input,input.search-input{width:220px}.filter-select{min-width:130px}}@media(max-width:1024px){.main-content{padding:70px 20px 20px;margin-left:0}.page-header-section{margin-bottom:20px}.page-title{font-size:24px}.page-subtitle{font-size:13px}.toolbar-section{flex-direction:column;align-items:stretch;gap:15px}.toolbar-left,.toolbar-right{width:100%;justify-content:flex-start}.toolbar-left{flex-wrap:wrap;gap:10px}.search-box{flex:1;min-width:200px}.search-box .search-input,.search-box input.search-input,input.search-input{width:100%}.filter-select{min-width:140px;flex:0 0 auto}.toolbar-right{display:flex;gap:10px}.btn-primary-action{flex:1;justify-content:center;padding:12px 16px}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}.data-table{min-width:750px}.data-table th,.data-table td{padding:14px 16px;font-size:13px}.item-image-cell{width:50px;height:50px}.modal-content{max-width:90%;margin:15px}.modal-large{max-width:95%}}@media(max-width:768px){.main-content{padding:65px 15px 15px}.page-title{font-size:22px}.toolbar-left{flex-direction:column;width:100%;gap:10px}.search-box,.search-box .search-input,.search-box input.search-input,input.search-input{width:100%}.filter-select{width:100%;min-width:unset}.toolbar-left .filter-select-wrap:not(.filter-select-wrap--full){width:100%;max-width:100%;align-self:stretch;display:flex}.toolbar-right{flex-direction:column;width:100%;gap:10px}.btn-navigate,.btn-primary-action{width:100%;justify-content:center;padding:14px 20px}.table-card{overflow-x:auto}.data-table{min-width:700px}.data-table th,.data-table td{padding:12px 14px;font-size:12px}.item-image-cell{width:45px;height:45px;border-radius:8px}.no-image-placeholder{font-size:8px}.status-badge,.station-badge{padding:5px 10px;font-size:11px}.percentage-badge,.role-badge{padding:4px 10px;font-size:11px}.action-buttons{flex-direction:column;gap:6px}.btn-action{width:100%;justify-content:center;padding:10px 12px}.form-row{grid-template-columns:1fr}.modal-content{margin:10px;max-height:95vh;max-width:calc(100% - 20px);border-radius:16px}.modal-header{padding:18px 20px}.modal-title{font-size:18px}.modal-content form{padding:15px 20px 20px}.form-group{margin-bottom:18px}.form-label{font-size:12px}.form-input,.form-textarea,.form-select{padding:11px 14px;font-size:14px}.modal-actions{padding:15px 20px;flex-direction:column;gap:10px}.modal-actions button{width:100%;padding:14px}.delete-modal-body{padding:20px}.delete-icon svg{width:40px;height:40px}.delete-message{font-size:15px}}@media(max-width:575px){.main-content{padding:60px 12px 12px}.page-header-section{margin-bottom:15px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.toolbar-section{gap:12px;margin-bottom:15px}.toolbar-left{gap:8px}.filter-select{padding:10px 12px;font-size:13px}.btn-primary-action{padding:12px 14px;font-size:13px}.btn-primary-action svg{width:14px;height:14px}.data-table{min-width:600px}.data-table th,.data-table td{padding:10px 12px;font-size:11px}.data-table th{font-size:10px;letter-spacing:.3px}.item-image-cell{width:40px;height:40px;border-radius:6px}.item-name-text,.price-cell{font-size:12px}.status-badge,.station-badge{padding:4px 8px;font-size:10px;border-radius:12px}.percentage-badge,.role-badge{padding:3px 8px;font-size:10px;border-radius:12px}.btn-action{padding:8px 10px;font-size:11px;gap:4px}.btn-action svg{width:12px;height:12px}.empty-state,.loading-state{padding:50px 20px;font-size:14px}.modal-overlay{padding:10px;align-items:flex-end}.modal-content{margin:0;max-height:90vh;max-width:100%;border-radius:20px 20px 0 0;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 18px;border-radius:20px 20px 0 0}.modal-title{font-size:16px}.modal-close{width:32px;height:32px}.modal-close svg{width:18px;height:18px}.modal-content form{padding:12px 18px 18px}.form-group{margin-bottom:15px}.form-label{font-size:11px;margin-bottom:5px}.form-input,.form-textarea,.form-select{padding:10px 12px;font-size:14px;border-radius:8px}.modal-actions{padding:12px 18px 20px;gap:8px}.modal-actions button{padding:12px;font-size:13px;border-radius:10px}.image-upload-box{width:120px;height:120px}.upload-placeholder{font-size:12px}.upload-placeholder svg{width:28px;height:28px}.customization-form-section{padding:12px}.group-checkbox-item{flex:0 0 100%;padding:10px 12px}.group-checkbox-label strong{font-size:12px}.group-checkbox-label small{font-size:10px}}@media(max-width:374px){.main-content{padding:55px 10px 10px}.page-title{font-size:18px}.toolbar-section{gap:10px}.filter-select{padding:9px 10px;font-size:12px}.btn-primary-action{padding:11px 12px;font-size:12px}.data-table{min-width:550px}.data-table th,.data-table td{padding:8px 10px}.item-image-cell{width:35px;height:35px}.modal-header{padding:14px 16px}.modal-content form{padding:10px 16px 16px}.modal-actions{padding:10px 16px 18px}}.image-upload-container{display:flex;flex-direction:column;gap:12px}.file-input,.file-input-hidden{display:none}.image-upload-box{width:140px;height:140px;border:2px dashed var(--latte);border-radius:12px;overflow:hidden;position:relative;background:var(--cream);transition:all .2s ease}.image-upload-box:hover{border-color:var(--caramel)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;cursor:pointer;color:var(--coffee-light);font-size:13px;font-weight:500;transition:all .2s ease}.upload-placeholder:hover{color:var(--coffee-dark);background:#fff}.upload-placeholder svg{color:var(--caramel)}.image-preview-box{width:100%;height:100%;position:relative}.image-preview-box img{width:100%;height:100%;object-fit:cover}.change-image-btn{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#000000b3;color:#fff;border:none;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.change-image-btn:hover{background:#000000d9}.remove-image-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image-btn:hover{background:var(--danger)}.upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border:2px dashed var(--latte);border-radius:10px;cursor:pointer;color:var(--coffee-light);font-size:14px;font-weight:500;transition:all .2s ease;background:var(--cream)}.upload-label:hover{border-color:var(--caramel);color:var(--coffee-dark);background:#fff}.upload-label svg{color:var(--caramel)}.image-preview{position:relative;width:100px;height:100px;border-radius:10px;overflow:hidden;border:2px solid var(--latte)}.image-preview img{width:100%;height:100%;object-fit:cover}.percentage-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border:1px solid #a5d6a7}.role-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.role-admin{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border:1px solid #ffcc80}.role-cashier{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #90caf9}.role-barista{background:linear-gradient(135deg,#efebe9,#d7ccc8);color:var(--coffee-dark);border:1px solid var(--caramel)}.username-text{font-size:12px;color:var(--coffee-light)}.user-name-cell{display:flex;flex-direction:column;gap:2px}.user-name-cell .item-name-text{font-size:14px}.modal-small{max-width:400px}.delete-modal-body{text-align:center;padding:20px 0}.delete-icon{margin-bottom:15px}.delete-message{font-size:15px;color:var(--coffee-dark);margin-bottom:8px}.delete-message strong{color:var(--coffee-medium)}.delete-warning{font-size:13px;color:var(--coffee-light);margin:0}.btn-danger{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:linear-gradient(135deg,#c62828,#b71c1c);transform:translateY(-1px);box-shadow:0 4px 12px #c628284d}.customization-groups-container{display:flex;flex-direction:column;gap:16px}.customization-group-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid var(--latte)}.group-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(135deg,var(--foam),var(--cream));cursor:pointer;transition:background .2s ease}.group-header:hover{background:linear-gradient(135deg,var(--cream),var(--latte))}.group-header-left{display:flex;align-items:center;gap:12px}.expand-icon{color:var(--coffee-medium);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(90deg)}.group-info{display:flex;flex-direction:column;gap:6px}.group-name{font-size:16px;font-weight:600;color:var(--coffee-dark);margin:0}.group-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-tag{font-size:11px;padding:3px 8px;border-radius:20px;background:var(--latte);color:var(--coffee-medium)}.meta-tag.required{background:var(--warning);color:#fff}.meta-tag.options-count{background:var(--coffee-light);color:#fff}.group-header-right{display:flex;align-items:center;gap:10px}.status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.active,.status-badge.available{background:#e8f5e9;color:#2e7d32}.status-badge.inactive,.status-badge.unavailable{background:#ffebee;color:#c62828}.status-badge.small{padding:3px 8px;font-size:11px}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--coffee-medium);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--latte);color:var(--coffee-dark)}.btn-icon.delete:hover{background:#ffebee;color:#c62828}.btn-icon.small{width:28px;height:28px}.group-options-section{padding:20px;background:#fff;border-top:1px solid var(--latte)}.options-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.options-header h4{font-size:14px;font-weight:600;color:var(--coffee-dark);margin:0}.btn-add-option{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--coffee-medium);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-option:hover{background:var(--coffee-dark)}.no-options{text-align:center;padding:30px;color:var(--coffee-light);font-size:14px}.options-table{display:flex;flex-direction:column;gap:2px;border-radius:8px;overflow:hidden;border:1px solid var(--latte)}.options-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 80px 100px 80px;gap:12px;padding:12px 16px;background:var(--cream);font-size:12px;font-weight:600;color:var(--coffee-medium);text-transform:uppercase}.options-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px 100px 80px;gap:12px;padding:12px 16px;background:#fff;align-items:center;border-bottom:1px solid var(--latte)}.options-table-row:last-child{border-bottom:none}.option-name{font-size:14px;font-weight:500;color:var(--coffee-dark)}.option-price,.option-per-unit,.option-max-qty{font-size:13px;color:var(--coffee-medium)}.option-actions{display:flex;gap:6px}.delete-modal{max-width:420px}.delete-warning-icon{display:flex;justify-content:center;margin-bottom:15px;color:var(--danger)}.modal-body{text-align:center;padding:20px 0}.delete-modal .delete-message{font-size:15px;color:var(--coffee-dark);margin-bottom:10px}.delete-modal .delete-warning{font-size:13px;color:var(--coffee-light);margin:0}.btn-delete-confirm{background:linear-gradient(135deg,#ef5350,#c62828);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-delete-confirm:hover{background:linear-gradient(135deg,#c62828,#b71c1c)}.form-hint{display:block;font-size:11px;color:var(--coffee-light);margin-top:5px}.checkbox-group{margin-top:10px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--coffee-medium)}.checkbox-label span{font-weight:500;color:var(--coffee-dark)}.form-hint-inline{font-size:12px;color:var(--coffee-light);margin-left:5px}.loading-state{text-align:center;padding:60px;color:var(--coffee-light);font-size:16px}.empty-state{text-align:center;padding:60px;color:var(--coffee-light)}.empty-state svg{margin-bottom:15px;opacity:.5}.empty-state p{font-size:16px;margin:0}.customization-form-section{background:var(--cream);border-radius:10px;padding:16px;margin-top:10px;border:1px solid var(--latte)}.customization-form-section .checkbox-group{margin-top:0}.customization-groups-selection{margin-top:16px;padding-top:16px;border-top:1px solid var(--latte)}.customization-groups-selection .form-label{margin-bottom:4px}.customization-groups-selection .form-hint{margin-bottom:12px}.groups-checkbox-list{display:flex;flex-wrap:wrap;gap:10px}.group-checkbox-item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--latte);padding:10px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:0 0 calc(50% - 5px)}.group-checkbox-item:hover{border-color:var(--coffee-medium);background:var(--foam)}.group-checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--coffee-medium)}.group-checkbox-item input[type=checkbox]:checked+.group-checkbox-label strong{color:var(--coffee-dark)}.group-checkbox-label{display:flex;flex-direction:column;gap:2px}.group-checkbox-label strong{font-size:13px;font-weight:600;color:var(--coffee-medium)}.group-checkbox-label small{font-size:11px;color:var(--coffee-light)}.no-groups-hint{font-size:13px;color:var(--coffee-light);font-style:italic;padding:10px 0}.settings-container{padding:16px;max-width:100%}.settings-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000f;margin-bottom:16px;overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,var(--coffee-dark) 0%,var(--espresso) 100%);color:#fff}.settings-card-header h2{font-family:Poppins,sans-serif;font-size:15px;font-weight:600;margin:0}.settings-card-header .icon{font-size:20px}.settings-card-body{padding:16px}.settings-form-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}.settings-form-grid.single{grid-template-columns:1fr}.settings-form-group{margin-bottom:14px}.settings-form-group label{display:block;font-size:12px;font-weight:600;color:var(--coffee-medium);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.settings-form-group input,.settings-form-group select{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:var(--coffee-dark);transition:all .3s ease;background:#fff;box-sizing:border-box}.settings-form-group input:focus,.settings-form-group select:focus{border-color:var(--espresso);outline:none;box-shadow:0 0 0 3px #8b5a2b1a}.settings-form-group input[readonly]{background:#f8f8f8;color:#666;cursor:not-allowed}.settings-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.settings-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;width:auto}.settings-btn-primary{background:linear-gradient(135deg,var(--espresso) 0%,var(--coffee-dark) 100%);color:#fff}.settings-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5a2b4d}.settings-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.settings-btn-secondary{background:var(--cream);color:var(--coffee-dark)}.settings-btn-secondary:hover{background:var(--latte)}.settings-status{margin-top:16px;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.settings-status.success{background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.settings-status.error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.settings-status .icon{font-size:18px}.settings-divider{height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:24px 0}.settings-info-box{background:#fff8e1;border:1px solid #ffe082;border-radius:10px;padding:16px;margin-bottom:20px}.settings-info-box h4{font-size:14px;font-weight:600;color:#f57c00;margin-bottom:8px;display:flex;align-items:center;gap:8px}.settings-info-box p{font-size:13px;color:#666;margin:4px 0;line-height:1.5}.settings-info-box ul{margin:8px 0;padding-left:20px}.settings-info-box li{font-size:13px;color:#666;margin:4px 0}.password-change-row{display:flex;flex-direction:column;gap:10px}.password-change-row input{flex:1;width:100%}.settings-panel-overlay{position:fixed;inset:0;background:#0006;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-side-panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:100%;background:#fff;box-shadow:-10px 0 40px #00000026;z-index:1001;padding:24px;animation:slideIn .3s ease;overflow-y:auto;box-sizing:border-box}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-side-panel h2{font-family:Poppins,sans-serif;font-size:20px;color:var(--coffee-dark);margin-bottom:8px}.settings-side-panel .subtitle{color:#888;font-size:13px;margin-bottom:24px}.settings-side-panel .settings-form-group{margin-bottom:16px}.settings-panel-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.settings-panel-actions .settings-btn{flex:1}@media(min-width:375px){.settings-container{padding:20px}.settings-card-header{padding:16px 18px}.settings-card-header h2{font-size:16px}.settings-card-body{padding:18px}}@media(min-width:414px){.settings-actions{flex-direction:row;flex-wrap:wrap}.settings-btn{width:auto;flex:0 0 auto}.password-change-row{flex-direction:row;align-items:flex-end}.settings-panel-actions{flex-direction:row}}@media(min-width:768px){.settings-container{padding:24px 30px;max-width:800px}.settings-card{border-radius:16px;margin-bottom:20px}.settings-card-header{padding:18px 22px}.settings-card-header h2{font-size:17px}.settings-card-header .icon{font-size:22px}.settings-card-body{padding:22px}.settings-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.settings-form-group label{font-size:13px;margin-bottom:8px}.settings-form-group input,.settings-form-group select{padding:12px 16px;border-radius:10px}.settings-side-panel{width:420px;padding:40px}.settings-side-panel h2{font-size:24px}.settings-side-panel .subtitle{font-size:14px;margin-bottom:30px}}@media(min-width:1024px){.settings-container{padding:30px 40px;max-width:900px}.settings-card-header{padding:20px 24px}.settings-card-header h2{font-size:18px}.settings-card-header .icon{font-size:24px}.settings-card-body{padding:24px}}@media(min-width:1280px){.settings-container{max-width:1000px}}.cash-management-page{padding:24px;max-width:1200px;margin:0 auto}.page-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.realtime-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.realtime-status-badge .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.realtime-status-badge.online{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}.realtime-status-badge.online .status-dot{background:#2e7d32}.realtime-status-badge.offline{background:#ffebee;color:#b71c1c;border-color:#ffcdd2}.realtime-status-badge.offline .status-dot{background:#b71c1c}.page-title{font-size:24px;font-weight:700;color:#1a1a2e;margin:0}.page-subtitle{font-size:14px;color:#888;margin:4px 0 0}.btn-refresh{padding:8px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:all .2s}.btn-refresh:hover{background:#f5f5f5;border-color:#bbb}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;background:#f8f9fa;border-radius:10px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:6px}.filter-group label{font-size:13px;font-weight:600;color:#555}.filter-group input[type=date]{padding:8px 12px;min-height:42px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none}.filter-group .filter-select-cashier{min-width:170px;min-height:42px;box-sizing:border-box;padding:8px 28px 8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;outline:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.filter-group .filter-select-cashier:focus{border-color:#8d6e63;box-shadow:0 0 0 2px #8d6e631f}.btn-clear-filter{padding:10px 16px;min-height:42px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#888;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px}.shifts-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.shifts-table{width:100%;border-collapse:collapse}.shifts-table thead{background:#f8f9fa}.shifts-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee}.shifts-table td{padding:14px 16px;font-size:14px;color:#333;border-bottom:1px solid #f0f0f0}.shifts-table tbody tr:hover{background:#fafafa}.shifts-table th:last-child,.shifts-table td:last-child{text-align:center}.cashier-cell{display:flex;align-items:center;gap:10px}.cashier-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#8d6e63,#5d4037);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.cashier-name{font-weight:600;color:#333}.cashier-username{font-size:12px;color:#999}.duration-badge{display:inline-block;padding:3px 10px;border-radius:20px;background:#e3f2fd;color:#1565c0;font-size:12px;font-weight:600}.sales-amount{font-weight:700;color:#2e7d32}.diff-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.diff-exact{background:#e8f5e9;color:#2e7d32}.diff-overage{background:#fff3e0;color:#e65100}.diff-shortage{background:#ffebee;color:#c62828}.diff-na{background:#f5f5f5;color:#999}.btn-force-close{padding:6px 12px;background:#fff;color:#c62828;border:1px solid #e57373;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-force-close:hover{background:#ffebee}.btn-view-details{padding:6px 12px;background:#f5f5f5;color:#555;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-view-details:hover{background:#eee}.cash-management-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.cash-management-page .modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.cash-management-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #eee}.cash-management-page .modal-header h3{margin:0;font-size:18px;font-weight:700}.cash-management-page .modal-close{width:32px;height:32px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.cash-management-page .modal-body{padding:20px}.cash-management-page .modal-footer{padding:16px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.cash-management-page .form-group{margin-bottom:16px}.cash-management-page .form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:#333}.cash-management-page .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:none;outline:none;box-sizing:border-box}.cash-management-page .btn-cancel{padding:8px 18px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:14px}.cash-management-page .btn-danger{padding:8px 18px;border:none;border-radius:8px;background:#c62828;color:#fff;cursor:pointer;font-size:14px;font-weight:600}.detail-grid{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{font-size:14px;color:#888}.detail-value{font-size:14px;color:#333;font-weight:500}.detail-grid hr{border:none;border-top:1px solid #eee;margin:4px 0}.loading-state{text-align:center;padding:60px;color:#888;font-size:16px}.empty-state{text-align:center;padding:60px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state h3{margin:0 0 8px;color:#555}.empty-state p{margin:0;color:#999;font-size:14px}@media(max-width:640px){.filter-bar{padding:10px 12px}.filter-group{width:100%;justify-content:space-between}.filter-group input[type=date],.filter-group .filter-select-cashier{width:100%;min-width:0}.filter-bar .btn-apply-filter,.btn-clear-filter{width:100%}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:16px;background:linear-gradient(135deg,#f5f0e8,#e8ddd0);box-sizing:border-box}.login-container{background:#fff;border-radius:12px;padding:28px 20px;box-shadow:0 8px 30px #3d281726,0 4px 15px #3d28171a;width:100%;max-width:100%;text-align:center;box-sizing:border-box}.logo-container{margin-bottom:16px}.logo-container img{height:90px;width:auto;object-fit:contain;margin-bottom:8px}.login-container h1{font-size:20px;font-weight:600;color:#000;margin:0 0 6px}.subtitle{color:#666;font-size:13px;margin:0 0 18px}.login-form{width:100%}.input-group{margin-bottom:14px;text-align:left}input[type=text],input[type=password]{width:100%;padding:14px;border:1px solid #ddd;border-radius:6px;font-size:16px;line-height:1.4;transition:border-color .3s,box-shadow .3s;background:#fff;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#4a3728;box-shadow:0 0 0 3px #4a37281a}input::placeholder{color:#999;opacity:1}.login-button{display:flex;justify-content:center;align-items:center;width:100%;padding:14px 16px;min-height:48px;background-color:#3d2817;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s;text-transform:uppercase;letter-spacing:.5px;margin-top:8px;text-align:center;text-decoration:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.login-button:hover{background-color:#2d1f11}.login-button:active{transform:translateY(1px);background-color:#251a0d}.login-button:disabled{background-color:#6b5a4d;cursor:not-allowed;transform:none}.error-message{background:#fef2f2;color:#dc2626;padding:12px 14px;border-radius:6px;margin-bottom:14px;font-size:13px;line-height:1.4;text-align:left;border:1px solid #fecaca}@media(min-width:375px){.login-page{padding:20px}.login-container{padding:32px 28px}.logo-container{margin-bottom:20px}.logo-container img{height:100px;margin-bottom:10px}.login-container h1{font-size:22px;margin-bottom:8px}.subtitle{font-size:14px;margin-bottom:20px}.input-group{margin-bottom:16px}}@media(min-width:414px){.login-container{padding:36px 32px;max-width:400px}.logo-container img{height:110px}.input-group{margin-bottom:18px}input[type=text],input[type=password]{padding:15px 16px}}@media(min-width:768px){.login-page{padding:40px}.login-container{padding:44px 48px;max-width:420px;border-radius:16px}.logo-container{margin-bottom:28px}.logo-container img{height:125px;margin-bottom:14px}.login-container h1{font-size:24px;margin-bottom:10px}.subtitle{margin-bottom:24px}.input-group{margin-bottom:20px}input[type=text],input[type=password]{padding:14px 16px;font-size:15px}.login-button{padding:15px 20px;font-size:15px;margin-top:10px}.error-message{font-size:14px;padding:14px 16px}}@media(min-width:1024px){.login-container{padding:50px 56px;max-width:440px}.logo-container{margin-bottom:32px}.logo-container img{height:135px;margin-bottom:16px}.login-container h1{font-size:26px}.login-button{padding:16px 24px;transition:background-color .3s,transform .1s,box-shadow .3s}.login-button:hover{box-shadow:0 4px 12px #3d281740}}@media(min-width:1280px){.login-container{padding:50px 60px;max-width:450px}.logo-container img{height:140px}.login-container h1{font-size:28px}.subtitle{font-size:15px}}@media(min-width:1440px){.login-container{max-width:460px;padding:55px 65px}.logo-container img{height:145px}}@media(max-height:500px)and (orientation:landscape){.login-page{padding:12px 20px;align-items:flex-start;overflow-y:auto}.login-container{padding:20px 28px;margin:auto 0}.logo-container{margin-bottom:12px}.logo-container img{height:60px;margin-bottom:8px}.login-container h1{font-size:18px;margin-bottom:4px}.subtitle{margin-bottom:12px}.input-group{margin-bottom:10px}input[type=text],input[type=password]{padding:10px 12px}.login-button{min-height:44px;padding:10px 16px;margin-top:6px}}@media(prefers-reduced-motion:reduce){.login-button,input[type=text],input[type=password]{transition:none}.login-button:active{transform:none}}@media(prefers-contrast:high){.login-container,input[type=text],input[type=password],.login-button{border:2px solid #000}}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--sidebar-bg: linear-gradient(180deg, #2c2c2c 0%, #1a1a1a 100%);--sidebar-text: #e0e0e0;--sidebar-text-muted: #888;--sidebar-hover: rgba(255,255,255,.08);--sidebar-active: #a1887f;--sidebar-active-bg: rgba(161, 136, 127, .15)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{display:block;opacity:1}.sidebar-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;width:45px;height:45px;border:none;border-radius:10px;background:#2c2c2c;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 2px 10px #0003;transition:all .3s ease}.sidebar-toggle:hover{background:#3c3c3c;transform:scale(1.05)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;height:100dvh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:999;transition:width .3s ease,transform .3s ease;overflow:hidden}.sidebar-header{padding:20px;border-bottom:1px solid rgba(62,39,35,.2);flex-shrink:0;background:#c3a585;box-shadow:inset 0 -1px #ffffff73;min-height:80px;min-width:0;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:12px;min-width:0;width:100%}.logo-img{width:55px;height:55px;border-radius:8px;object-fit:contain;filter:drop-shadow(0 1px 4px rgba(0,0,0,.18));background:#efe6d8;padding:4px;flex-shrink:0;transition:width .3s ease,height .3s ease}.logo-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.logo-text{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-width:0;flex:1 1 auto;transition:opacity .2s ease,width .3s ease}.logo-text h1{font-family:Poppins,sans-serif;font-size:clamp(13px,2.8vw,20px);font-weight:700;color:#3e2723;letter-spacing:clamp(.5px,.2vw,2px);margin:0;text-align:center;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.logo-text p{font-size:clamp(9px,1.8vw,10px);color:#6f6258;letter-spacing:.5px;margin:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:15px 10px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.nav-item-wrapper{margin-bottom:4px;position:relative}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 15px;border:none;border-radius:10px;background:transparent;color:var(--sidebar-text);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:left;overflow:hidden}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.nav-item.dropdown-toggle.has-active-child{color:var(--sidebar-text-muted)}.nav-item.dropdown-toggle.has-active-child .nav-icon{opacity:.6}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.nav-icon svg{width:20px;height:20px}.nav-label{flex:1;white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.nav-arrow{display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .2s ease;opacity:.7;flex-shrink:0}.nav-arrow.open{transform:rotate(90deg)}.nav-arrow svg{width:16px;height:16px}.dropdown-menu{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding-left:20px}.dropdown-menu.open{max-height:200px;padding-top:5px;padding-bottom:5px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 15px;margin:2px 0;border-radius:8px;color:var(--sidebar-text-muted);font-size:13px;text-decoration:none;transition:all .2s ease;white-space:nowrap;overflow:hidden}.dropdown-item:hover{background:var(--sidebar-hover);color:#fff}.dropdown-item.active{color:var(--sidebar-active);background:var(--sidebar-active-bg)}.dropdown-icon{font-size:14px;width:20px;text-align:center}.sidebar-footer{padding:15px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.user-profile{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0d;border-radius:10px;margin-bottom:10px;overflow:hidden}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#a1887f,#8d6e63);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-info{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;transition:opacity .2s ease}.user-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--sidebar-text-muted)}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid rgba(239,83,80,.3);border-radius:10px;background:#ef53501a;color:#ff8a80;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;overflow:hidden;white-space:nowrap}.logout-btn:hover{background:#ef5350;color:#fff;border-color:#ef5350}.sidebar-collapse-btn{display:none;align-items:center;justify-content:center;width:100%;padding:10px;border:none;background:#ffffff08;color:var(--sidebar-text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-collapse-btn:hover{background:#ffffff14;color:#fff}.sidebar-collapse-btn svg{width:18px;height:18px;transition:transform .3s ease}@media(min-width:1025px){.sidebar-toggle{display:none}.sidebar-overlay{display:none!important}.sidebar{transform:translate(0)!important;position:relative}.sidebar-collapse-btn{display:flex}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .logo-img{width:36px;height:36px;padding:2px}.sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden}.sidebar.collapsed .sidebar-header{padding:12px 0;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .logo{width:100%;justify-content:center;gap:0}.sidebar.collapsed .logo-img{margin:0 auto}.sidebar.collapsed .sidebar-nav{padding:15px 8px}.sidebar.collapsed .nav-item{justify-content:center;padding:12px;gap:0}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-arrow,.sidebar.collapsed .dropdown-menu{display:none}.sidebar.collapsed .sidebar-footer{padding:10px 8px}.sidebar.collapsed .user-profile{justify-content:center;padding:8px;gap:0}.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .user-avatar{width:36px;height:36px;font-size:14px}.sidebar.collapsed .logout-btn{padding:10px;gap:0}.sidebar.collapsed .logout-btn span:last-child{display:none}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed .nav-item-wrapper{position:relative}.sidebar.collapsed .nav-item-wrapper:after{content:attr(data-tooltip);position:absolute;left:calc(var(--sidebar-collapsed-width) - 8px);top:50%;transform:translateY(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:1001;box-shadow:0 2px 8px #0000004d}.sidebar.collapsed .nav-item-wrapper:hover:after{opacity:1}}@media(max-width:1024px){.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-collapse-btn{display:none!important}.sidebar{position:fixed;transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0);box-shadow:4px 0 25px #0000004d}.sidebar.collapsed{transform:translate(-100%);width:var(--sidebar-width)}.dropdown-menu.open{max-height:250px}.dropdown-item{padding:12px 15px;font-size:14px}.nav-item{padding:14px 15px}.sidebar,.sidebar-overlay{will-change:transform,opacity}}@media(max-width:768px){.sidebar{width:280px}.sidebar-header{padding:18px}.logo-icon{font-size:28px}.logo-text h1{font-size:18px}.nav-item{padding:13px 14px;font-size:13px;gap:10px}.nav-icon svg{width:18px;height:18px}.dropdown-item{padding:11px 14px;font-size:13px}.user-avatar{width:36px;height:36px;font-size:14px}.user-name{font-size:13px}.user-role{font-size:10px}.logout-btn{padding:10px;font-size:13px}}@media(max-width:480px){.sidebar{width:100%;max-width:320px}.sidebar-toggle{top:10px;left:10px;width:40px;height:40px}.sidebar-toggle svg{width:20px;height:20px}.sidebar-header{padding:15px}.logo{gap:10px}.logo-icon{font-size:26px}.logo-text h1{font-size:16px;letter-spacing:1.5px}.logo-text p{font-size:9px}.sidebar-nav{padding:12px 8px}.nav-item-wrapper{margin-bottom:3px}.nav-item{padding:12px;font-size:13px;border-radius:8px;gap:10px}.nav-icon{width:22px}.nav-icon svg{width:18px;height:18px}.nav-arrow svg{width:14px;height:14px}.dropdown-menu{padding-left:15px}.dropdown-menu.open{max-height:220px}.dropdown-item{padding:11px 12px;font-size:12px;border-radius:6px;margin:2px 0}.sidebar-footer{padding:12px}.user-profile{padding:10px;gap:10px}.user-avatar{width:34px;height:34px;font-size:13px}.user-name{font-size:12px}.user-role{font-size:9px}.logout-btn{padding:10px;font-size:12px;border-radius:8px;gap:6px}.logout-btn svg{width:16px;height:16px}}@media(max-width:374px){.sidebar{max-width:280px}.sidebar-toggle{width:36px;height:36px;top:8px;left:8px;border-radius:8px}.sidebar-toggle svg{width:18px;height:18px}.logo-icon{font-size:22px}.logo-text h1{font-size:14px}.nav-item{padding:10px;font-size:12px}.dropdown-item{padding:10px;font-size:11px}}.logout-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logout-modal{background:#fff;border-radius:16px;padding:32px;width:380px;max-width:90%;text-align:center;box-shadow:0 20px 50px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-modal-icon{font-size:48px;margin-bottom:16px}.logout-modal h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#3e2723;font-family:Poppins,sans-serif}.logout-modal p{margin:0 0 24px;font-size:15px;color:#5d4037;line-height:1.5}.logout-modal-actions{display:flex;gap:12px}.logout-modal-actions button{flex:1;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid transparent}.btn-cancel{background:#f5f0e8;color:#5d4037;border-color:#d7ccc8}.btn-cancel:hover{background:#d7ccc8;border-color:#a1887f}.btn-confirm-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-confirm-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}*{box-sizing:border-box}html{margin:0;padding:0;overflow-x:hidden;overflow-y:auto;width:100%}body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}:root{--sidebar-width: 260px;--header-height: 60px;--coffee-dark: #3e2723;--coffee-medium: #5d4037;--coffee-light: #8d6e63;--cream: #f5f0e8;--foam: #fafafa;--caramel: #a1887f;--latte: #d7ccc8;--espresso: #2c1810;--danger: #ef5350}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cream)}.app-layout{display:flex;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow:hidden}.app-layout.fullscreen .main-content-wrapper{display:none}@media(max-width:1024px)and (min-width:769px){html[data-mobile-sidebar=open] .app-layout.fullscreen .pos-container{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100vw - var(--sidebar-width));box-sizing:border-box}}@media(max-width:768px){html[data-mobile-sidebar=open] .app-layout.fullscreen .pos-container{margin-left:280px;width:calc(100% - 280px);max-width:calc(100vw - 280px);box-sizing:border-box}}.main-content-wrapper{flex:1;min-height:100vh;min-height:100dvh;background:var(--cream);transition:all .3s ease;min-width:0;overflow-x:hidden;overflow-y:auto;padding-top:60px}.main-content{padding:16px;max-width:100%;margin:0 auto;width:100%}.page-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-title{font-family:Poppins,sans-serif;font-size:22px;color:var(--coffee-dark);margin:0}.subtitle{color:var(--coffee-light);font-size:13px;margin:4px 0 0}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d}.btn-primary{background:#6b4423eb;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a1887f66;background:#8b5a2b!important}.btn-add{background:#6b4423eb;color:#fff;border:none;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-height:44px;width:100%}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a1887f66;background:#8b5a2b!important}.search-input{padding:12px 16px 12px 46px!important;border:2px solid var(--latte);border-radius:10px;font-size:14px;width:100%;max-width:300px;transition:all .2s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f1a}.search-input::placeholder{color:var(--coffee-light)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--coffee-dark);font-size:14px}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid var(--latte);border-radius:10px;font-size:14px;transition:all .2s ease;height:48px;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:var(--caramel);box-shadow:0 0 0 3px #a1887f1a}.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.data-table th{background:var(--cream);padding:15px;text-align:left;font-weight:600;color:var(--coffee-dark);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:15px;border-bottom:1px solid var(--latte);color:var(--coffee-medium);font-size:14px}.data-table tr:hover td{background:#a1887f0d}.status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}.status-available{background:#e8f5e9;color:#2e7d32}.status-unavailable{background:#fff3e0;color:#e65100}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content h3{font-family:Poppins,sans-serif;color:var(--coffee-dark);margin:0 0 20px;font-size:24px}.modal-actions{display:flex;gap:10px;margin-top:25px}.btn-confirm{flex:1;padding:12px;background:#6b4423eb;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a1887f66;background:#8b5a2b!important}.btn-cancel{flex:1;padding:12px;background:var(--latte);color:var(--coffee-dark);border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#c4b8b0}@media(min-width:375px){.main-content{padding:20px}.page-title{font-size:24px}.card{padding:20px}}@media(min-width:414px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}.btn-add{width:auto}}@media(min-width:768px){.main-content-wrapper{padding-top:0}.main-content{padding:25px}.page-header{margin-bottom:25px;gap:15px}.page-title{font-size:26px}.subtitle{font-size:14px}.card{border-radius:14px;padding:22px}}@media(min-width:1024px){.main-content-wrapper{padding-top:0}.main-content{padding:30px;max-width:1400px}.page-title{font-size:28px}.card{border-radius:16px;padding:25px;box-shadow:0 4px 15px #0000000d}}@media(min-width:1280px){.main-content{padding:35px 40px}.page-title{font-size:30px}}@media(min-width:1440px){.main-content{padding:40px 50px}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding:16px 0}.pagination-info{margin-right:10px;color:#666;font-size:14px}.pagination-btn{min-width:36px;height:36px;padding:0 10px;border:1px solid #dee2e6;background:#fff;color:var(--coffee-dark);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled):not(.active){background:var(--coffee-light);color:#fff;border-color:var(--coffee-light)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.pagination-btn.active{background:var(--coffee-dark);color:#fff;border-color:var(--coffee-dark)}.pagination-ellipsis{padding:8px 4px;color:#666}.modal-content,.modal,.confirm-modal,.beeper-modal,.void-selection-modal,.library-modal,.void-modal,.session-modal,.warning-modal{padding:0!important;border-radius:16px!important;max-height:80vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.modal-content>form,.modal>.modal-body,.modal-content>.modal-body,.modal-content>.delete-modal-body{overflow-y:auto!important;flex:1!important;min-height:0!important}.modal-content.no-scroll{overflow:hidden!important;display:flex!important;flex-direction:column!important}.modal-content,.modal{scrollbar-width:thin;scrollbar-color:#c4a882 transparent}.modal-content::-webkit-scrollbar,.modal::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:#c4a882;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover{background:#a68b6b}.modal-header{background-color:#6b4423!important;border-bottom:1px solid #5a3a1e!important;color:#fff!important;margin:0!important;border-radius:16px 16px 0 0!important;width:100%!important;box-sizing:border-box!important;padding:16px 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;position:sticky!important;top:0!important;z-index:10!important}.modal-title,.modal-header h2,.modal-header h3{color:#fff!important;margin:0!important;line-height:1.3!important;font-size:18px!important;font-weight:600!important}.modal-close{color:#fff!important;background:#ffffff26!important;border:none!important;width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;transition:background .2s ease!important;padding:0!important;flex-shrink:0!important}.modal-close:hover{background:#ffffff4d!important;color:#fff!important}