@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-dark:#090a0f;--bg-card:#141621b3;--bg-card-hover:#1c1f30e6;--border-glow:#ff572226;--accent-orange:#ff5722;--accent-orange-glow:#ff572266;--accent-cyan:#00bcd4;--accent-cyan-glow:#00bcd466;--accent-purple:#9c27b0;--accent-purple-glow:#9c27b066;--text-primary:#f5f6f9;--text-secondary:#9ea4b0;--text-muted:#646a78;--success:#4caf50;--danger:#f44336;--warning:#ffeb3b;--font-display:"Space Grotesk", sans-serif;--font-body:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--glass-shadow:0 8px 32px 0 #0000005e;--glass-border:1px solid #ffffff0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#ff57220d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00bcd40d 0%,#0000 40%);background-attachment:fixed;min-height:100vh}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-orange)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:#ff572240;box-shadow:0 8px 32px #ff57220d}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#090a0fcc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:12px;display:flex}.logo-img{object-fit:cover;border:2px solid var(--accent-orange);width:48px;height:48px;box-shadow:0 0 10px var(--accent-orange-glow);border-radius:50%}.logo-text{font-family:var(--font-display);letter-spacing:1px;background:linear-gradient(to right, var(--text-primary), var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.logo-sub{text-transform:uppercase;color:var(--accent-cyan);letter-spacing:2px;font-size:.75rem;font-weight:600}.nav-tabs{border:var(--glass-border);background:#ffffff0d;border-radius:12px;gap:8px;padding:4px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.nav-tab:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab.active{color:var(--text-primary);background:var(--accent-orange);box-shadow:0 0 12px var(--accent-orange-glow)}.main-content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem}.billing-grid{grid-template-columns:2fr 1fr;gap:2rem;display:grid}@media (width<=1024px){.billing-grid{grid-template-columns:1fr}}.menu-section{flex-direction:column;gap:1.5rem;display:flex}.menu-section-vertical{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;display:grid}.vertical-category-sidebar{flex-direction:column;gap:8px;display:flex;position:sticky;top:100px}.vertical-category-tab{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-left:4px solid #0000;border-radius:8px;padding:12px 16px;font-size:.95rem;font-weight:600}.vertical-category-tab:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a #ffffff1a #ffffff1a #ffffff4d}.items-grid-area{flex-direction:column;gap:1.5rem;display:flex}@media (width<=1024px){.menu-section-vertical{grid-template-columns:1fr}.vertical-category-sidebar{flex-direction:row;padding-bottom:8px;position:static;overflow-x:auto}.vertical-category-tab{white-space:nowrap;border-bottom:4px solid #0000;border-left:1px solid #ffffff0d;width:auto}}.items-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.item-card{cursor:pointer;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:140px;padding:1.25rem;display:flex;position:relative;overflow:hidden}.item-card:before{content:"";background:var(--item-color,var(--accent-orange));width:100%;height:4px;position:absolute;top:0;left:0}.item-card:hover{border-color:var(--item-color,var(--accent-orange));box-shadow:0 8px 24px #0003, 0 0 10px rgba(var(--item-color-rgb,255, 87, 34), .1);transform:translateY(-4px)}.item-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem;font-weight:600;line-height:1.4}.item-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.item-price{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:700}.item-unit{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.add-icon-btn{width:28px;height:28px;color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.item-card:hover .add-icon-btn{background:var(--item-color,var(--accent-orange));color:#fff;box-shadow:0 0 8px var(--item-color,var(--accent-orange))}.custom-item-card{text-align:center;transition:var(--transition-smooth);background:#ff572208;border:1px dashed #fff3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:1.5rem;display:flex}.custom-item-card:hover{border-color:var(--accent-orange);background:#ff57220f}.custom-item-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{width:90%;max-width:420px;padding:2rem;position:relative}.form-group{flex-direction:column;gap:6px;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input,.form-group select{color:var(--text-primary);transition:var(--transition-smooth);background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:var(--accent-orange);box-shadow:0 0 8px var(--accent-orange-glow);outline:none}.modal-actions{gap:12px;margin-top:1.5rem;display:flex}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;flex:1;padding:10px 16px;font-weight:600}.btn-primary{background:var(--accent-orange);color:#fff}.btn-primary:hover{box-shadow:0 0 10px var(--accent-orange-glow);background:#e64a19}.btn-secondary{color:var(--text-primary);background:#ffffff1a}.btn-secondary:hover{background:#ffffff26}.cart-panel{flex-direction:column;height:calc(100vh - 120px);padding:1.5rem;display:flex;position:sticky;top:100px}.cart-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.cart-title{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.cart-items{flex-direction:column;flex:1;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.cart-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.cart-item-details{flex:1}.cart-item-name{font-size:.95rem;font-weight:500}.cart-item-price-qty{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.cart-item-actions{align-items:center;gap:10px;display:flex}.qty-btn{width:24px;height:24px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff1a;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background:#fff3}.qty-val{text-align:center;min-width:16px;font-weight:600}.cart-item-total{font-weight:600;font-family:var(--font-display);text-align:right;min-width:60px}.delete-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:4px}.delete-btn:hover{color:var(--danger)}.customer-details-section{border-top:1px solid #ffffff14;margin-top:1rem;padding:1rem 0}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;display:flex}.checkbox-label input{accent-color:var(--accent-orange);width:16px;height:16px}.customer-fields{grid-template-columns:1fr 1fr;gap:10px;animation:.2s ease-out slideDown;display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.customer-fields input{color:var(--text-primary);background:#00000026;border:1px solid #ffffff14;border-radius:6px;padding:8px 12px;font-size:.85rem}.customer-fields input:focus{border-color:var(--accent-orange);outline:none}.payment-method-section{border-top:1px solid #ffffff14;padding:1rem 0}.section-label{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:500}.payment-methods{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.payment-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;padding:8px;font-size:.85rem;font-weight:500}.payment-btn:hover{color:var(--text-primary);background:#ffffff0d}.payment-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00bcd41a}.cart-totals{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;margin-top:auto;padding-top:1rem;display:flex}.totals-row{color:var(--text-secondary);justify-content:space-between;font-size:.95rem;display:flex}.totals-row.grand-total{color:var(--text-primary);font-size:1.35rem;font-weight:700;font-family:var(--font-display);border-top:1px dashed #ffffff1a;margin-top:4px;padding-top:8px}.checkout-btn{background:var(--accent-orange);color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:1rem;padding:12px;font-size:1rem;font-weight:700;display:flex}.checkout-btn:hover{box-shadow:0 0 15px var(--accent-orange-glow);background:#e64a19}.checkout-btn:disabled{background:var(--text-muted);color:#ffffff4d;cursor:not-allowed;box-shadow:none}.admin-dashboard{flex-direction:column;gap:2rem;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stats-grid{grid-template-columns:1fr}}.stat-card{flex-direction:column;gap:10px;padding:1.5rem;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500}.stat-icon{background:#ffffff0d;border-radius:8px;padding:8px}.stat-val{font-size:1.75rem;font-weight:700;font-family:var(--font-display)}.stat-subtext{color:var(--text-muted);font-size:.8rem}.dashboard-charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.dashboard-charts-grid{grid-template-columns:1fr}}.chart-card{flex-direction:column;gap:1.5rem;min-height:320px;padding:1.5rem;display:flex}.chart-header{justify-content:space-between;align-items:center;display:flex}.chart-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.bar-chart-container{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;height:220px;padding:10px 0;display:flex;position:relative}.bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-value-bubble{color:var(--text-secondary);opacity:0;transition:var(--transition-smooth);background:#0009;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.7rem}.bar-wrapper:hover .bar-value-bubble{opacity:1}.bar-column{background:linear-gradient(to top, var(--accent-orange-glow), var(--accent-orange));border-top-left-radius:4px;border-top-right-radius:4px;width:60%;max-width:30px;min-height:4px;transition:height .6s ease-out}.bar-label{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:100%;font-size:.75rem;overflow:hidden}.category-stats-list{flex-direction:column;gap:12px;display:flex}.category-stat-row{flex-direction:column;gap:4px;display:flex}.category-stat-info{justify-content:space-between;font-size:.85rem;display:flex}.category-stat-name{align-items:center;gap:8px;font-weight:500;display:flex}.category-dot{border-radius:50%;width:8px;height:8px}.category-stat-amt{font-weight:600;font-family:var(--font-display)}.category-bar-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.category-bar-fill{border-radius:3px;height:100%;transition:width .6s ease-out}.table-card{padding:1.5rem}.table-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.search-box{position:relative}.search-box input{color:var(--text-primary);background:#0003;border:1px solid #ffffff14;border-radius:8px;width:240px;padding:8px 12px 8px 32px;font-size:.9rem}.search-box .search-icon{color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-wrapper{overflow-x:auto}.tx-table{border-collapse:collapse;text-align:left;width:100%}.tx-table th{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:.85rem;font-weight:500}.tx-table td{border-bottom:1px solid #ffffff0a;padding:14px 16px;font-size:.9rem}.tx-table tr:hover td{background:#ffffff03}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.status-synced{color:var(--success);background:#4caf501a}.status-pending{color:var(--warning);background:#ffeb3b1a}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.sync-banner{color:#ff9800;background:#ff980026;border-bottom:1px solid #ff98004d;justify-content:space-between;align-items:center;padding:10px 2rem;font-size:.9rem;font-weight:500;display:flex}.sync-banner-btn{color:#000;cursor:pointer;transition:var(--transition-smooth);background:#ff9800;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:600}.sync-banner-btn:hover{background:#ffb74d}#thermal-receipt-container{display:none}.receipt-preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.receipt-preview-box{background:#111;border-radius:14px;flex-direction:column;gap:1.25rem;width:90%;max-width:380px;max-height:90vh;padding:1.5rem;display:flex}.receipt-scrollable{background:#fff;border-radius:6px;flex:1;padding:10px;overflow-y:auto}#thermal-receipt{color:#000;background:#fff;width:100%;padding:10px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.3}.receipt-header{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;display:flex}.receipt-logo{object-fit:cover;filter:grayscale()contrast(150%);border-radius:50%;width:60px;height:60px;margin-bottom:4px}.receipt-title{letter-spacing:.5px;font-size:15px;font-weight:700}.receipt-subtitle{font-size:10px}.receipt-divider{border-top:1px dashed #000;margin:8px 0}.receipt-info-row{justify-content:space-between;font-size:11px;display:flex}.receipt-items-table{border-collapse:collapse;width:100%;margin-top:6px}.receipt-items-table th{text-align:left;border-bottom:1px dashed #000;padding:4px 0;font-size:11px}.receipt-items-table td{padding:4px 0;font-size:11px}.receipt-items-table .text-right{text-align:right}.receipt-total-row{justify-content:space-between;padding:4px 0;font-size:12px;font-weight:700;display:flex}.receipt-total-row.grand-total{border-top:1px dashed #000;border-bottom:1px dashed #000;padding:6px 0;font-size:14px}.receipt-footer{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}.receipt-qr-code{width:120px;height:120px;margin:6px auto}.receipt-thankyou{font-size:11px;font-weight:700}@media print{body{color:#000!important;background:#fff!important}.no-print,.app-container,.receipt-preview-overlay,.modal-content,.custom-item-modal{display:none!important}#thermal-receipt-container{color:#000!important;background:#fff!important;width:76mm!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}#thermal-receipt{width:100%!important;box-shadow:none!important;border:none!important;padding:0!important}}.login-page-container{background-image:radial-gradient(circle at 10% 20%,#ff572214 0%,#0000 40%),radial-gradient(circle at 90% 80%,#00bcd414 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;padding:2.5rem;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-logo{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.login-title{font-family:var(--font-display);letter-spacing:1px;background:linear-gradient(to right, var(--text-primary), var(--accent-orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:600}.login-form{flex-direction:column;gap:1.25rem;display:flex}.error-message{color:#ff8a80;background:#f443361a;border:1px solid #f443364d;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;font-weight:500;display:flex}.console-mode-tabs{border-bottom:1px solid #ffffff14;gap:12px;margin-bottom:2rem;padding-bottom:1rem;display:flex}.console-mode-btn{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:flex}.console-mode-btn:hover{color:var(--text-primary);background:#ffffff0d}.console-mode-btn.active{border-color:var(--accent-cyan);color:#fff;background:#00bcd41f;box-shadow:0 0 12px #00bcd426}.study-tabs-row{gap:8px;margin-bottom:1.5rem;padding-bottom:8px;display:flex;overflow-x:auto}.study-tab-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:#ffffff03;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.study-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.study-tab-btn.active{color:#fff;background:#ffffff14;border-color:#fff3}.cabin-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;margin-top:1rem;display:grid}.cabin-cell{aspect-ratio:1;cursor:pointer;transition:var(--transition-smooth);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:space-between;padding:10px;display:flex;position:relative;overflow:hidden}.cabin-cell:hover{transform:translateY(-2px)}.cabin-cell-header{justify-content:space-between;align-items:center;display:flex}.cabin-number{font-family:var(--font-display);font-size:1rem;font-weight:700}.cabin-status-dot{border-radius:50%;width:8px;height:8px}.cabin-occupant{text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-top:6px;font-size:.75rem;font-weight:600;overflow:hidden}.cabin-due-days{color:var(--text-secondary);text-align:center;margin-top:auto;font-size:.65rem}.cabin-cell.vacant{background:#ffffff05;border-color:#ffffff0d}.cabin-cell.vacant .cabin-status-dot{background:#9ea4b0}.cabin-cell.vacant .cabin-number{color:var(--text-muted)}.cabin-cell.active{background:#4caf500a;border-color:#4caf5040;box-shadow:inset 0 0 8px #4caf5008}.cabin-cell.active .cabin-status-dot{background:#4caf50}.cabin-cell.active .cabin-number{color:#81c784}.cabin-cell.active:hover{border-color:#4caf50;box-shadow:0 0 10px #4caf5033}.cabin-cell.expiring{background:#ff98000a;border-color:#ff98004d;box-shadow:inset 0 0 8px #ff980008}.cabin-cell.expiring .cabin-status-dot{background:#ff9800}.cabin-cell.expiring .cabin-number{color:#ffb74d}.cabin-cell.expiring:hover{border-color:#ff9800;box-shadow:0 0 10px #ff980033}.cabin-cell.expired{background:#f443360d;border-color:#f4433659;box-shadow:inset 0 0 8px #f4433608}.cabin-cell.expired .cabin-status-dot{background:#f44336}.cabin-cell.expired .cabin-number{color:#e57373}.cabin-cell.expired:hover{border-color:#f44336;box-shadow:0 0 10px #f4433640}.study-legend{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;gap:20px;margin-top:1.5rem;padding:10px 20px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;display:flex}.legend-color{border:1px solid #0000;border-radius:3px;width:12px;height:12px}.legend-color.vacant{background:#ffffff0d;border-color:#fff3}.legend-color.active{background:#4caf5026;border-color:#4caf50}.legend-color.expiring{background:#ff980026;border-color:#ff9800}.legend-color.expired{background:#f4433626;border-color:#f44336}