:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-dark: #0f172a;--surface-dark: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--glass: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);overflow:hidden}#root{height:100vh;display:flex}.sidebar{width:260px;background:var(--surface-dark);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px}.main-content{flex:1;padding:24px;overflow-y:auto;background:radial-gradient(circle at top right,#1e1b4b,#0f172a)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.room-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.room-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 25px -5px #0000004d}.room-card.occupied{border-left:4px solid var(--danger)}.room-card.available{border-left:4px solid var(--success)}.badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.badge-success{background:#22c55e1a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.premium-button{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:.2s}.premium-button:hover{background:var(--primary-hover);box-shadow:0 0 15px #6366f166}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.app-container{display:flex;width:100%;height:100vh}.sidebar-header{margin-bottom:40px}.sidebar-title{font-size:24px;font-weight:700;color:var(--primary)}.sidebar-subtitle{font-size:12px;color:var(--text-muted)}.nav-container{flex:1}.nav-item-custom{display:flex;align-items:center;padding:12px 16px;border-radius:12px;margin-bottom:8px;cursor:pointer;transition:.2s;color:var(--text-main)}.nav-item-custom.active,.nav-item-custom:hover{background:var(--glass)}.status-container{margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-muted);margin-bottom:12px}.sync-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--glass);border:1px solid var(--border);color:var(--text-main);padding:10px;border-radius:10px;cursor:pointer;font-size:13px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.view-title{font-size:24px;font-weight:700}.dashboard-stats{display:flex;gap:16px;margin-bottom:30px}.stat-card{flex:1;background:var(--glass);padding:20px;border-radius:16px;border:1px solid var(--border)}.stat-label{font-size:12px;color:var(--text-muted);display:block}.stat-value{font-size:20px;font-weight:700;margin-top:4px}.category-filter{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.category-btn{padding:8px 16px;border-radius:10px;background:var(--glass);border:1px solid var(--border);color:var(--text-muted);font-size:14px;cursor:pointer}.category-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.product-card{background:var(--glass);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column}.product-name{font-weight:600;margin-bottom:4px}.product-price{color:var(--primary);font-weight:700;font-size:14px}.product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.qty-btn{background:var(--glass);border:1px solid var(--border);color:#fff;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cart-sidebar{width:320px;background:var(--surface-dark);border-left:1px solid var(--border);display:flex;flex-direction:column;padding:24px}.cart-items{flex:1;overflow-y:auto;margin-bottom:24px}.cart-item{display:flex;justify-content:space-between;margin-bottom:16px}.cart-footer{border-top:1px solid var(--border);padding-top:24px}.total-row{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:20px}.cart-select{width:100%;padding:12px;border-radius:8px;background:var(--bg-dark);color:#fff;border:1px solid var(--border);margin-bottom:16px}.checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.price-breakdown{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted);margin-bottom:12px}.breakdown-row{display:flex;justify-content:space-between}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface-dark);border:1px solid var(--border);border-radius:24px;width:100%;max-width:500px;padding:32px;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:700;margin:0}.close-btn{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer}.package-options{display:flex;flex-direction:column;gap:12px}.btn-glass{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-glass:hover{background:#fff3;transform:translateY(-1px)}.package-option-card{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:16px 20px;cursor:pointer;transition:.2s;text-align:left;display:flex;justify-content:space-between;align-items:center}.package-option-card:hover{background:#ffffff14;border-color:var(--primary);transform:translateY(-2px)}.pkg-info{display:flex;flex-direction:column;gap:4px}.pkg-name{font-weight:600;font-size:16px;color:#fff}.pkg-price{font-size:14px;color:var(--primary)}.checkout-modal{max-width:600px}.checkout-preview{border:1px solid var(--border)}.checkout-total-row{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border)}.total-success-text{color:var(--success);font-weight:700}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.margin-top-20{margin-top:20px}.margin-bottom-8{margin-bottom:8px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-24{margin-bottom:24px}.margin-bottom-12{margin-bottom:12px}.full-width{width:100%}.text-muted-small{font-size:13px;color:var(--text-muted)}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}.text-primary-large{color:var(--primary);font-size:20px}.font-bold{font-weight:700}.flex-1{flex:1}.flex-gap-24{display:flex;gap:24px;height:100%;overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.badge-muted{background:var(--glass);color:var(--text-muted)}.room-card-title{font-size:20px;margin-bottom:8px}.room-price-text{font-size:14px;color:var(--text-muted)}.package-badge-text{font-size:11px;color:var(--primary);margin-bottom:8px}.nav-text{margin-left:12px}.sidebar-divider{margin:12px 0;border-bottom:1px solid var(--border)}.flex-items-center-gap-6{display:flex;align-items:center;gap:6px}.flex-items-center-gap-12{display:flex;align-items:center;gap:12px}.flex-justify-between{display:flex;justify-content:space-between}.timer-icon-text{font-weight:700}.current-time-text{font-size:18px;font-weight:700}.stat-value-occupied{color:var(--danger)}.stat-value-available{color:var(--success)}.cart-header{font-size:20px;font-weight:700;margin-bottom:24px}.cart-empty-text{text-align:center;color:var(--text-muted);margin-top:40px}.cart-product-name{font-size:14px;font-weight:500}.cart-product-price{font-size:12px;color:var(--primary)}.flex-center-gap-8{display:flex;align-items:center;gap:8px}.flex-justify-between{display:flex;justify-content:space-between;align-items:center}.view-container{padding:24px;flex:1;overflow-y:auto}.premium-table-container{background:var(--surface-dark);border-radius:16px;border:1px solid var(--border);overflow:hidden;margin-bottom:24px}.premium-table{width:100%;border-collapse:collapse}.premium-table thead{background:var(--glass);text-align:left}.premium-table th{padding:16px;color:var(--text-muted);font-size:13px;font-weight:500}.premium-table td{padding:16px;font-size:14px;border-bottom:1px solid var(--border)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px;background:var(--glass);border-radius:12px}.grid-purchase{display:grid;grid-template-columns:1fr 350px;gap:24px}.purchase-summary-card{background:var(--primary);padding:24px;border-radius:16px;color:#fff}.purchase-confirm-card{background:var(--surface-dark);padding:24px;border-radius:16px;border:1px solid var(--border)}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface-dark);border:1px solid var(--border);border-radius:12px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:999;box-shadow:0 10px 30px #0009}.dropdown-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);font-size:14px;display:flex;justify-content:space-between;align-items:center}.dropdown-item:hover{background:var(--glass)}.border-top-dashed{border-top:1px dashed var(--border)}.modal-footer{display:flex;gap:12px;padding:20px 32px 32px;border-top:1px solid var(--border);background:var(--surface-dark)}.grand-total-amount{color:var(--primary);font-size:20px}.cart-select-container{margin:16px 0}.modal-body-label{font-size:13px;color:var(--text-muted);display:block;margin-bottom:8px}.modal-footer{margin-top:24px;display:flex;gap:12px}.btn-glass{background:var(--glass)!important}.btn-success{background:var(--success)!important}.btn-danger{background:var(--danger)!important}.grid-room-add{display:grid;grid-template-columns:1fr 1fr 100px 1fr 1fr auto;gap:12px;margin-bottom:20px}.divider-v-20{margin:20px 0;border-bottom:1px solid var(--border)}.divider-v-30{margin:30px 0;border-bottom:1px solid var(--border)}.card-header-sub{padding:0 0 10px;border-bottom:none;display:flex;align-items:center;gap:12px}.margin-0{margin:0!important}.text-danger-bold{color:var(--danger)!important;font-weight:700}.text-success-bold{color:var(--success)!important;font-weight:700}.max-h-90vh{max-height:90vh}.modal-wide{width:650px}.p-24-32{padding:24px 32px}.p-8-12{padding:8px 12px}.flex-2{flex:2}.opacity-50{opacity:.5}.flex-center{display:flex;justify-content:center;align-items:center;min-height:400px}.loader{width:48px;height:48px;border:5px solid rgba(255,255,255,.1);border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pointer-none{pointer-events:none}.badge{font-size:11px;color:var(--text-muted);background:var(--glass);padding:2px 6px;border-radius:4px}.mb-4{margin-bottom:4px}.mb-16{margin-bottom:16px}.mt-4{margin-top:4px}.pointer{cursor:pointer}.divider-v-10{margin:10px 0;border-bottom:1px solid var(--border)}.premium-card-sub{background:#0003;border-radius:12px;border:1px solid var(--border);padding:16px}.btn-icon-small.btn-danger{background:var(--danger)}.p-20{padding:20px}.p-40{padding:40px}.font-size-32{font-size:32px}.align-items-end{align-items:flex-end}.grid-purchase-form{display:grid;grid-template-columns:2fr 1fr 1.5fr auto}.h-42{height:42px}.mb-12{margin-bottom:12px}.w-30{width:30px}.w-28{width:28px}.h-28{height:28px}.p-16-24-24-24{padding:16px 24px 24px}.max-h-200{max-height:200px}.border-bottom-dashed{border-bottom:1px dashed var(--border)}.p-12{padding:12px}.input-transparent-full{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:14px}.p-4-12{padding:4px 12px}.font-size-small{font-size:.9rem}.font-size-xs{font-size:.7rem}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gap-16{gap:16px}.span-2{grid-column:span 2}.label-custom{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px}.input-premium{width:100%;padding:12px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:14px;transition:all .2s;box-sizing:border-box}.input-premium:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.info-box-premium{background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:16px}.mt-20{margin-top:20px}.text-right{text-align:right}.flex-items-center-gap-8{display:flex;align-items:center;gap:8px}.mb-8{margin-bottom:8px}select.input-premium{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:32px}.add-item-grid{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr auto;gap:12px;align-items:center;background:var(--bg-dark);padding:16px;border-radius:12px;border:1px solid var(--border);margin-bottom:20px}.add-item-grid input,.add-item-grid select{padding:10px;background:var(--surface-dark);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:13px;width:100%;box-sizing:border-box}.settings-tabs{display:flex;gap:12px;margin-bottom:24px;background:var(--surface-dark);padding:6px;border-radius:12px;border:1px solid var(--border);width:fit-content}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;background:transparent;color:var(--text-muted);border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{background:#ffffff0d;color:var(--text-main)}.tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.settings-layout{display:flex;flex-direction:column;gap:24px;max-width:1200px}.settings-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.premium-card{background:var(--surface-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:#ffffff05}.card-header h3{margin:0;font-size:16px;font-weight:600}.premium-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group-custom{display:flex;flex-direction:column;gap:8px}.form-group-custom label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);font-weight:500}.form-group-custom input,.form-group-custom textarea,.form-group-custom select{padding:12px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:14px;width:100%;box-sizing:border-box;transition:all .2s}.form-group-custom input:focus,.form-group-custom textarea:focus,.form-group-custom select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.input-with-suffix{position:relative;display:flex;align-items:center}.printer-config-grid{display:grid;gap:16px}.view-subtitle{margin-top:4px;margin-bottom:0;font-size:14px}.grid-room-add{display:grid;grid-template-columns:2fr 1fr .5fr 2fr 1fr auto;gap:12px;align-items:center;background:var(--bg-dark);padding:16px;border-radius:12px;border:1px solid var(--border)}.grid-room-add input,.grid-room-add select{padding:10px;background:var(--surface-dark);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:13px;width:100%;box-sizing:border-box}.add-btn-small{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.items-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;transition:all .2s}.item-card:hover{background:#ffffff0f;border-color:var(--primary);transform:translate(4px)}.item-info{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:600;font-size:15px;color:#fff;display:flex;align-items:center;gap:8px}.item-detail{font-size:13px;color:var(--text-muted)}.delete-btn-icon{background:#ff453a1a;color:var(--danger);border:1px solid rgba(255,69,58,.2);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.login-overlay{background:var(--bg-darker);width:100%}.login-card-container{max-width:400px;width:90%}.flex-center{display:flex;align-items:center;justify-content:center}.delete-btn-icon:hover{background:var(--danger);color:#fff}.add-item-row{display:flex;gap:12px;margin-bottom:20px}.add-item-row input{flex:1;padding:10px;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;color:#fff}.premium-select-ui{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:32px}.input-with-suffix{position:relative;display:flex;align-items:center;width:100%}.input-suffix{position:absolute;right:12px;color:var(--text-muted);font-size:13px;pointer-events:none}.input-prefix{position:absolute;left:12px;color:var(--text-muted);font-size:13px;pointer-events:none}.pl-35{padding-left:35px!important}.min-h-screen{min-height:100vh}.btn-cancel{background-color:var(--text-muted)!important}.btn-edit-icon{color:var(--warning)!important;border-color:#ffc10733!important;background:#ffc1071a!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cart-item-container{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.cart-item-container:last-child{border-bottom:none}.cart-note-input{width:100%;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;color:#fff;margin-top:8px;outline:none;transition:.2s}.cart-note-input:focus{border-color:var(--primary);background:#ffffff1a}.card-header-flex{display:flex;justify-content:space-between;align-items:center}.btn-scan-small{padding:4px 12px!important;font-size:13px!important}.modal-500{max-width:500px!important}.modal-600{max-width:600px!important}.btn-premium{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff!important;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d;text-decoration:none}.btn-premium:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;filter:brightness(1.1)}.btn-premium:active:not(:disabled){transform:translateY(1px)}.btn-premium:disabled{background:var(--border)!important;color:var(--text-muted)!important;cursor:not-allowed;box-shadow:none;opacity:.6}.btn-premium-success{background:linear-gradient(135deg,var(--success),#34d399);box-shadow:0 4px 12px #22c55e4d}.btn-premium-success:hover:not(:disabled){box-shadow:0 6px 20px #22c55e66}.overflow-visible{overflow:visible!important}.w-50{width:50px}.modal-auth{max-width:360px!important}@keyframes pulse-red{0%{box-shadow:0 0 #ff475766}70%{box-shadow:0 0 0 10px #ff475700}to{box-shadow:0 0 #ff475700}}.expiry-alerts-container{display:flex;flex-direction:column;gap:12px}.expiry-alert-item{background:#ff47571a;border:1px solid rgba(255,71,87,.3);padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;color:#fff;font-size:14px;animation:pulse-red 2s infinite}.animate-pulse{animation:pulse-red 2s infinite}.password-input-container{position:relative;width:100%}.password-input-with-toggle{padding-right:44px!important}.password-toggle-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;transition:color .2s}.password-toggle-eye:hover{color:var(--primary)}