.dashboard-container{padding:20px;background-color:var(--page-background-color);min-height:100vh;font-family:var(--font-family-base)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--background-color) 0,var(--surface-color) 100%);padding:24px 32px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.08);border:1px solid var(--border-color);gap:24px}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--link-color))}.header-left{display:flex;align-items:center;gap:24px;flex:1}.date-section{display:flex;flex-direction:column}.date-label{font-size:12px;color:var(--disabled-text-color);margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.date-value{font-size:20px;font-weight:700;color:var(--text-color);display:flex;align-items:center;gap:12px;margin-bottom:4px}.date-navigation{gap:12px;margin-top:8px;flex-wrap:wrap}.chevron-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-color);padding:0}.chevron-btn:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.chevron-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.chevron-btn svg{transition:color .2s ease}.chevron-btn:hover svg{color:var(--primary-color)}.date-filter-section{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:hsla(0,0%,100%,.7);border-radius:12px;border:1px solid var(--border-color);min-width:280px}.date-filter-label{font-size:11px;color:var(--disabled-text-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.date-filter-controls{display:flex;flex-direction:column;gap:8px}.date-input-inline{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:var(--font-family-base);background-color:var(--background-color);color:var(--text-color);transition:all .2s ease;box-sizing:border-box}.date-input-inline:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,161,151,.1)}.quick-date-buttons{display:flex;gap:6px;align-items:center}.quick-date-btn{padding:6px 12px;border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;flex:1;text-align:center}.quick-date-btn:hover{border-color:var(--primary-color);background:var(--highlight-color)}.quick-date-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 4px rgba(0,161,151,.3)}.check-info{display:flex;gap:20px}.check-item{text-align:center;padding:16px 20px;background:hsla(0,0%,100%,.7);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative}.check-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.1);background:hsla(0,0%,100%,.9)}.check-label{font-size:11px;color:var(--disabled-text-color);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.check-value{font-size:36px;font-weight:800;color:var(--primary-color);line-height:1;position:relative}.check-value:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:30px;height:2px;background:var(--primary-color);border-radius:1px}.revenue-section{text-align:right;padding:20px 24px;background:linear-gradient(135deg,var(--primary-color),var(--link-color));border-radius:12px;color:#fff;box-shadow:0 4px 12px rgba(0,161,151,.3);transition:all .3s ease;cursor:pointer;flex-shrink:0;min-width:200px}.revenue-section:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,161,151,.4)}.revenue-label{font-size:12px;opacity:.9;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.revenue-value{font-size:32px;font-weight:800;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.dashboard-content{display:grid;grid-template-columns:350px 1fr 1fr 300px;gap:20px;height:calc(100vh - 160px)}.activity-column,.left-column,.right-column,.travel-column{display:flex;flex-direction:column;gap:20px}.section-card{background-color:var(--background-color);border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow-y:auto}.section-header{margin-bottom:20px;padding-bottom:10px}.section-title{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.location-controls{display:flex;align-items:center;gap:12px}.state-selector{background:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:140px}.state-selector:hover{border-color:var(--primary-color);background-color:var(--surface-color)}.state-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,161,151,.1)}.resort-count{font-size:12px;color:var(--disabled-text-color);font-weight:500;padding:4px 8px;background-color:var(--surface-color);border-radius:4px;border:1px solid var(--border-color)}.location-filter{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;padding:4px 8px;border-radius:4px}.location-filter:hover{background-color:var(--surface-color)}.accommodation-content{display:flex;flex-direction:column;gap:25px}.location-group{margin-bottom:20px}.state-group{margin-bottom:25px;padding:20px;background-color:var(--surface-color);border-radius:8px;border:1px solid var(--border-color)}.state-name{font-size:18px;font-weight:700;color:var(--primary-color);margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.state-resorts{display:flex;flex-direction:column;gap:15px}.state-separator{height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:30px 0;border-radius:1px}.view-more-container{display:flex;justify-content:center;margin:20px 0}.view-more-btn{color:var(--link-color);font-size:14px;padding:4px 8px;transition:color .2s ease}.view-more-btn:hover{color:var(--primary-color)}.location-name{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 15px}.resort-item{margin-bottom:20px;border-radius:8px;transition:all .2s ease;overflow:hidden}.resort-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.resort-name{font-size:14px;color:var(--text-color);margin-bottom:8px;font-weight:500;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease;justify-content:space-between;background-color:var(--surface-color);border:1px solid transparent}.resort-actions,.resort-name{display:flex;align-items:center}.resort-actions{gap:4px}.resort-action-btn{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.resort-action-btn:hover{background-color:var(--hover-background);color:var(--primary-color)}.resort-action-btn.print-btn:hover{color:#2563eb}.resort-action-btn.details-btn:hover{color:#059669}.resort-name:hover{background-color:var(--highlight-color);border-color:var(--primary-color)}.resort-name.expanded{background-color:var(--primary-color);color:#fff}.expand-icon{font-size:12px;transition:transform .2s ease}.resort-name.expanded .expand-icon{transform:rotate(0deg)}.status-badges{gap:8px;flex-wrap:nowrap;margin-top:12px;padding:12px;background-color:rgba(0,0,0,.02);border-left:4px solid var(--primary-color)}.status-badge,.status-badges{display:flex;border-radius:6px}.status-badge{align-items:center;justify-content:center;padding:12px 16px;font-weight:600;color:#fff;flex:1;text-align:center;line-height:1.2;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform .2s ease}.status-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.status-badge.clickable{cursor:pointer;transition:all .2s ease}.status-badge.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.status-badge.clickable:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}.status-badge .badge-label{font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.3px}.status-checkin{background:linear-gradient(135deg,#e74c3c,#c0392b)}.status-inhouse{background:linear-gradient(135deg,#27ae60,#229954)}.status-checkout{background:linear-gradient(135deg,#3498db,#2980b9)}.show-more-container{text-align:center;margin:15px 0}.show-more-btn{background:none;border:1px solid var(--primary-color);color:var(--primary-color);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.show-more-btn:hover{background-color:var(--primary-color);color:#fff}.special-request-section{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.activity-column,.travel-column{gap:0}.activity-section,.travel-section{flex:1;height:100%}.activity-content,.travel-content{display:flex;flex-direction:column;gap:15px}.booking-group{background-color:var(--surface-color);border-radius:6px;padding:15px;margin-bottom:10px}.booking-location-header{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.booking-list{display:flex;flex-direction:column;gap:8px}.booking-item{display:flex;align-items:flex-start;gap:15px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.booking-item:last-child{border-bottom:none}.booking-time{font-size:14px;font-weight:500;color:var(--text-color);min-width:65px;flex-shrink:0}.booking-details{flex:1}.booking-route{font-size:14px;color:var(--text-color);margin-bottom:4px;line-height:1.4}.route-arrow{font-weight:400}.booking-customer,.route-arrow{color:var(--disabled-text-color)}.booking-customer{font-size:12px;line-height:1.3}.reminder-section{background-color:var(--surface-color);border-radius:8px;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.reminder-header{font-size:16px;font-weight:600;color:#fff;background-color:#6c757d;padding:15px 20px;margin:0;text-align:center}.reminder-content{padding:20px}.reminder-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--background-color);border-radius:6px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.reminder-item:last-child{margin-bottom:0}.reminder-text{font-size:14px;color:var(--text-color);flex:1;line-height:1.4}.reminder-action{background:none;border:none;color:var(--link-color);cursor:pointer;font-size:14px;text-decoration:underline;padding:4px 8px;margin-left:10px}.reminder-action:hover{color:var(--primary-color)}.loading{display:flex;justify-content:center;align-items:center;height:80px;color:var(--disabled-text-color);font-size:14px}.loading:after{content:"";width:16px;height:16px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}.header-loading{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.check-item:active,.revenue-section:active{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@media (max-width:1600px){.dashboard-content{grid-template-columns:320px 1fr 1fr 280px}}@media (max-width:1400px){.dashboard-content{grid-template-columns:300px 1fr 1fr 260px}}@media (max-width:1200px){.dashboard-content{grid-template-columns:280px 1fr 1fr 240px}.header-left{gap:20px}.check-info{gap:16px}.date-filter-section{min-width:240px}}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}.left-column{grid-column:1;grid-row:1}.travel-column{grid-column:2;grid-row:1}.activity-column{grid-column:1;grid-row:2}.right-column{grid-column:2;grid-row:2}.section-card{max-height:400px}}@media (max-width:768px){.dashboard-content{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;height:auto}.activity-column,.left-column,.right-column,.travel-column{grid-column:1}.section-card{max-height:350px}.dashboard-header{flex-direction:column;gap:20px;text-align:center;padding:20px}.header-left{flex-direction:column;gap:16px;width:100%}.date-section{align-items:center}.date-filter-section{min-width:100%;padding:12px 16px}.quick-date-buttons{gap:6px}.quick-date-btn{padding:8px 10px;font-size:10px}.check-info{gap:8px;justify-content:center;flex-wrap:wrap}.dashboard-header{gap:16px}.check-item{padding:12px 16px}.check-value{font-size:28px}.revenue-section{padding:16px 20px}.revenue-value{font-size:24px}.status-badges{gap:6px;padding:10px}.status-badge{padding:8px 10px;flex:1}.status-badge .badge-label{font-size:10px}.dashboard-container,.dashboard-header{padding:15px}.check-info{gap:20px}.dashboard-content{gap:15px}.section-card{padding:15px}}.skeleton-stat{margin:4px 0}.skeleton-text{margin:8px 0}.skeleton-title{margin:12px 0}.skeleton-item{margin:16px 0;border-radius:8px}.skeleton-card{margin:20px 0;border-radius:12px}.dashboard-container .skeleton-loader{background-color:var(--surface-color)!important;position:relative!important;overflow:hidden!important}.check-value .skeleton-loader{display:inline-block;margin:0 auto;text-align:center}.dashboard-container .skeleton-loader:after{content:""!important;position:absolute!important;top:0!important;left:-150px!important;height:100%!important;width:150px!important;background:linear-gradient(90deg,transparent,var(--highlight-color),transparent)!important;animation:shimmer 1.2s infinite!important;opacity:.6!important;z-index:1!important}@keyframes shimmer{0%{transform:translateX(0)}to{transform:translateX(100%)}}.dashboard-container .skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root.dark-mode .dashboard-container .skeleton-loader{background:linear-gradient(90deg,#2a2a2a 25%,#1a1a1a 50%,#2a2a2a 75%);background-size:200% 100%}.skeleton-booking-item{display:flex;align-items:flex-start;gap:15px;padding:8px 0;margin-bottom:8px}.skeleton-time{min-width:65px;flex-shrink:0}.skeleton-booking-details{flex:1}.skeleton-reminder-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--background-color);border-radius:6px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.skeleton-reminder-text{flex:1}.skeleton-reminder-action{margin-left:10px}:root.dark-mode .status-badge{opacity:.9}:root.dark-mode .reminder-header{background-color:var(--surface-color);color:var(--text-color)}.travel-group{margin-bottom:20px}.accommodation-group-header,.travel-group-header{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:12px;padding:8px 12px;background-color:var(--surface-color);border-radius:6px;border-left:3px solid var(--primary-color);display:flex;align-items:center;justify-content:space-between}.print-icon-btn{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.print-icon-btn:hover{background-color:var(--hover-background);color:var(--primary-color)}.vendor-header .print-icon-btn{color:#000;width:25px;height:25px}.vendor-header .print-icon-btn:hover{color:var(--primary-color);background-color:var(--hover-background)}.print-icon-btn:disabled{opacity:.5;cursor:not-allowed}.print-icon-btn:disabled:hover{background-color:transparent;color:var(--text-secondary)}.loading-spinner{width:12px;height:12px;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.section-header-actions{display:flex;align-items:center;gap:8px}.travel-vendor-list{display:flex;flex-direction:column;gap:12px}.travel-vendor-group{background-color:var(--surface-color);border-radius:8px;padding:12px;border:1px solid var(--border-color)}.vendor-header{font-size:13px;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.vendor-items{display:flex;flex-direction:column;gap:6px}.travel-item-horizontal{display:flex;align-items:flex-start;gap:12px;padding:8px;background-color:var(--background-color);border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.travel-item-horizontal:hover{border-color:var(--primary-color);box-shadow:0 2px 6px rgba(0,0,0,.08);transform:translateY(-1px)}.travel-item-horizontal:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.08)}.travel-time-column{display:flex;flex-direction:column;gap:2px;min-width:70px;flex-shrink:0}.activity-section .travel-time,.reminder-section .travel-time,.travel-section .travel-time{font-size:12px!important;font-weight:600;color:var(--text-color);line-height:1.2;display:block}.travel-details-column{flex:1;display:flex;flex-direction:column;gap:2px}.activity-section .travel-route,.reminder-section .travel-route,.travel-section .travel-route{font-size:13px!important;color:var(--text-color);font-weight:500;line-height:1.3;margin-bottom:2px}.activity-section .travel-booking-info,.reminder-section .travel-booking-info,.travel-section .travel-booking-info{font-size:11px;color:var(--disabled-text-color);font-weight:400;line-height:1.2;display:flex;align-items:center;flex-wrap:wrap}.activity-section .guest-name,.reminder-section .guest-name,.travel-section .guest-name{color:var(--disabled-text-color);font-size:11px!important;font-weight:400;display:inline}.reminder-section .travel-item-horizontal{margin-bottom:8px}.reminder-section .travel-item-horizontal:last-child{margin-bottom:0}.reminder-booking-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.reminder-booking-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:var(--primary-color)}.reminder-booking-card:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.08)}.booking-ref-section{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.booking-ref-number{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.booking-guest-name{font-size:13px;font-weight:500;color:var(--text-color)}.booking-details-title{font-size:18px;font-weight:700;color:var(--text-color);text-align:center;margin-top:8px;position:relative}.booking-details-title:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:1px}.reminder-booking-card.selected{border:2px solid var(--primary-color);background:linear-gradient(135deg,var(--background-color) 0,rgba(var(--primary-color-rgb),.02) 100%)}.reminder-booking-card.selected .booking-details-title{color:var(--primary-color)}.travel-section .pax-count{white-space:nowrap;font-size:11px!important;display:inline}.travel-section .pax-count,.view-more-btn{color:var(--primary-color);font-weight:500}.view-more-btn{background:none;border:none;font-size:12px;cursor:pointer;text-align:center;padding:4px 0;margin-top:4px;text-decoration:underline;width:100%;display:block}.view-more-btn:hover{text-decoration:none}.view-more-btn:focus{outline:none}.travel-skeleton .skeleton-travel-item{background-color:var(--background-color);border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid var(--border-color)}.travel-skeleton .skeleton-item-header{display:flex;justify-content:space-between;margin-bottom:8px}.travel-skeleton .skeleton-item-content{display:flex;flex-direction:column;gap:4px}.accommodation-details{background:var(--page-background-color);border-radius:12px;overflow:hidden;margin-bottom:24px;width:100%}.accommodation-details .dashboard-header{margin-bottom:0;border-radius:12px 12px 0 0;border-bottom:none;max-width:100%;box-sizing:border-box;padding:16px 20px;min-height:auto;background:#f8f9fa;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.accommodation-details .dashboard-header .header-left{display:flex;justify-content:space-between;align-items:flex-start;flex:1;gap:16px;max-width:100%;flex-wrap:wrap}.accommodation-details .dashboard-header .date-section{min-width:180px;flex-shrink:0}.accommodation-details .dashboard-header .date-filter-section{min-width:200px;flex-shrink:0}.accommodation-details .dashboard-header .check-info{display:flex;gap:12px;flex-shrink:0}.accommodation-details .dashboard-header .check-item{min-width:80px;text-align:center;padding:10px 12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.accommodation-details .dashboard-header .check-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.accommodation-details .dashboard-header .date-section{padding:0}.accommodation-details .dashboard-header .date-filter-section{padding:8px 16px}.accommodation-details .dashboard-header .date-value{font-size:16px;line-height:1.3;font-weight:600;color:#1f2937;margin:4px 0}.accommodation-details .dashboard-header .date-label{font-size:10px;margin-bottom:4px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.accommodation-details .dashboard-header .check-label,.accommodation-details .dashboard-header .date-filter-label{font-size:10px;margin-bottom:6px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.accommodation-details .dashboard-header .check-label{display:flex;align-items:center;justify-content:center;gap:4px}.accommodation-details .dashboard-header .check-value{font-size:20px;font-weight:700;color:#1f2937;position:relative}.accommodation-details .dashboard-header .check-value:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--primary-color);border-radius:1px}.accommodation-details .dashboard-header .date-navigation{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.accommodation-details .dashboard-header .chevron-btn{width:32px;height:32px;border-radius:6px;background:#f3f4f6;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.accommodation-details .dashboard-header .chevron-btn:hover{background:#e5e7eb;border-color:#9ca3af}.accommodation-details .dashboard-header .date-input-inline{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;margin-bottom:8px}.accommodation-details .dashboard-header .quick-date-buttons{display:flex;gap:6px;align-items:center}.accommodation-details .dashboard-header .quick-date-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b7280}.accommodation-details .dashboard-header .quick-date-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.accommodation-details .dashboard-header .quick-date-btn:hover:not(.active){background:#f9fafb;border-color:#9ca3af}.resort-filter-section{display:flex;flex-direction:column;gap:8px;padding:8px 16px;background:hsla(0,0%,100%,.7);border-radius:12px;border:1px solid var(--border-color);min-width:200px;max-width:250px;width:220px}.resort-filter-label{font-size:11px;color:var(--disabled-text-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.resort-filter-controls{display:flex;flex-direction:column;gap:8px}.resort-select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:var(--font-family-base);background-color:var(--background-color);color:var(--text-color);transition:all .2s ease;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,161,151,.1)}.page-subtitle{font-size:12px;color:var(--disabled-text-color);font-weight:500;margin-top:4px;font-style:italic}.guest-counts-header{display:flex;align-items:center;gap:20px;flex-shrink:0}.guest-counts-header .count-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);border:1px solid #e5e7eb;transition:all .2s ease}.guest-counts-header .count-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.guest-counts-header .count-label{font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.guest-counts-header .count-value{font-size:20px;font-weight:700;color:#1f2937;position:relative}.guest-counts-header .count-value:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--primary-color);border-radius:1px}.print-header-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05);margin-left:8px}.print-header-btn:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.print-header-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.05)}@media (max-width:1400px){.accommodation-details .dashboard-header{padding:12px 16px;gap:12px}.accommodation-details .dashboard-header .header-left{gap:12px}.accommodation-details .dashboard-header .date-section{min-width:160px}.accommodation-details .dashboard-header .date-filter-section{min-width:180px}.resort-filter-section{min-width:180px;max-width:220px;width:200px}.accommodation-details .dashboard-header .check-info{gap:8px}.accommodation-details .dashboard-header .check-item{min-width:70px;padding:8px 10px}.accommodation-details .dashboard-header .check-value{font-size:18px}}@media (max-width:1200px){.accommodation-details .dashboard-header{flex-direction:column;align-items:stretch;gap:16px}.accommodation-details .dashboard-header .header-left{flex-direction:column;gap:16px}.accommodation-details .dashboard-header .date-filter-section,.accommodation-details .dashboard-header .date-section,.resort-filter-section{min-width:auto;width:100%}.accommodation-details .dashboard-header .check-info{justify-content:center;gap:12px}.guest-counts-header{gap:12px}.guest-counts-header .count-item{min-width:50px;padding:8px 12px}.guest-counts-header .count-value{font-size:18px}}.accommodation-tabs-container{display:flex;justify-content:space-between;align-items:center;background:var(--page-background-color);border-bottom:1px solid var(--border-color);position:relative;padding:0 24px}.accommodation-tab,.accommodation-tabs{display:flex;background:transparent;position:relative}.accommodation-tab{align-items:center;gap:12px;padding:16px 24px;cursor:pointer;transition:all .3s ease;border:none;font-weight:600;color:var(--text-color);font-size:14px;min-width:120px;justify-content:center}.accommodation-tab:hover{background:var(--surface-color)}.accommodation-tab.active{background:#fff;color:var(--text-color);font-weight:700}.accommodation-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-color);border-radius:2px 2px 0 0}.tab-label{font-weight:inherit;color:inherit}.tab-count{background:#6b7280;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:20px;text-align:center;line-height:1}.accommodation-tab.active .tab-count{background:#374151}.tab-content{padding:24px;background:#fff;min-height:400px}.tab-content h3{margin:0 0 16px;color:var(--text-color);font-size:18px;font-weight:600}.tab-content-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 0}.guest-counts{gap:20px}.count-item,.guest-counts{display:flex;align-items:center}.count-item{flex-direction:column;gap:4px;min-width:50px}.count-label{font-size:12px;color:var(--disabled-text-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.count-value{font-size:18px;font-weight:700;color:var(--text-color);line-height:1}.print-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.print-tab-btn:hover{background:var(--surface-color);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.print-tab-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.print-tab-btn svg{width:16px;height:16px}.content-placeholder{padding:40px 24px;text-align:center;color:var(--disabled-text-color)}.content-placeholder h3{margin:0 0 12px;color:var(--text-color);font-size:18px;font-weight:600}.content-placeholder p{margin:0;font-size:14px;line-height:1.5}.no-data-container{display:flex;justify-content:center;align-items:center;min-height:300px;padding:40px 24px}.no-data-message{text-align:center;color:var(--disabled-text-color)}.no-data-message h3{margin:0 0 12px;color:var(--text-color);font-size:18px;font-weight:600}.no-data-message p{margin:0;font-size:14px;line-height:1.5}.profile-setting-heading{display:flex;align-items:center;gap:10px;height:48px;text-decoration:none;padding:0 10px;margin-right:10px;border-radius:10px;border:none;cursor:pointer}.profile-setting-heading.on,.profile-setting-heading:hover{background:rgba(0,0,0,.05)}.profile-setting-heading strong{font-weight:500;font-size:.85rem;white-space:nowrap}.profile-setting-heading .initials .letter-avatar{width:32px;height:32px}.initials,.initials img{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--text-color);border-radius:50%;color:#fff;flex-shrink:0;line-height:32px;font-size:.75rem;overflow:hidden}.initials img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-dropdown-container{position:relative}.profile-dropdown-container a{color:var(--text-color);text-decoration:none}.profile-dropdown-container a:hover{background:rgba(0,0,0,.025)}.profile-dropdown-container select:focus{outline:none}.profile-dropdown-container .profile-dropdown{position:absolute;right:20px;top:10px;background:var(--surface-color);border-radius:20px;padding:10px;box-shadow:var(--box-shadow);border:1px solid var(--border-color);font-size:.875rem;min-width:300px}.profile-dropdown-container section{background:var(--background-color);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px}.profile-dropdown-container section .split *{min-height:40px;display:flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 10px;margin:0}.profile-dropdown-container section .split :last-child{border-left:1px solid var(--border-color)}.profile-dropdown-container section label{min-height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid var(--border-color)}.profile-dropdown-container section label:first-child{border:none}.profile-dropdown-container section label strong{font-weight:600}.profile-dropdown-container section label select{min-height:0;height:auto;width:auto;border:none;background:var(--background-color);text-align:right;font-size:.875rem}.profile-dropdown-container section label select option{text-align:left}.profile-dropdown-container .profile-info{display:flex;align-items:baseline;padding:10px;justify-content:space-between}.profile-dropdown-container .profile-info strong{font-size:1rem;font-weight:500;white-space:nowrap;margin-right:20px}.profile-dropdown-container .profile-info span{opacity:.7}.profile-dropdown-container h4{font-weight:600;margin-bottom:5px;padding:0 10px;opacity:.5}.profile-dropdown-container .profile-footer{display:flex;justify-content:space-around;font-size:.75rem;padding:10px 20px;opacity:.7}.client-logo{padding-left:20px;margin-right:auto;font-weight:700;font-size:.875rem}.client-logo img{max-height:50px;width:auto}.public-search{width:100%;margin:0 20px;max-width:var(--pageMaxWidth);position:relative;border-radius:20px;display:flex;height:40px;background:var(--page-background-color)}.public-search:focus-within{box-shadow:inset 0 0 40px rgba(0,0,0,.1)}.public-search input[type=text]{width:100%;border:none;padding:0 20px;border-top-right-radius:0;border-bottom-right-radius:0;background:transparent;font-size:.875rem}.public-search input[type=text]:focus{outline:none}.public-search select{background:none;border:none;flex-shrink:0;padding:0 20px;border-right:1px solid var(--border-color);background:rgba(0,0,0,.025);font-size:.875rem;background:transparent;border-radius:20px 0 0 20px}.public-search select:focus{outline:none}.public-search button{padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;width:40px;border-radius:20px;background:transparent}.public-search button svg{margin:0}.left-navigation{width:72px;position:fixed;left:0;top:72px;height:calc(100vh - 72px);background:var(--background-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-right:1px solid var(--border-color);overflow:visible;max-height:calc(100vh - 72px);z-index:10000}.top-nav{flex-direction:column;overflow:visible;flex:1;overflow-y:auto;overflow-x:hidden}.bottom-nav,.top-nav{display:flex;align-items:center;padding:12px 0}.bottom-nav{flex-direction:column;overflow:visible;flex-shrink:0}.left-navigation .vendor-toggle,.left-navigation a{display:flex;height:48px;width:48px;justify-content:center;align-items:center;color:var(--text-color);font-weight:400;border-radius:10px;cursor:pointer;flex-direction:column;text-decoration:none;margin:12px 0;position:relative;opacity:1;border:none;background:transparent}.left-navigation .vendor-toggle svg,.left-navigation a svg{width:26px;height:26px}.left-navigation a em{position:absolute;background:#e60023;color:#fff;border-radius:50%;font-size:11px;font-weight:700;font-style:normal;right:10px;top:10px;width:6px;height:6px}.left-navigation .vendor-toggle:hover,.left-navigation a:active,.left-navigation a:hover{background:rgba(0,0,0,.05);opacity:1}.left-navigation .vendor-toggle strong,.left-navigation a strong{font-weight:500;font-size:11px;text-align:center;display:none;pointer-events:none}.left-navigation .vendor-toggle:hover strong,.left-navigation a:hover strong{background:var(--text-color);color:var(--background-color);display:block;padding:5px 10px;border-radius:5px;position:absolute;left:calc(100% + 5px);white-space:nowrap;z-index:10000;top:50%;transform:translateY(-50%)}.left-navigation .vendor-toggle.active,.left-navigation a.active{opacity:1;position:relative;background:rgba(0,0,0,.05)}.vendor-menu{margin:12px 0}.vendor-menu,.vendor-toggle{position:relative}.chevron-icon{position:absolute;bottom:2px;right:2px;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:1}.chevron-icon,.submenu{background:var(--background-color);border:1px solid var(--border-color)}.submenu{position:fixed;left:50px;border-radius:8px;min-width:180px;z-index:10001;padding:16px 0;opacity:0;visibility:hidden;transform:translateX(-10px);transition:all .2s ease-out;pointer-events:none}.multi-menu.open .submenu{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.submenu a{width:100%;height:40px;margin:0;padding:0 16px;border-radius:0;flex-direction:row;justify-content:flex-start;gap:12px;font-size:14px;transition:background-color .15s ease}.submenu a:hover{background:rgba(0,0,0,.05)}.submenu a.active{background:rgba(0,0,0,.1);font-weight:600}.submenu a span{display:flex;align-items:center;justify-content:center;flex-shrink:0}.submenu a svg{width:20px;height:20px}.submenu a strong{border-radius:0!important;font-size:14px!important;white-space:nowrap;pointer-events:auto}.submenu a strong,.submenu a:hover strong{display:block!important;position:static!important;background:transparent!important;color:inherit!important;padding:0!important;transform:none!important}.submenu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:transparent}.multi-menu-nested{position:relative;width:100%}.multi-menu-nested>a{width:100%;height:40px;padding:0 16px;border-radius:0;flex-direction:row;gap:12px;font-size:14px;transition:background-color .15s ease;cursor:pointer}.multi-menu-nested>.item{padding-left:40px}.multi-menu-nested>a:hover{background:rgba(0,0,0,.05)}.multi-menu-nested>a.active{background:rgba(0,0,0,.1);font-weight:600}.multi-menu-nested>a .chevron-icon{position:static;background:transparent;border:none;width:auto;height:auto;margin-left:auto;opacity:.6}@media (max-width:768px){.submenu{left:72px;min-width:200px;max-width:calc(100vw - 80px)}.left-navigation{height:calc(100vh - 72px);max-height:calc(100vh - 72px)}.top-nav{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}}@media (max-height:600px){.left-navigation{height:calc(100vh - 72px);max-height:calc(100vh - 72px)}.top-nav{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 200px)}.left-navigation .vendor-toggle,.left-navigation a{margin:8px 0}}.dummyDashboard{padding:20px}.dummyDashboard .topic{margin-bottom:10px}.dummyDashboard ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between}.dummyDashboard ul>li{width:calc(25% - 10px);border:1px solid var(--border-color);margin-top:20px;padding:20px}.dummyDashboard .item{padding:10px;background:var(--surface-color);margin-top:10px;border-radius:5px;text-decoration:none;color:var(--text-color);font-size:.875rem;transition:all .3s cubic-bezier(.25,.8,.25,1)}.dummyDashboard .item>div{display:flex;justify-content:space-between}.dummyDashboard .heading{background:#dddbdb}.dummyDashboard .heading,.dummyDashboard .title{padding:3px 10px;width:100%;border-radius:5px;display:flex;justify-content:space-between}.dummyDashboard .heading a,.dummyDashboard .title a{color:var(--primary-color);font-weight:500;font-size:1rem}.dummyDashboard .item:hover{cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.dummyDashboard .item:hover svg{stroke:var(--primary-color)}.dummyDashboard .item svg{width:22px;height:22px;stroke:#000}.dummyDashboard .item span{margin-right:10px}.dummyDashboard .item strong{font-weight:400}.dummyDashboard .stats-block{display:flex;align-items:center;gap:20px;margin:20px 0}.dummyDashboard .stats-block>.item{width:100%;height:50vh;padding:20px;border-radius:10px;background:var(--surface-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.popup-overlay{background-color:rgba(0,0,0,.12);z-index:100;cursor:default}.popup,.popup-overlay{position:fixed;top:0;right:0;width:100%;height:100%}.popup{max-width:800px;background:var(--background-color);z-index:110;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:flex;flex-direction:column}.popup-header{background:var(--text-color);color:var(--background-color);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 0 0 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.popup-header h2{font-size:1rem;font-weight:500}.popup-header .popup-close{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:none;color:var(--background-color)}.popup-header .popup-close svg{width:22px;height:22px}.popup-scroll{overflow-y:auto}.popup-scroll::-webkit-scrollbar{width:8px;height:8px}.popup-scroll::-webkit-scrollbar-track{background-color:var(--background-color);border-radius:10px}.popup-scroll::-webkit-scrollbar-thumb{background-color:var(--inputBorder-color);border-radius:10px;border:2px solid var(--border-color)}.popup-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.popup-action-bar{display:flex;justify-content:space-between;position:sticky;top:0;background:var(--background-color);height:60px;align-items:center}.popup-action-bar .primary{margin-left:auto}.popup-action-bar strong{font-weight:600}.popup-content{padding:20px 20px 200px;font-size:.875rem}.popup-action-bar{background:var(--surface-color);padding:10px 20px;z-index:10;box-shadow:0 1px 2px rgba(0,0,0,.12)}.popup-body{flex-grow:0;min-height:0;display:flex;width:100%;flex-direction:column;height:100%}.dialog-overlay{background-color:rgba(0,0,0,.12);position:fixed;top:0;right:0;width:100%;height:100%;z-index:150}.dialog{position:fixed;left:50%;top:50%;background:#fff;border-radius:20px;box-shadow:0 10px 10px rgba(0,0,0,.5);padding:40px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;min-width:320px;max-width:600px;text-align:center}.dialog-header h2{font-weight:700;font-size:1.5rem}.dialog p{padding:20px 0 10px;font-size:1rem}.dialog-footer{display:flex;justify-content:center;width:100%;gap:20px;padding-top:20px}.dialog-footer button{font-weight:600;font-size:1.01rem}@keyframes slideDown{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%)}}.modal-popup{position:fixed;left:0;top:0;z-index:100;background:rgba(0,0,0,.12);width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px 20px 40px 72px}.modal-popup h2{padding-bottom:20px;text-align:left}.modal-popup>*{box-shadow:0 10px 10px rgba(0,0,0,.5);padding:20px;width:100%;background:var(--background-color);border-radius:10px;max-width:500px}.modal-popup-button{justify-content:space-between;padding-top:20px}.modal-popup-button,.modal-popup-button *{display:flex;align-items:center;gap:10px}.modal-content{position:relative}.modal-close{width:40px;height:40px;position:absolute;right:10px;top:10px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:after,.modal-close:before{content:"";position:absolute;width:16px;height:2px;background-color:var(--text-color)}.modal-close:before{transform:rotate(45deg)}.modal-close:after{transform:rotate(-45deg)}.popup-overlay.popup-center{display:flex;align-items:center;justify-content:center;padding:20px}.popup-overlay.popup-center .popup{position:static;height:auto;border-radius:20px}.popup-overlay.popup-center .popup-scroll,.popup-overlay.popup-center .popup-scroll>form{display:flex;flex-direction:column-reverse}.popup-overlay.popup-center .popup-scroll .popup-action-bar{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.popup-overlay.popup-center .popup-header{border-top-left-radius:20px;border-top-right-radius:20px;background:var(--primary-color)}.popup-overlay.popup-center .popup-content{max-height:80vh;overflow:auto;padding:20px}.popup-body>.tabs{height:100%;display:flex;flex-direction:column}.popup-content a{color:var(--text-color)}.popup-action-zone,.popup-option-element{display:flex;align-items:center;height:100%}.popup-option-element{padding:0 20px;background:rgba(0,0,0,.5);gap:10px;font-size:.875rem}.popup-option-element .dots-menu span{background:hsla(0,0%,100%,.15)}.popup-option-element .dots-menu span:hover{background:hsla(0,0%,100%,.2)}.popup-heading-with-bu{display:flex;gap:10px;align-items:center}.popup-heading-with-bu a{color:var(--background-color);text-decoration:none;display:flex;align-items:center;font-size:.75rem;gap:5px;padding:5px;border-radius:5px;background:hsla(0,0%,100%,.1);opacity:.6}.popup-heading-with-bu a:hover{opacity:1}.popup-heading-with-bu a svg{width:22px;height:22px}div[data-radix-popper-content-wrapper]{z-index:1000!important;background:var(--background-color);padding:10px;border-radius:10px;box-shadow:0 -2px 6px rgba(0,0,0,.12),0 3px 4px rgba(0,0,0,.28)}button[name=next-month],button[name=previous-month]{position:absolute;left:5px;top:5px;width:40px;height:40px;border:1px solid var(--inputBorder-color);border-radius:5px;justify-content:center;align-items:center;background:var(--background-color)}button[name=next-month]{left:auto;right:5px}.rdp-multiple_months>div{display:flex}.rdp-multiple_months .w-8{width:2em}.rdp-multiple_months .h-8{height:2em}.rdp-multiple_months .inline-flex{display:inline-flex}.rdp-multiple_months td button{cursor:pointer;border:none;background:none;font-weight:500;justify-content:center;align-items:center;border-radius:5px;min-height:0;font-weight:400;font-size:14px}.rdp-multiple_months th{font-weight:400;font-size:.8rem;opacity:.7;min-height:0}.rdp-caption_end,.rdp-caption_start{padding:10px}.rdp-caption_end{border:none}.rdp-multiple_months .justify-center.flex{text-align:center;font-weight:600;display:flex;justify-content:center;padding-bottom:10px}.rdp-multiple_months table{border-collapse:collapse}.rdp-multiple_months tr td:first-child,.rdp-multiple_months tr td:last-child,.rdp-multiple_months tr th:first-child,.rdp-multiple_months tr th:last-child{background:var(--surface-color)}.rdp-multiple_months .bg-accent{border:1px solid var(--inputBorder-color)}.rdp-multiple_months aria-selected:opacity-30{opacity:.3}.rdp-multiple_months .aria-selected\:bg-accent[aria-selected=true]{background:var(--highlight-color);color:#000}.rdp-multiple_months .aria-selected\:opacity-30[aria-selected=true]{opacity:.3}.rdp-multiple_months .opacity-50{opacity:.5}.rdp-multiple_months .bg-primary{background:var(--primary-color);border-radius:5px;color:#fff}.input-occupancy strong{display:block;font-size:.875rem;font-weight:400;padding:0 0 3px 5px;position:relative;opacity:.8}.occupancy button{display:flex;align-items:center;padding:10px;width:100%;border-radius:5px;line-height:1em;text-align:left;border:1px solid var(--inputBorder-color);background:var(--background-color)}.occupancy button:after{content:" ";margin:0 0 0 auto;border:6px solid transparent;border-top:7px solid var(--inputFont-color);border-bottom:0}.occupancy-popup-container{width:250px}.occupancy-popup{border-radius:10px;background:var(--background-color);padding:5px 10px;z-index:1;width:100%;align-items:center;color:var(--inputFont-color)}.occupancy-popup>.textbox{display:flex;align-items:center;background:var(--surface-color);margin:5px 0;padding:10px;border-radius:5px}.occupancy-popup .textbox .error{display:none!important}.occupancy-popup strong{font-weight:600}.occupancy-popup input[type=number]{max-width:80px;margin-left:auto}.occupancy-popup section{border-top:1px solid var(--border-color);margin-top:10px}.assign-to{display:flex;align-items:center;font-size:.875rem}.assign-to select,.textbox.vertical select{border:none;border:1px solid var(--border-color);padding:0 10px;max-width:200px}.textbox.vertical select{border:none;border:1px solid var(--border-color);padding:0 10px;width:200px}.transport-dashboard-container{padding:20px;background-color:var(--page-background-color);min-height:100vh}.transport-dashboard-header{background:var(--background-color);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard-title{font-size:24px;font-weight:700;color:var(--text-color);margin:0}.dashboard-subtitle{font-size:14px;color:var(--secondary-color);margin:2px 0 0;display:flex;align-items:center;gap:8px}.keyboard-hint{font-size:12px;color:var(--disabled-text-color);background:var(--surface-color);padding:2px 6px;border-radius:4px;font-family:var(--font-family-base)}.date-navigation{gap:8px}.date-nav-btn,.date-navigation{display:flex;align-items:center}.date-nav-btn{justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--secondary-color);cursor:pointer;transition:all .2s ease}.date-nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--surface-color)}.date-nav-btn:active{transform:scale(.95)}.date-nav-btn:disabled{opacity:.5;cursor:not-allowed}.date-nav-btn:disabled:hover{border-color:var(--border-color);color:var(--secondary-color);background:var(--background-color)}.today-btn{background:var(--surface-color);border-color:var(--border-color)}.today-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.date-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;min-width:140px;text-align:center}.date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(25,118,210,.1)}.stats-overview{display:flex;gap:16px}.stat-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-color);border-radius:6px;flex:1}.stat-icon,.stat-number{font-size:20px}.stat-number{font-weight:700;color:var(--text-color)}.transport-dashboard-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.transport-booking-section,.transport-reminder-section,.transport-staff-section{background:var(--background-color);border-radius:8px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:18px;font-weight:600;color:var(--text-color);margin:0}.stat-badge{background:var(--highlight-color);color:var(--primary-color);padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500}.package-group{margin-bottom:20px}.package-header{padding-bottom:8px;border-bottom:1px solid var(--border-color)}.package-name{font-size:16px}.package-total{font-size:12px;color:var(--secondary-color);background:var(--surface-color);padding:4px 8px;border-radius:4px}.time-slots{display:flex;flex-direction:column;gap:8px;margin-left:16px}.time-slot-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:6px;padding:12px;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.vendor-time-slot{border-left:3px solid var(--primary-color)}.time-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.time-label{font-size:14px;font-weight:600;color:var(--primary-color);background:var(--highlight-color);padding:4px 8px;border-radius:4px}.group-title{font-size:16px;font-weight:600;color:var(--text-color);margin:0 0 12px}.package-list{display:flex;flex-direction:column;gap:12px}.package-card{border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.package-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(25,118,210,.1)}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.package-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0}.booking-count{background:var(--surface-color);color:var(--secondary-color);padding:2px 6px;border-radius:4px;font-size:12px}.pax-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pax-item{display:flex;justify-content:space-between;font-size:12px}.pax-label{color:var(--secondary-color)}.pax-count{font-weight:600;color:var(--text-color)}.vendor-group{margin-bottom:16px}.vendor-name{font-size:14px;font-weight:600;color:var(--primary-color);margin:0 0 8px}.staff-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.summary-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-color);border-radius:6px;border:1px solid var(--border-color);transition:all .2s ease}.summary-card:hover{background:var(--surface-color);transform:translateY(-1px)}.summary-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--background-color);border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.summary-content{display:flex;flex-direction:column;gap:2px}.summary-number{font-size:18px;font-weight:700;color:var(--text-color);line-height:1.2}.summary-label{font-size:11px;color:var(--secondary-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.staff-list{display:flex;flex-direction:column;gap:8px}.staff-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.staff-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(25,118,210,.15)}.staff-card-header{justify-content:space-between;margin-bottom:8px}.staff-card-header,.staff-profile{display:flex;align-items:center;gap:12px}.staff-profile{flex:1}.staff-balance{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:100px}.balance-label{font-size:12px;color:var(--secondary-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:16px;font-weight:700;color:var(--primary-color);line-height:1.2}.staff-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid var(--border-color)}.staff-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--surface-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--secondary-color);font-size:16px}.staff-info{flex:1}.staff-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 2px;line-height:1.2}.staff-email{font-size:12px;color:var(--secondary-color);margin:0;line-height:1.2}.staff-stats{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;gap:12px;justify-content:space-between}.stat-item{display:flex;flex-direction:column;gap:2px;padding:4px 0}.stat-label{font-size:12px;color:var(--secondary-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:700;color:var(--text-color);line-height:1.2}.reminder-list{display:flex;flex-direction:column;gap:8px}.reminder-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color);background:var(--background-color)}.reminder-card.warning{background:#fff8f0;border:1px solid #ff9800;box-shadow:0 2px 4px rgba(255,152,0,.1)}.reminder-card.info{background:#f0f8ff}.reminder-card.default,.reminder-card.info{border:1px solid var(--primary-color);box-shadow:0 2px 4px rgba(0,161,151,.1)}.reminder-card.default{background:var(--background-color)}.reminder-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.reminder-icon{font-size:18px;flex-shrink:0}.reminder-content{flex:1}.reminder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.reminder-title{font-size:13px;font-weight:700;color:var(--text-color);margin:0;text-transform:uppercase;letter-spacing:.5px}.reminder-count{background:var(--primary-color);color:#fff;padding:3px 6px;border-radius:10px;font-size:10px;font-weight:700;min-width:18px;text-align:center;box-shadow:0 2px 4px rgba(0,161,151,.3)}.reminder-message{font-size:12px;color:var(--text-color);margin:0 0 4px;line-height:1.3;font-weight:500}.reminder-actions{font-size:11px;color:var(--primary-color);font-weight:600;text-decoration:underline;cursor:pointer;transition:color .2s ease}.reminder-actions:hover{color:#00796b}.empty-state{text-align:center;padding:40px 20px;color:var(--secondary-color)}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state p{margin:0;font-size:14px}.loading-state{color:var(--secondary-color);font-style:italic}@media (max-width:1200px){.transport-dashboard-content{grid-template-columns:1fr 1fr}.transport-reminder-section{grid-column:1/-1}}@media (max-width:768px){.transport-dashboard-content{grid-template-columns:1fr}.header-content{flex-direction:column;gap:16px;align-items:flex-start}.date-navigation{flex-wrap:wrap;gap:6px}.date-nav-btn{width:32px;height:32px}.date-input{min-width:120px;font-size:13px}.keyboard-hint{display:none}.stats-overview{flex-direction:column;gap:12px}.staff-summary{grid-template-columns:1fr}.staff-card-header{gap:10px;flex-direction:column;align-items:flex-start}.staff-profile{width:100%}.staff-balance{align-self:flex-end;min-width:80px}.staff-avatar{width:36px;height:36px}.stat-row{flex-direction:column;gap:6px}}@media (max-width:480px){.date-navigation{width:100%;justify-content:center}.date-input{flex:1;min-width:100px}}.dashboard-transport-details{padding:25px 16px;background:var(--background-color)}.commission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.commission-header h4{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.commission-filters{display:flex;gap:10px;align-items:center}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-primary);font-size:14px;min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.commission-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.commission-table-container .table{min-width:600px}.commission-table-container .tbl-row{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr 1fr 1fr;gap:15px;padding:12px 16px;border-bottom:1px solid var(--border-light);align-items:center;transition:background-color .2s ease}.commission-table-container .tbl-row:hover{background-color:var(--hover-background)}.commission-table-container .tbl-row:last-child{border-bottom:none}.commission-table-container .tbl-row.no-data{grid-column:1/-1;text-align:center;color:var(--text-secondary);font-style:italic;padding:20px}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-pending{background-color:#fef3c7;color:#d97706}.status-credited{background-color:#d1fae5;color:#059669}.status-default{background-color:#f3f4f6;color:#6b7280}.btn-action{padding:6px 12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.btn-action:hover{background-color:var(--primary-dark)}.btn-retry{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;margin-top:10px}.btn-retry:hover{background-color:var(--primary-dark)}.error-state,.loading-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.error-state{color:var(--error-color)}@media (max-width:768px){.commission-header{flex-direction:column;align-items:flex-start}.commission-filters{width:100%;justify-content:flex-start}.commission-table-container .tbl-row{grid-template-columns:1fr 1fr 1fr;gap:10px;font-size:14px}.commission-table-container .tbl-row span:nth-child(4),.commission-table-container .tbl-row span:nth-child(5),.commission-table-container .tbl-row span:nth-child(6){grid-column:1/-1;margin-top:5px}}@media (max-width:480px){.commission-table-container .tbl-row{grid-template-columns:1fr;gap:8px;text-align:left}.commission-table-container .tbl-row span{display:block;margin-bottom:5px}.commission-table-container .tbl-row span:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-secondary)}}.ticketing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ticketing-header h4{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.ticketing-filters{display:flex;gap:10px;align-items:center}.filter-input{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-primary);font-size:14px;min-width:200px}.filter-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.ticketing-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.ticketing-table-container .table{min-width:800px}.ticketing-table-container .tbl-row{display:grid;grid-template-columns:2fr 2fr 1fr 1.5fr 1fr 1fr;gap:15px;padding:12px 16px;border-bottom:1px solid var(--border-light);align-items:center;transition:background-color .2s ease}.ticketing-table-container .tbl-row:hover{background-color:var(--hover-background)}.ticketing-table-container .tbl-row:last-child{border-bottom:none}.pax-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.pax-type{margin-top:4px}.pax-type-badge{display:inline-block;padding:2px 6px;border-radius:8px;font-size:11px;font-weight:500;text-transform:capitalize}.pax-type-adult{background-color:#dbeafe;color:#1e40af}.pax-type-child{background-color:#fef3c7;color:#d97706}.pax-type-toddler{background-color:#f3e8ff;color:#7c3aed}.pax-type-infant{background-color:#fce7f3;color:#be185d}.pax-type-default{background-color:#f3f4f6;color:#6b7280}.seat-info{display:inline-block;padding:4px 8px;background-color:var(--primary-light);border-radius:4px;font-size:12px}.booking-ref,.seat-info{color:var(--primary-color);font-weight:500}.booking-ref{cursor:pointer;text-decoration:underline}.booking-ref:hover{color:var(--primary-dark)}.print-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.print-button:hover{background-color:var(--primary-dark)}.print-button svg{width:16px;height:16px}.action-buttons{display:flex;gap:8px}.action-buttons,.btn-print,.btn-update{align-items:center;justify-content:center}.btn-print,.btn-update{display:inline-flex;padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;min-width:32px;height:32px;text-decoration:none}.btn-update{background-color:var(--primary-color);color:#fff}.btn-update:hover{background-color:var(--primary-dark)}.btn-print{background-color:var(--secondary-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-print:hover{background-color:var(--hover-background)}.btn-print svg,.btn-update svg{width:14px;height:14px}.form-header{margin-bottom:20px;text-align:center;padding:15px;background:var(--background-light);border-radius:8px;border:1px solid var(--border-light)}.form-header h3{margin:0 0 10px;color:var(--text-primary);font-size:18px;font-weight:600}.booking-info,.pax-info{margin:5px 0;color:var(--text-secondary);font-size:14px}.loading-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}@media (max-width:768px){.ticketing-header{flex-direction:column;align-items:flex-start}.ticketing-filters{width:100%;justify-content:flex-start}.filter-input{min-width:150px}.ticketing-table-container .tbl-row{grid-template-columns:1fr 1fr;gap:10px;font-size:14px}.ticketing-table-container .tbl-row span:nth-child(3),.ticketing-table-container .tbl-row span:nth-child(4),.ticketing-table-container .tbl-row span:nth-child(5),.ticketing-table-container .tbl-row span:nth-child(6){grid-column:1/-1;margin-top:5px}}@media (max-width:480px){.ticketing-table-container .tbl-row{grid-template-columns:1fr;gap:8px;text-align:left}.ticketing-table-container .tbl-row span{display:block;margin-bottom:5px}.ticketing-table-container .tbl-row span:before{content:attr(data-label) ": ";font-weight:600;color:var(--text-secondary)}}.account-tab-navigation{display:flex;border-bottom:2px solid #e5e7eb}.account-details .quick-date-btn.active{background-color:#f0f9ff;color:var(--primary-color);border:none}.account-tab-button{background:none;padding:12px 24px;cursor:pointer;font-weight:500;color:#6b7280;border:none;border-bottom:2px solid transparent;transition:all .3s ease;text-decoration:none}.account-tab-button:hover{color:#374151;background-color:#f9fafb}.account-tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#f0f9ff}.account-details-section{background:var(--surface-color);border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin:24px 0}.account-details-section h3{color:var(--text-color);font-size:18px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:14px;color:var(--disabled-text-color);font-weight:500}.info-value{font-size:16px;color:var(--text-color);font-weight:600}.green-text{color:green}.red-text{color:red}