:root{--theme-bg: #F5F0E6;--theme-dark: #78716c;--theme-btn: #C9B8A0;--theme-color: #78716c;--bg-color: #F5F0E6;--border-color: #d6d3d1;--nav-bg: #5c5347;--free-bg: #f0fdf4;--free-btn: #15803d;--booked-bg: #fef2f2;--booked-btn: #ef4444}.phone-container{max-width:100%;height:100vh;height:100dvh;background:var(--theme-bg);display:flex;flex-direction:column;overflow:hidden}@media(min-width:500px){.phone-container{max-width:375px;min-height:auto;height:667px;margin:20px auto;border-radius:20px;box-shadow:0 4px 20px #00000026;overflow:hidden}}.nav-bar{background:var(--nav-bg);height:44px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-back,.nav-more{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-title{color:#fff;font-size:16px;font-weight:600}.store-tabs-area{background:var(--theme-bg);padding:12px 16px}.store-tabs{display:flex;gap:8px;flex-wrap:wrap}.store-tab{padding:8px 12px;border-radius:8px;border:1px solid #d6d3d1;background:#fff;color:#78716c;font-size:13px;cursor:pointer;transition:all .2s}.store-tab.active{background:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.date-select-area{background:var(--theme-bg);padding:8px 16px 12px}.date-row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.date-label{display:flex;align-items:center;gap:4px;color:#78716c;font-size:12px}.calendar-icon{flex-shrink:0}.date-input{background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:5px 8px;color:#78716c;font-size:12px;width:110px;cursor:pointer}.back-today-btn{background:var(--theme-dark);color:#fff;border:none;border-radius:8px;padding:5px 10px;font-size:11px;cursor:pointer}.tables-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column;gap:12px;padding-bottom:12px}.table-area{background:#fff;padding:12px 16px;flex-shrink:0}.table-section-title{font-size:14px;font-weight:700;color:#5c5347;margin-bottom:8px;padding-left:4px;border-left:3px solid #C9B8A0}.table-header{display:grid;grid-template-columns:80px repeat(3,1fr);background:var(--theme-dark);padding:10px 8px;border-radius:12px 12px 0 0}.th-room,.th-slot{color:#fff;font-size:11px;font-weight:500;text-align:center;white-space:nowrap;padding:0 4px}.th-room{text-align:left;padding-left:8px}.table-body{max-height:150px;overflow-y:auto;border:1px solid #e5e5e5;border-top:none;border-radius:0 0 12px 12px}.table-row{display:grid;grid-template-columns:80px repeat(3,1fr);padding:10px 8px;border-bottom:1px solid #f5f5f5;align-items:center;background:#fff}.table-row:last-child{border-bottom:none}.td-room{display:flex;flex-direction:column;gap:2px}.room-name{color:#374151;font-size:13px;font-weight:600}.room-capacity{color:#6b7280;font-size:11px}.td-slot{display:flex;justify-content:center;padding:4px}.td-slot.free-bg{background:var(--free-bg)}.td-slot.booked-bg{background:var(--booked-bg)}.slot-btn{min-height:44px;padding:8px 10px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none;min-width:50px;max-width:100%}.slot-btn.free{background:var(--free-btn);color:#fff}.slot-btn.booked{background:var(--booked-btn);color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px}.slot-status,.slot-guest{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-guest{font-size:10px;font-weight:400}.td-slot.unavailable-bg{background:#f5f5f4}.slot-btn.unavailable{background:#a8a29e;color:#fff;cursor:not-allowed}.section-nav-area{display:flex;gap:8px;padding:12px 16px;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.section-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s;white-space:nowrap}.section-nav-btn:hover{background:#f5f5f4;transform:translateY(-1px)}.section-nav-btn.active{background:var(--theme-color);color:#fff;border-color:var(--theme-color);box-shadow:0 2px 4px #22c55e33}.booking-status{margin:20px 16px;padding:20px 16px;border:1px solid var(--border-color);background:#fff;color:#57534e;text-align:center;font-size:14px}.booking-status.error{border-color:#fca5a5;background:#fff7f7;color:#991b1b}.retry-btn{display:block;margin:12px auto 0;padding:9px 16px;border:0;border-radius:6px;background:var(--theme-color);color:#fff;cursor:pointer}.confirm-btn:disabled{cursor:wait;opacity:.65}.nav-icon{font-size:18px}.meals-section-wrapper{margin-top:8px}.meals-section-title{font-size:16px;font-weight:600;color:#92400e;margin-bottom:12px;display:flex;align-items:center;gap:8px}.bottom-area{background:var(--theme-bg);padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.view-orders-btn{width:100%;background:#e8e0d0;border:1px solid #c9b8a0;border-radius:12px;padding:12px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.site-footer{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px 0;color:#78716c;font-size:10px;line-height:1.4;text-align:center}.site-footer a{color:#57534e;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.booking-modal{background:var(--theme-bg);border-radius:16px;width:100%;max-width:320px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #0003}.modal-header{background:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e5e5}.modal-title{color:#374151;font-size:14px;font-weight:600}.modal-close-btn{background:#9ca3af;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-content{flex:1;overflow-y:auto;padding:12px 16px;min-height:0}.modal-field{margin-bottom:12px}.field-label{color:#78716c;font-size:13px;display:block;margin-bottom:4px}.field-value{color:#374151;font-size:13px;font-weight:500}.date-input-inline{background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:5px 8px;color:#78716c;font-size:13px;display:inline-block;min-width:100px;text-align:center}.time-slot-btn{flex:1;padding:6px 4px;border-radius:8px;border:1px solid #d6d3d1;background:#fff;color:#78716c;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap;text-align:center}.time-slot-btn.selected{background:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.modal-input{width:100%;background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:10px 12px;font-size:16px;color:#374151;box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--theme-dark)}.modal-textarea{width:100%;background:#fff;border:1px solid #d6d3d1;border-radius:8px;padding:10px 12px;font-size:16px;color:#374151;min-height:60px;resize:none;box-sizing:border-box}.modal-input::-moz-placeholder,.modal-textarea::-moz-placeholder{color:#9ca3af}.modal-input::placeholder,.modal-textarea::placeholder{color:#9ca3af}.room-selector-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.room-selector-row .room-section-label{width:100%;font-size:12px;color:#78716c;margin-top:4px;margin-bottom:4px}.room-selector-btn{padding:6px 12px;border-radius:8px;border:1px solid #d6d3d1;background:#fff;color:#78716c;font-size:12px;cursor:pointer;transition:all .2s}.room-selector-btn.selected{background:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.room-select-btn.unavailable,.room-select-btn:disabled{background:#e7e5e4;border-color:#d6d3d1;color:#78716c;cursor:not-allowed;opacity:.8}.toast-message{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:1200;width:-moz-max-content;width:max-content;max-width:calc(100vw - 32px);transform:translate(-50%);padding:10px 16px;border-radius:6px;background:#292524;color:#fff;font-size:14px;box-shadow:0 6px 18px #0003}.room-select-btn{padding:8px 12px;border-radius:8px;border:1px solid #d6d3d1;background:#fff;cursor:pointer;transition:all .2s;font-size:12px;color:#78716c;white-space:nowrap}.room-select-btn.selected{background:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.time-slots-row{display:flex;gap:6px;margin-bottom:12px}.time-slot-btn{flex:1;padding:8px 4px;border-radius:8px;border:1px solid #d6d3d1;background:#fff;color:#78716c;font-size:11px;cursor:pointer;transition:all .2s}.time-slot-btn.selected{background:var(--free-btn);border-color:var(--free-btn);color:#fff}.modal-footer{background:#fff;padding:12px 16px;border-top:1px solid #e5e5e5}.confirm-btn{width:100%;background:var(--free-btn);color:#fff;border:none;border-radius:12px;padding:12px;font-size:14px;cursor:pointer}.confirm-btn:disabled{background:#a8a29e;cursor:not-allowed}.detail-modal{background:var(--theme-bg);border-radius:16px;width:100%;max-width:320px;overflow:hidden;box-shadow:0 4px 20px #0003}.detail-item{margin-bottom:8px;display:flex}.detail-label{color:#78716c;font-size:13px;width:80px}.detail-value{color:#374151;font-size:13px}.detail-footer{display:flex;gap:8px}.edit-booking-btn{flex:1;background:#78716c;color:#fff;border:none;border-radius:12px;padding:10px;font-size:14px;cursor:pointer}.cancel-booking-btn{flex:1;background:var(--booked-btn);color:#fff;border:none;border-radius:12px;padding:10px;font-size:14px;cursor:pointer}.close-detail-btn{flex:1;background:#fff;color:#78716c;border:1px solid #d6d3d1;border-radius:12px;padding:10px;font-size:14px;cursor:pointer}.datepicker-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:300}.datepicker-panel{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:375px;overflow:hidden}.datepicker-header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5}.dp-cancel{background:none;border:none;color:#78716c;font-size:14px;cursor:pointer}.dp-confirm{background:none;border:none;color:var(--free-btn);font-size:14px;font-weight:600;cursor:pointer}.datepicker-body{display:flex;padding:0;height:220px;position:relative}.datepicker-body:before{content:"";position:absolute;left:8px;right:8px;top:90px;height:40px;background:#f5f0e6;border-radius:8px;z-index:0}.dp-column{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.dp-scroll{overflow-y:auto;height:220px;text-align:center;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;will-change:scroll-position;padding-top:90px;padding-bottom:90px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.dp-scroll::-webkit-scrollbar{display:none}.dp-item{padding:10px 8px;color:#9ca3af;font-size:14px;cursor:pointer;line-height:20px;height:40px;box-sizing:border-box}.dp-item.selected{color:#374151;font-weight:600}.orders-filter-area{background:var(--theme-bg);padding:12px 16px}.orders-filter-tabs{display:flex;gap:8px;margin-bottom:8px}.filter-tab{padding:6px 12px;border-radius:8px;border:1px solid #d6d3d1;background:#fff;color:#78716c;font-size:12px;cursor:pointer}.filter-tab.active{background:var(--theme-dark);border-color:var(--theme-dark);color:#fff}.orders-date-filter{display:flex;align-items:center;gap:8px}.orders-list{background:#fff;padding:12px 16px;flex:1;overflow-y:auto}.no-orders{text-align:center;color:#9ca3af;padding:40px}.order-card{background:var(--theme-bg);border-radius:12px;padding:12px;margin-bottom:12px}.order-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.order-room{color:#374151;font-size:14px;font-weight:600}.order-store{color:#9ca3af;font-size:12px}.order-slots-tag{background:var(--theme-btn);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;margin-left:auto}.order-details{margin-bottom:8px}.order-detail-row{display:flex;margin-bottom:4px}.order-detail-label{color:#78716c;font-size:12px;width:60px}.order-detail-value{color:#374151;font-size:12px}.order-actions{display:flex;justify-content:flex-end}.order-cancel-btn{background:var(--booked-btn);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer}.order-cancel-btn:disabled,.cancel-booking-btn:disabled{cursor:wait;opacity:.65}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:4px}@media(max-width:374px){.store-tab{font-size:12px;padding:6px 10px}.date-input{width:100px;font-size:13px}.time-slot-btn{padding:6px 8px;font-size:11px}}.confirm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-modal{background:#fff;border-radius:12px;padding:20px;width:280px;text-align:center}.confirm-modal-title{font-size:16px;color:#44403c;margin-bottom:12px}.confirm-modal-message{font-size:14px;color:#78716c;margin-bottom:20px}.confirm-modal-buttons{display:flex;gap:12px;justify-content:center}.confirm-cancel-btn{background:#e7e5e4;color:#78716c;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer}.confirm-ok-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer}