body{background-color:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#root,.app{min-height:100vh}.app{display:flex}button{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s ease}input,select,textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;padding:8px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#bd2a2e;box-shadow:0 0 0 3px #bd2a2e1a}.room-details-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.room-details-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:85vh;max-width:700px;width:100%}.room-details-header{align-items:flex-start;background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;border-left:4px solid #3b82f6;justify-content:space-between;padding:24px}.room-details-header-left{display:flex;flex-direction:column;gap:8px}.room-number-large{color:#111827;font-size:24px;font-weight:700}.room-type-badge{background:#dbeafe;border-radius:6px;color:#1e40af;display:inline-block;font-size:12px;padding:4px 12px}.room-status-badge,.room-type-badge{font-weight:600;width:-webkit-fit-content;width:fit-content}.room-status-badge{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.status-icon{font-size:14px}.close-modal-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-modal-btn:hover{background:#e5e7eb;color:#111827}.room-details-body{flex:1 1;overflow-y:auto;padding:24px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{animation:spin .8s linear infinite;height:40px;width:40px}.error-state p{color:#ef4444;font-size:14px}.retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.retry-btn:hover{background:#2563eb}.details-section{background:#f9fafb;border-radius:12px;margin-bottom:16px;padding:20px}.section-title{color:#111827;font-size:16px;gap:8px;margin-bottom:16px}.title-icon{font-size:20px}.guest-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;margin-bottom:16px;padding:16px}.guest-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.guest-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.guest-name{align-items:center;color:#111827;display:flex;flex-wrap:wrap;font-size:18px;font-weight:700;gap:8px}.loyalty-badge{align-items:center;border-radius:6px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.guest-contact{display:flex;flex-direction:column;gap:4px}.contact-item,.guest-nationality{color:#6b7280;font-size:13px}.guests-composition{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.guests-composition h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.composition-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.composition-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:8px;padding:10px}.composition-item.total{background:#dbeafe;font-weight:600;grid-column:1/-1}.composition-icon{font-size:18px}.composition-label{color:#6b7280;flex:1 1;font-size:13px}.composition-value{color:#111827;font-size:16px;font-weight:700}.share-partner{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.share-partner h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.partner-info{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:flex;font-size:14px;gap:8px;padding:10px}.partner-icon{font-size:18px}.wristbands-section{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.wristbands-section h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.wristbands-list{display:flex;flex-direction:column;gap:10px}.wristband-item{align-items:center;background:#f9fafb;border-left:4px solid;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.wristband-item:hover{background:#f3f4f6;transform:translateX(2px)}.wristband-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.wristband-info{flex:1 1;gap:2px}.wristband-number{color:#111827;font-family:monospace;font-size:14px}.wristband-guest{color:#6b7280;font-size:13px;font-weight:600}.wristband-delivered{color:#9ca3af;font-size:11px}.stay-timeline{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.stay-timeline h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.timeline-info{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.timeline-item{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.timeline-item:last-child{border-bottom:none}.timeline-label{color:#6b7280;font-size:13px}.timeline-value{color:#111827;font-size:13px;font-weight:600;text-align:right}.timeline-value.highlight{color:#3b82f6}.stay-progress{margin-top:12px}.progress-bar-container{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.progress-stats{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.reservation-notes{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.reservation-notes h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:8px}.reservation-notes p{color:#6b7280;font-size:13px;line-height:1.5}.confirmation-info{background:#fff;border-radius:8px;display:flex;justify-content:center;margin-top:8px;padding:12px}.confirmation-number{color:#6b7280;font-family:monospace;font-size:13px;font-weight:600}.cleaning-assignment,.last-guest-info{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.cleaning-assignment h4,.last-guest-info h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.info-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label,.info-value{font-size:13px}.info-value{color:#111827;font-weight:600;text-align:right}.next-reservation{background:#fff;border-radius:12px;padding:16px}.next-reservation h4{color:#111827;font-size:14px;font-weight:600;margin-bottom:12px}.no-upcoming{padding:32px;text-align:center}.no-upcoming p{color:#9ca3af;font-size:14px}.upcoming-guest{display:flex;gap:16px;margin-bottom:16px}.reservation-timeline,.upcoming-guest{background:#fff;border-radius:12px;padding:16px}.reservation-timeline{margin-bottom:12px}.room-info-section{background:#f0f9ff;border-left:3px solid #3b82f6}.room-specs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.spec-item{background:#fff;border-radius:8px;padding:12px;text-align:center}.spec-label{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.spec-value{color:#111827;display:block;font-size:16px;font-weight:700}@media (max-width:768px){.room-details-overlay{padding:0}.room-details-modal{border-radius:0;max-height:100vh;max-width:100%}.room-details-header{padding:16px}.room-number-large{font-size:20px}.room-details-body{padding:16px}.composition-grid,.room-specs{grid-template-columns:1fr}.guest-card{flex-direction:column;text-align:center}.guest-card,.guest-info{align-items:center}}.reception-container{background-color:#f8f9fa;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.reception-sidebar{background-color:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 10px #0000001a;padding:20px;width:280px;z-index:10}.reception-logo{color:#bd2a2e;font-size:20px;font-weight:700;line-height:1.3;margin-bottom:30px;text-align:center}.reception-nav-item{background:none;border:none;border-radius:8px;color:#3b3936;cursor:pointer;display:block;font-size:14px;margin:8px 0;padding:12px 16px;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.reception-nav-item:hover{background-color:#f8f9fa;transform:translateX(2px)}.reception-nav-item.active{background:linear-gradient(135deg,#bd2a2e,#3b3936);color:#fff}.reception-content{flex:1 1;overflow:auto;padding:20px}.reception-header{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.reception-title{color:#3b3936;font-size:28px;font-weight:700;margin:0}.reception-subtitle{color:#889c9b;font-size:16px;margin-top:5px}.cash-status{align-items:center;display:flex;gap:15px}.cash-info{margin-right:15px;text-align:right}.cash-label{color:#889c9b;font-size:14px}.cash-amount{color:#486966;font-size:18px;font-weight:700}.cash-secondary{color:#3b3936;font-size:14px;margin-top:2px}.cash-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.cash-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.cash-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.open-cash-button{background-color:#486966;color:#fff}.close-cash-button{background:linear-gradient(135deg,#bd2a2e,#3b3936);color:#fff}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.reception-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:transform .2s ease}.reception-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.card-title{color:#3b3936;font-size:18px;font-weight:700;margin-bottom:15px}.room-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.room-card{border-radius:8px;color:#fff;font-weight:700;padding:15px;position:relative;text-align:center}.room-card:hover{transform:scale(1.05)}.room-status{font-size:11px;margin-top:5px;opacity:.9}.reservation-list{max-height:300px;overflow-y:auto}.reservation-item{border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px;padding:12px;transition:all .2s ease}.reservation-item:hover{background-color:#f8f9fa;border-color:#bd2a2e}.reservation-guest{color:#3b3936;font-weight:700}.reservation-details{color:#889c9b;font-size:14px;margin-top:4px}.reception-modal{align-items:center;animation:fadeIn .3s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease;background-color:#fff;box-shadow:0 10px 30px #0000004d;padding:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#3b3936;font-size:24px;font-weight:700;margin-bottom:20px}.modal-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}.modal-input:focus{border-color:#bd2a2e;box-shadow:0 0 0 3px #bd2a2e1a;outline:none}.modal-textarea{font-family:inherit;min-height:80px;resize:vertical}.expected-balance{background-color:#f8f9fa;border-left:4px solid #486966;border-radius:8px;margin-bottom:20px;padding:15px}.expected-amount{color:#3b3936;font-weight:700;margin-bottom:5px}.expected-details{color:#889c9b;font-size:14px}.button-group{display:flex;gap:15px;margin-top:20px}.modal-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px;transition:all .3s ease}.modal-button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.modal-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.primary-button{background:linear-gradient(135deg,#bd2a2e,#3b3936);color:#fff}.secondary-button{background-color:#b2bebf;color:#3b3936}@media (max-width:768px){.reception-container{flex-direction:column}.reception-sidebar{height:auto;padding:15px;width:100%}.reception-nav-item{display:inline-block;font-size:12px;margin:5px;padding:8px 12px}.dashboard-grid{gap:15px;grid-template-columns:1fr}.room-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.reception-header{flex-direction:column;gap:15px;text-align:center}.cash-status{justify-content:center}.modal-content{padding:20px;width:95%}}.reception-room-card{cursor:pointer;transition:all .3s ease}.reception-room-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.reception-card{transition:all .3s ease}.reception-card:hover{box-shadow:0 8px 25px #0000001a}.status-indicator{display:inline-block;height:8px;margin-right:5px;width:8px}.status-online{background-color:#486966}.status-offline{background-color:#bd2a2e}.dynamic-update{animation:fadeIn .5s ease-out}.notification-enter{animation:slideInRight .3s ease-out}.urgent-priority{animation:bounce 1s infinite}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.reception-notifications{right:5vw!important;width:90vw!important}.reception-refresh-button{bottom:10px!important;height:45px!important;right:10px!important;width:45px!important}}.reception-dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (min-width:1200px){.reception-dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.reception-dashboard-grid{grid-template-columns:repeat(4,1fr)}}.success-state{background-color:#f0f8f0!important;border-left:4px solid #486966!important}.error-state{background-color:#fff5f5!important;border-left:4px solid #bd2a2e!important}.warning-state{background-color:#fafafa!important;border-left:4px solid #b2bebf!important}.reception-button{overflow:hidden;position:relative;transition:all .2s ease}.reception-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.reception-button:active{transform:translateY(0)}.icon-spin{animation:spin 1s linear infinite}.room-check-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.room-check-modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.room-check-modal-header{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.room-check-modal-header h2{font-size:24px;margin:0}.room-check-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;transition:background .2s;width:40px}.room-check-modal-header .close-btn:hover{background:#fff3}.room-check-modal-body{padding:24px}.room-check-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media (max-width:767px){.room-check-modal-overlay{padding:0!important}.room-check-modal-content{border-radius:0!important;display:flex;flex-direction:column;height:100vh!important;max-height:100vh!important;max-width:100%!important;width:100%!important}.room-check-modal-header{border-radius:0!important;box-shadow:0 2px 8px #0000001a;flex-shrink:0;padding:16px 20px!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}.room-check-modal-header h2{font-size:18px!important;line-height:1.3}.room-check-modal-header .room-info{font-size:13px!important;margin-top:4px;opacity:.95}.room-check-modal-header .close-btn{font-size:28px!important;margin-left:8px;min-height:44px!important;min-width:44px!important}.room-check-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px!important}.room-check-modal-footer{bottom:0;box-shadow:0 -2px 8px #00000014;flex-direction:column!important;flex-shrink:0;gap:10px!important;padding:14px 16px max(14px,env(safe-area-inset-bottom))!important;position:-webkit-sticky;position:sticky;z-index:100}.room-check-modal-footer button{margin:0!important;width:100%!important}}.modal-section{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:20px}.modal-section h3{color:#2c3e50;font-size:18px;gap:8px;margin:0 0 16px}.modal-section.collapsible h3{background:#fff;border-radius:8px;cursor:pointer;padding:12px;transition:background .2s;-webkit-user-select:none;user-select:none}.modal-section.collapsible h3:hover{background:#e9ecef}.modal-section.collapsible h3:after{content:"▼";font-size:14px;margin-left:auto;transition:transform .3s}.modal-section.collapsible.collapsed h3:after{transform:rotate(-90deg)}.modal-section.collapsed .section-content{display:none}@media (max-width:767px){.modal-section{border-radius:10px!important;margin-bottom:16px!important;padding:14px!important}.modal-section h3{font-size:16px!important;margin-bottom:12px!important}.modal-section.collapsible{margin-bottom:10px!important}.modal-section.collapsible h3{font-size:15px!important;min-height:48px!important;padding:12px 14px!important}}.tasks-checklist{grid-gap:8px;display:grid;gap:8px}.task-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.task-item:hover{background:#f8f9fa}.task-item.checked{background:#d1fae5;border-color:#10b981}.task-item input[type=checkbox]{cursor:pointer;height:20px;margin-right:12px;width:20px}.task-item label{cursor:pointer;flex:1 1;font-size:14px;line-height:1.4}@media (max-width:767px){.tasks-checklist{gap:10px!important}.task-item{border-radius:10px!important;min-height:52px!important;padding:14px 16px!important}.task-item:active{transform:scale(.98)}.task-item input[type=checkbox]{height:24px!important;margin-right:14px!important;width:24px!important}.task-item label{font-size:15px!important;line-height:1.5!important}}.minibar-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:16px;padding:16px;transition:all .3s;width:100%}.minibar-toggle-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.minibar-list{grid-gap:12px;display:grid;gap:12px}.minibar-item{background:#fff;border:2px solid #e9ecef;border-radius:10px;padding:16px;transition:border-color .2s}.minibar-item.selected{background:#eff6ff;border-color:#3b82f6}.minibar-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.minibar-item-name{color:#2c3e50;font-size:15px;font-weight:600}.minibar-item-info{color:#6c757d;font-size:12px;margin-top:2px}.minibar-item-stock{background:#e9ecef;border-radius:12px;font-size:13px;font-weight:500;padding:4px 10px}.minibar-item-stock.low{background:#fee;color:#dc2626}.minibar-controls{gap:12px}.minibar-btn,.minibar-controls{align-items:center;display:flex}.minibar-btn{border:none;border-radius:10px;cursor:pointer;font-size:20px;font-weight:700;height:44px;justify-content:center;transition:all .2s;width:44px}.minibar-btn.plus{background:#10b981;color:#fff}.minibar-btn.plus:hover{background:#059669}.minibar-btn.minus{background:#ef4444;color:#fff}.minibar-btn.minus:hover{background:#dc2626}.minibar-btn:disabled{cursor:not-allowed;opacity:.4}.minibar-quantity{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-size:18px;font-weight:600;height:44px;text-align:center}@media (max-width:767px){.minibar-toggle-btn{font-size:16px!important;margin-bottom:16px!important;min-height:56px!important;padding:16px 20px!important}.minibar-list{gap:14px!important}.minibar-item{border-radius:12px!important;padding:16px!important}.minibar-item-header{flex-direction:column;gap:8px;margin-bottom:14px!important}.minibar-item-name{font-size:16px!important}.minibar-item-info{font-size:13px!important}.minibar-item-stock{align-self:flex-start}.minibar-controls{gap:10px!important}.minibar-btn{border-radius:12px!important;font-size:24px!important;min-height:56px!important;min-width:56px!important}.minibar-btn:active{transform:scale(.95)}.minibar-quantity{border-radius:10px!important;border-width:2px!important;font-size:20px!important;min-height:56px!important}}input[type=number],input[type=text],select,textarea{border:2px solid #e9ecef;border-radius:8px;font-size:15px;padding:12px 16px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}textarea{min-height:100px;resize:vertical}@media (max-width:767px){input[type=number],input[type=text],select,textarea{border-radius:10px!important;font-size:16px!important;min-height:48px!important;padding:12px 16px!important}textarea{min-height:120px!important}}.btn-primary{transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #bd2a2e4d}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6c757d;border:none;border-radius:10px;font-size:16px;padding:14px 28px;transition:all .3s}.btn-secondary:hover{background:#5a6268}@media (max-width:767px){.btn-primary,.btn-secondary{border-radius:12px!important;font-size:16px!important;margin-bottom:8px;min-height:52px!important;padding:14px 24px!important;width:100%!important}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}}.add-item-container{margin-top:12px}.add-item-form{display:flex;gap:10px;margin-bottom:12px}.add-item-form input{flex:1 1}.add-item-form button{padding:0 20px;white-space:nowrap}.items-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.item-chip{align-items:center;background:#e9ecef;border-radius:20px;display:inline-flex;font-size:14px;gap:8px;padding:8px 14px}.item-chip button{align-items:center;background:none;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.item-chip button:hover{background:#dc26261a}@media (max-width:767px){.add-item-form{gap:8px!important}.add-item-form button,.add-item-form input{min-height:48px!important}.add-item-form button{min-width:56px!important}.items-list{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr!important}.item-chip{border-radius:10px!important;font-size:15px!important;justify-content:space-between;padding:12px 16px!important}.item-chip button{font-size:20px!important;min-height:32px!important;min-width:32px!important}}.lost-item-form{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}@media (max-width:767px){.lost-item-form{gap:10px!important}}@supports (padding:max(0px)){@media (max-width:767px){.room-check-modal-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))!important}}}.housekeeping-container{margin:0 auto;max-width:1400px;padding:20px}.rooms-grid.housekeeping-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.room-card{box-shadow:0 2px 8px #0000001a}.room-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}@media (max-width:1024px){.housekeeping-container{padding:16px}.rooms-grid.housekeeping-view{gap:16px}.rooms-grid.housekeeping-view,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.housekeeping-container{padding:12px}.housekeeping-container h1{font-size:24px!important;margin-bottom:12px!important}.housekeeping-container h2{font-size:20px!important}.stats-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important;margin-bottom:16px!important}.stats-grid>div{font-size:13px!important;padding:12px!important}.stats-grid>div>div:first-child{font-size:11px!important}.stats-grid>div>div:last-child{font-size:20px!important}.rooms-grid.housekeeping-view{gap:12px!important;grid-template-columns:1fr!important}.room-card{border-radius:8px!important;padding:16px!important}.room-card h3{font-size:18px!important;margin-bottom:8px!important}.room-card button{font-size:15px!important;margin-top:8px!important;min-height:48px!important;padding:12px 20px!important;width:100%!important}.view-mode-toggle{margin-bottom:16px!important}.view-mode-toggle button{font-size:14px!important;min-height:44px!important;padding:10px 20px!important}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs-container button{font-size:14px!important;min-height:48px!important;padding:12px 16px!important;white-space:nowrap}.requests-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:1fr!important}.request-card{padding:14px!important}.request-card button{margin-top:8px!important;min-height:44px!important;width:100%!important}.history-grid{grid-template-columns:1fr!important}.notification-card{margin:8px!important}.calendar-container,.notification-card{padding:12px!important}.calendar-grid{gap:4px!important}.calendar-day{font-size:13px!important;min-height:40px!important}.modal-overlay{padding:0!important}.modal-content,.room-check-modal{-webkit-overflow-scrolling:touch;border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100%!important;overflow-y:auto;width:100%!important}.modal-header{background:#fff;border-bottom:2px solid #e9ecef;box-shadow:0 2px 4px #0000000d;padding:16px!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{font-size:20px!important;margin:0!important}.modal-header button{font-size:32px!important;min-height:44px!important;min-width:44px!important}.modal-body{padding:16px!important}.form-section{margin-bottom:20px!important}.form-section h3{font-size:18px!important;margin-bottom:12px!important}.modal-body input[type=number],.modal-body input[type=text],.modal-body select,.modal-body textarea{border-radius:8px!important;font-size:16px!important;min-height:48px!important;padding:12px 16px!important;width:100%!important}.modal-body textarea{min-height:120px!important}.modal-body input[type=checkbox],.modal-body input[type=radio]{margin-right:12px!important;min-height:24px!important;min-width:24px!important}.modal-body label{display:block!important;font-size:15px!important;line-height:1.5!important;margin-bottom:8px!important}.modal-body button,.modal-footer button{border-radius:10px!important;font-size:16px!important;font-weight:600!important;margin-bottom:12px!important;min-height:52px!important;padding:14px 24px!important;width:100%!important}.modal-footer{background:#fff;border-top:2px solid #e9ecef;bottom:0;box-shadow:0 -2px 8px #0000000d;padding:16px!important;position:-webkit-sticky;position:sticky}.collapsible-section{margin-bottom:16px!important}.collapsible-header{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;font-size:16px!important;justify-content:space-between;min-height:52px!important;padding:14px 16px!important;-webkit-user-select:none;user-select:none}.collapsible-header:active{background:#e9ecef}.collapsible-content{padding:12px 0!important}.minibar-section{margin-top:16px!important}.minibar-item{background:#f8f9fa;border-radius:10px;display:flex!important;flex-direction:column!important;margin-bottom:12px!important;padding:16px!important}.minibar-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.minibar-item-name{font-size:16px!important;font-weight:600!important}.minibar-item-stock{color:#6c757d;font-size:13px!important}.minibar-controls{align-items:center!important;display:flex!important;gap:12px!important}.minibar-btn{background:#3b82f6!important;border:none!important;border-radius:12px!important;color:#fff!important;cursor:pointer;font-size:24px!important;font-weight:700!important;min-height:56px!important;min-width:56px!important;transition:all .2s}.minibar-btn:active{background:#2563eb!important;transform:scale(.95)}.minibar-btn.minus{background:#ef4444!important}.minibar-btn.minus:active{background:#dc2626!important}.minibar-quantity{background:#fff!important;border:2px solid #e9ecef!important;border-radius:10px!important;flex:1 1;font-size:20px!important;font-weight:700!important;min-height:56px!important;text-align:center!important}.tasks-checklist{grid-gap:10px!important;display:grid!important;gap:10px!important}.task-item{align-items:center!important;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px!important;cursor:pointer;display:flex!important;min-height:52px!important;padding:14px 16px!important;transition:all .2s;-webkit-user-select:none;user-select:none}.task-item.checked{background:#d1fae5!important;border-color:#10b981!important}.task-item:active{transform:scale(.98)}.task-item input[type=checkbox]{margin-right:14px!important;min-height:28px!important;min-width:28px!important}.task-item label{cursor:pointer;flex:1 1;font-size:15px!important;line-height:1.4!important}.add-item-form{display:flex!important;gap:8px!important;margin-bottom:16px!important}.add-item-form input{flex:1 1!important;min-height:48px!important}.add-item-form button{min-height:48px!important;min-width:52px!important;padding:0 16px!important}.items-list{grid-gap:8px!important;display:grid!important;gap:8px!important}.item-chip{align-items:center!important;border-radius:8px!important;display:flex!important;font-size:15px!important;justify-content:space-between!important;padding:12px 16px!important}.item-chip button{margin-left:12px!important;min-height:32px!important;min-width:32px!important;padding:0!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.mobile-full-width{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-text-small{font-size:13px!important}.mobile-p-sm{padding:8px!important}.mobile-p-md{padding:12px!important}.mobile-p-lg{padding:16px!important}}@media (max-width:374px){.housekeeping-container{padding:8px!important}.stats-grid{grid-template-columns:1fr!important}.modal-body,.modal-footer,.modal-header{padding:12px!important}.minibar-btn{font-size:20px!important;min-height:48px!important;min-width:48px!important}.modal-body button,.modal-footer button{font-size:15px!important;min-height:48px!important;padding:12px 20px!important}}@supports (padding:max(0px)){.modal-content,.modal-footer,.room-check-modal{padding-bottom:max(16px,env(safe-area-inset-bottom))!important}}@media print{.modal-overlay,.notification-card,.tabs-container,.view-mode-toggle{display:none!important}}.master-notification-container{display:flex;flex-direction:column;gap:12px;max-height:80vh;max-width:400px;overflow-y:auto;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.master-notification{animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:320px;padding:16px;pointer-events:auto;position:relative}.master-notification-success{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-left-color:#10b981}.master-notification-error{background:linear-gradient(135deg,#fef2f2,#fef1f1);border-left-color:#ef4444}.master-notification-warning{background:linear-gradient(135deg,#fffbeb,#fefce8);border-left-color:#f59e0b}.master-notification-info{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left-color:#3b82f6}.master-notification-reminder{background:linear-gradient(135deg,#f5f3ff,#faf5ff);border-left-color:#8b5cf6}.notification-priority-critical{animation:slideInRight .3s ease-out,pulse 2s infinite;border-left-width:6px;box-shadow:0 12px 48px #ef444440}.notification-priority-high{border-left-width:5px;box-shadow:0 10px 40px #f59e0b33}.notification-priority-normal{border-left-width:4px}.notification-priority-low{border-left-width:3px;opacity:.9}.notification-header{align-items:flex-start;display:flex;gap:12px}.notification-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-message{color:#374151;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.notification-meta{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px}.notification-timestamp{color:#9ca3af;font-size:11px;font-style:italic}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.notification-close:hover{background:#0000001a;color:#374151}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.notification-action{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.notification-action-success{background:#10b981;color:#fff}.notification-action-success:hover{background:#059669}.notification-action-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.notification-action-secondary:hover{background:#e5e7eb}.notification-action-danger{background:#ef4444;color:#fff}.notification-action-danger:hover{background:#dc2626}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.master-notification-container::-webkit-scrollbar{width:4px}.master-notification-container::-webkit-scrollbar-track{background:#0000}.master-notification-container::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:2px}.master-notification-container::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}@media (max-width:768px){.master-notification-container{left:16px;max-width:none;right:16px}.master-notification{margin:0;min-width:auto}.notification-message{font-size:13px}.notification-actions{margin-top:8px}.notification-action{font-size:11px;padding:4px 8px}}.master-notification.dismissing{animation:fadeOut .3s ease-out forwards}.master-notification.critical{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#dc2626}.master-notification.persistent{box-shadow:0 8px 32px #00000026}@media (prefers-color-scheme:dark){.master-notification{background:#1f2937;color:#f9fafb}.notification-message{color:#f3f4f6}.notification-meta{color:#d1d5db}.notification-close,.notification-timestamp{color:#9ca3af}.notification-close:hover{background:#ffffff1a;color:#f3f4f6}}.textiles-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.textiles-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px;text-align:center}.textiles-header h1{color:#495057;font-size:2.5rem;margin:0 0 10px}.textiles-header p{color:#6c757d;font-size:1.1rem;margin:0}.laundry-dashboard{margin:0 auto;max-width:1400px;padding:20px}.laundry-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:30px;padding:30px}.header-content{align-items:center;flex-wrap:wrap}.laundry-header h1{font-size:2.5rem;font-weight:700;margin:0 0 5px}.laundry-header p{font-size:1.2rem;margin:0;opacity:.9}.header-actions{gap:10px}.view-toggle{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.view-toggle:hover{background:#ffffff4d;transform:translateY(-2px)}.view-toggle.active{background:#ffffffe6;border-color:#fff;color:#667eea}.stats-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{border-left:5px solid #e9ecef;border-radius:15px;box-shadow:0 5px 25px #00000014;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 10px 40px #0000001f;transform:translateY(-5px)}.stat-card.total{border-left-color:#007bff}.stat-card.installed{border-left-color:#28a745}.stat-card.washing{border-left-color:#17a2b8}.stat-card.storage{border-left-color:#6c757d}.stat-icon{font-size:3rem}.stat-content h3{color:#495057;font-weight:600}.stat-number{color:#343a40;font-size:2.5rem;line-height:1}.detailed-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}.stats-section{border-radius:15px;box-shadow:0 5px 25px #00000014;padding:30px}.stats-section h3{border-bottom:2px solid #f8f9fa;color:#495057;font-size:1.4rem;font-weight:600;margin:0 0 25px;padding-bottom:15px}.category-items,.state-items{display:flex;flex-direction:column;gap:15px}.category-item,.state-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:15px 20px;transition:background .3s ease}.category-item:hover,.state-item:hover{background:#e9ecef}.state-item.dirty{background:linear-gradient(90deg,#ffebee,#f8f9fa)}.state-item.clean{background:linear-gradient(90deg,#e8f5e8,#f8f9fa)}.state-item.damaged{background:linear-gradient(90deg,#fff3e0,#f8f9fa)}.state-item.retired{background:linear-gradient(90deg,#f3e5f5,#f8f9fa)}.category-label,.state-label{color:#495057;font-weight:500}.category-count,.state-count{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#343a40;font-size:1.2rem;font-weight:700;padding:5px 15px}.quick-actions{background:#fff;border-radius:15px;box-shadow:0 5px 25px #00000014;margin-bottom:30px;padding:30px}.quick-actions h3{border-bottom:2px solid #f8f9fa;color:#495057;font-size:1.4rem;font-weight:600;margin:0 0 25px;padding-bottom:15px}.action-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 5px 15px #667eea4d;color:#fff;font-size:1.1rem;padding:20px 30px;transition:all .3s ease}.action-btn:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-3px)}.action-btn.washing{background:linear-gradient(135deg,#17a2b8,#138496)}.action-btn.storage{background:linear-gradient(135deg,#6c757d,#495057)}.action-btn.report{background:linear-gradient(135deg,#28a745,#1e7e34)}.action-btn.maintenance{background:linear-gradient(135deg,#fd7e14,#dc6502)}.rooms-view .room-card.supervisor{border:1px solid #e9ecef;padding:12px;transition:all .2s ease}.rooms-view .room-card.supervisor:hover{border-color:#667eea;box-shadow:0 6px 18px #667eea2e;transform:translateY(-3px)}@media (max-width:768px){.header-content{flex-direction:column;text-align:center}.action-buttons,.detailed-stats,.stats-grid{grid-template-columns:1fr}}.loading{color:#6c757d;font-size:1.2rem;padding:40px}.error,.loading{text-align:center}.error{background:#f8d7da;border-radius:8px;color:#721c24;margin:20px 0;padding:15px}.error button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 16px}.error button:hover{background:#c82333}.rooms-grid h2{color:#495057;margin-bottom:20px;text-align:center}.rooms-list{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.room-card{border:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease}.room-card:hover{border-color:#007bff;box-shadow:0 4px 12px #00000026}.room-header h3{color:#495057;font-size:1.1rem}.room-type{background:#e9ecef;border-radius:20px;color:#6c757d;font-size:.9rem;font-weight:500;padding:4px 12px}.room-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.summary-item{background:#f8f9fa;border-radius:8px;padding:8px;text-align:center}.summary-item .count{color:#495057;display:block;font-size:1.2rem;font-weight:700}.summary-item .label{color:#6c757d;font-size:.85rem}.total-sets{border-top:1px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding-top:6px;text-align:center}.room-details-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.back-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .2s}.back-button:hover{background:#545b62}.room-details-header h2{color:#495057;font-size:1.8rem;margin:0}.sets-summary{margin-bottom:30px}.summary-card{border:1px solid #dee2e6;padding:20px;text-align:center}.summary-card h4{color:#495057;margin:0 0 15px}.summary-stats{gap:20px;justify-content:space-around}.summary-stats span{color:#495057;font-size:1.1rem}.sets-categories{display:flex;flex-direction:column;gap:30px}.category-section h3{color:#495057;font-size:1.5rem;margin:0 0 20px}.sets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.set-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .3s ease}.set-card:hover{box-shadow:0 4px 8px #00000026}.set-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.set-header h4{color:#495057;font-size:1.2rem;margin:0}.set-state{border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.set-info{margin-bottom:20px}.set-info p{color:#495057;font-size:.95rem;margin:8px 0}.set-info strong{color:#343a40}.set-actions{display:flex;flex-direction:column;gap:8px}.transition-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 15px;transition:all .2s ease}.transition-button:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.transition-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}@media (max-width:768px){.textiles-container{padding:15px}.rooms-list{grid-template-columns:1fr}.room-summary{grid-template-columns:repeat(2,1fr)}.sets-grid{grid-template-columns:1fr}.room-details-header,.summary-stats{flex-direction:column;gap:10px}.room-details-header{align-items:flex-start}}@media (max-width:480px){.textiles-header h1{font-size:2rem}.room-summary{grid-template-columns:1fr}.summary-item .count{font-size:1.3rem}}.supplies-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.supplies-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.supplies-header h1{color:#2c3e50;font-size:32px;font-weight:700;margin:0}.supplies-header .subtitle{color:#7f8c8d;font-size:16px;margin:5px 0 0}.btn-export{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-export:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.filters-section{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:20px;padding:20px}.date-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.filter-group label{color:#2c3e50}.filter-group input[type=date]{border:2px solid #e0e6ed;border-radius:10px;font-size:14px;padding:10px 15px;transition:all .3s ease}.filter-group input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quick-filters{flex-wrap:wrap;gap:10px}.quick-filters button{background:#ecf0f1;border:2px solid #bdc3c7;border-radius:8px;font-size:14px;padding:8px 16px;transition:all .3s ease}.quick-filters button:hover{background:#667eea;border-color:#667eea}.view-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.view-tabs button{background:#fff;border:2px solid #e0e6ed;border-radius:12px;color:#2c3e50;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.view-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.view-tabs button:hover:not(.active){border-color:#667eea;transform:translateY(-2px)}.kpis-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.kpi-card{align-items:center;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.kpi-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.kpi-icon{font-size:48px;line-height:1}.kpi-content{flex:1 1}.kpi-value{color:#2c3e50;font-size:32px;margin-bottom:5px}.kpi-label{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.charts-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.chart-card{box-shadow:0 4px 15px #00000014;padding:25px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#2c3e50;font-size:18px;margin:0 0 20px}.housekeeper-view h2,.raw-view h2,.room-view h2{color:#2c3e50;font-size:28px;font-weight:700;margin:0 0 25px}.housekeeper-grid,.room-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.housekeeper-card,.room-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;padding:20px;transition:all .3s ease}.housekeeper-card:hover,.room-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.housekeeper-header,.room-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.housekeeper-header h3,.room-header h3{color:#2c3e50;font-size:18px;margin:0}.total-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:13px;font-weight:600;padding:6px 12px}.supplies-list{flex-direction:column;gap:10px}.supply-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:10px;transition:all .2s ease}.supply-item:hover{background:#e9ecef}.supply-name{color:#2c3e50;font-size:14px;font-weight:500}.supply-count{background:#667eea;border-radius:12px;color:#fff;font-size:13px;font-weight:600;padding:4px 10px}.supply-item.more{background:#0000;color:#7f8c8d;font-style:italic;justify-content:center}.table-container{background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;overflow-x:auto;padding:20px}.raw-table{border-collapse:collapse;width:100%}.raw-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.raw-table th{font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.raw-table tbody tr{border-bottom:1px solid #ecf0f1;transition:all .2s ease}.raw-table tbody tr:hover{background:#f8f9fa}.raw-table td{color:#2c3e50;font-size:14px;padding:15px}.supply-tag{background:#ecf0f1;border-radius:12px;color:#2c3e50;display:inline-block;font-size:12px;margin:2px;padding:4px 10px}.error-message,.loading-message{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:400px}.error-message h2,.loading-message h2{color:#2c3e50;margin-bottom:20px}.btn-primary:hover{box-shadow:0 4px 15px #667eea66}@media (max-width:768px){.charts-grid,.housekeeper-grid,.room-grid{grid-template-columns:1fr}.supplies-header{align-items:flex-start;flex-direction:column;gap:15px}.date-filters{align-items:stretch}.date-filters,.view-tabs{flex-direction:column}.view-tabs button{width:100%}}.cleaning-history{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.history-header{margin-bottom:24px}.history-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px}.history-header p{color:#6b7280;font-size:14px}.history-filters{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:20px}.filter-group{gap:6px}.filter-group label{color:#4b5563}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-filter-clear{border-radius:6px;font-weight:600;padding:8px 16px}.quick-filters{margin-bottom:24px}.quick-filters span{color:#4b5563;font-weight:600}.quick-filters button{border:2px solid #e5e7eb;color:#374151;font-weight:500;padding:6px 16px}.quick-filters button:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.history-stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{box-shadow:0 2px 8px #0000001a;gap:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon{border-radius:12px;font-size:28px;height:56px;width:56px}.view-mode-selector{display:flex;gap:12px;margin-bottom:24px}.view-mode-selector button{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.view-mode-selector button:hover{border-color:#667eea;color:#667eea}.view-mode-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.btn-export{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important;margin-left:auto}.btn-export:hover{box-shadow:0 4px 12px #10b98166}.history-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.history-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:all .3s}.history-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-4px)}.card-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.room-badge{color:#111827;font-size:16px}.condition-badge{border-radius:12px;color:#fff;padding:4px 12px}.card-body{display:flex;flex-direction:column;gap:10px}.card-info{align-items:center;color:#374151;display:flex;font-size:14px;gap:10px}.info-icon{font-size:16px}.card-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.mini-badge{background:#e0e7ff;border-radius:12px;color:#4338ca;font-size:11px;font-weight:600;padding:4px 10px}.mini-badge.warning{background:#fef3c7;color:#92400e}.mini-badge.special{background:#fce7f3;color:#9f1239}.history-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;padding:20px}.history-table{border-collapse:collapse;width:100%}.history-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.history-table th:first-child{border-top-left-radius:8px}.history-table th:last-child{border-top-right-radius:8px}.history-table td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;padding:12px}.history-table tbody tr:hover{background:#f9fafb}.table-condition-badge{border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 12px}.btn-view-detail{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:transform .2s}.btn-view-detail:hover{transform:scale(1.05)}.history-stats-view{display:flex;flex-direction:column;gap:32px}.stats-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.stats-section h3{color:#111827;font-size:20px;font-weight:700;margin-bottom:20px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.stats-item{background:linear-gradient(135deg,#f9fafb,#e5e7eb);border:2px solid #e5e7eb;border-radius:8px;padding:16px}.stats-item-header{color:#111827;font-size:16px;font-weight:700;margin-bottom:12px}.stats-item-body{color:#4b5563;font-size:14px;gap:6px}.condition-stats,.stats-item-body{display:flex;flex-direction:column}.condition-stats{gap:16px}.condition-bar{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:200px 50px 1fr}.condition-label{color:#374151;font-weight:600}.condition-value{color:#111827;font-size:18px;font-weight:700;text-align:center}.condition-progress{border-radius:12px;height:24px;transition:width .3s ease}.modal-overlay{background:#0009}.modal-content.detail-modal{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;padding:32px}.modal-close{right:16px;top:16px;transition:transform .2s}.modal-close:hover{transform:scale(1.1)}.detail-modal h2{color:#111827;font-size:24px;font-weight:700}.detail-modal h2,.detail-section{margin-bottom:24px}.detail-section h3{color:#374151;font-size:18px;font-weight:700;margin-bottom:12px}.detail-grid{grid-gap:12px;background:#f9fafb;border-radius:8px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:16px}.detail-grid div{color:#4b5563;font-size:14px}.detail-grid strong{color:#111827;margin-right:8px}.detail-list{display:flex;flex-direction:column;gap:8px}.detail-item{background:#f3f4f6;border-left:4px solid #3b82f6;border-radius:8px;color:#374151;font-size:14px;padding:12px}.detail-item.warning{background:#fef3c7;border-left-color:#f59e0b}.detail-item.special{background:#fce7f3;border-left-color:#ec4899}.detail-notes{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:14px;line-height:1.6;padding:16px}.cleaning-history-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{border-top-color:#667eea}@media (max-width:768px){.history-filters{flex-direction:column}.filter-group{min-width:100%}.condition-bar,.history-cards-grid,.history-stats-cards{grid-template-columns:1fr}.condition-bar{gap:8px}.condition-value{text-align:left}}.lost-found{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fbbf24);min-height:100vh;padding:20px}.lost-found-header{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 10px 40px #f59e0b4d;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.header-content h1{color:#fff;font-size:36px;font-weight:800;margin-bottom:12px;text-shadow:2px 2px 8px #0003}.header-content p{color:#fffffff2;font-size:16px;font-weight:500}.header-illustration{display:flex;gap:20px;position:absolute;right:40px;top:20px}.floating-icon{animation:float 3s ease-in-out infinite;font-size:60px;opacity:.3}.floating-icon.delay-1{animation-delay:.5s}.floating-icon.delay-2{animation-delay:1s}.lost-found-filters{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:24px}.filter-group{gap:8px;min-width:180px}.filter-group label{color:#92400e;font-size:13px;font-weight:700}.filter-group input,.filter-group select{background:#fffbeb;border:2px solid #fde68a;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s}.filter-group input:focus,.filter-group select:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.btn-filter-clear{align-self:flex-end;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:transform .2s}.btn-filter-clear:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.quick-filters{align-items:center;display:flex;gap:12px;margin-bottom:28px}.quick-filters span{color:#92400e;font-size:14px;font-weight:700}.quick-filters button{background:#fff;border:2px solid #fde68a;border-radius:20px;color:#92400e;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.quick-filters button:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;color:#fff;transform:translateY(-2px)}.lost-found-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px}.stat-card{border:3px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;gap:20px;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-6px)}.stat-card.total{border-color:#f59e0b}.stat-card.total .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.pending .stat-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.stat-card.claimed .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.donated .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon{border-radius:16px;font-size:32px;height:64px;width:64px}.stat-value{color:#111827;font-size:32px;font-weight:800;line-height:1;margin-bottom:6px}.lost-items-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:40px}.lost-item-card{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.lost-item-card.pending{border-color:#fbbf24}.lost-item-card.claimed{border-color:#10b981}.lost-item-card.donated{border-color:#3b82f6}.lost-item-card.disposed{border-color:#6b7280}.lost-item-card:hover{box-shadow:0 16px 40px #0003;transform:translateY(-8px)}.item-badge{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #fbbf24;display:flex;gap:8px;padding:12px 20px}.badge-icon{font-size:20px}.badge-text{color:#92400e;font-size:13px;font-weight:700}.item-image{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);display:flex;justify-content:center;padding:32px}.item-emoji{animation:pulse 2s ease-in-out infinite;font-size:80px}.item-content{padding:20px}.item-title{color:#111827;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:16px}.item-details{display:flex;flex-direction:column;gap:10px}.detail-row{color:#4b5563;font-size:14px;gap:10px}.detail-icon{font-size:18px}.item-footer{border-top:2px solid #f3f4f6;padding:16px 20px}.btn-view-more{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s;width:100%}.btn-view-more:hover{box-shadow:0 4px 12px #f59e0b66;transform:scale(1.02)}.empty-state{border-radius:20px;box-shadow:0 4px 12px #0000001a;padding:80px 40px}.empty-icon{animation:bounce 2s ease-in-out infinite;font-size:100px;margin-bottom:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.empty-state h3{color:#111827;font-size:28px;font-weight:700;margin-bottom:12px}.empty-state p{font-size:16px}.recent-items-section{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:32px;padding:32px}.recent-items-section h2{color:#111827;font-size:24px;font-weight:700;margin-bottom:24px}.recent-items-timeline{padding-left:40px;position:relative}.recent-items-timeline:before{background:linear-gradient(180deg,#f59e0b,#fbbf24);border-radius:2px;bottom:0;content:"";left:10px;position:absolute;top:0;width:4px}.timeline-item{margin-bottom:24px;position:relative}.timeline-dot{background:linear-gradient(135deg,#f59e0b,#d97706);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #fef3c7;height:16px;left:-34px;position:absolute;top:4px;width:16px}.timeline-content{background:#fffbeb;border-left:4px solid #fbbf24;border-radius:12px;padding:16px}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeline-header strong{color:#111827;font-size:15px;font-weight:700}.timeline-time{background:#fde68a;border-radius:12px;color:#92400e;font-size:12px;font-weight:600;padding:4px 10px}.timeline-details{color:#78350f;font-size:13px}.top-rooms-section{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;padding:32px}.top-rooms-section h2{color:#111827;font-size:24px;font-weight:700;margin-bottom:24px}.top-rooms-list{display:flex;flex-direction:column;gap:16px}.top-room-item{grid-gap:16px;align-items:center;background:#fffbeb;border:2px solid #fde68a;border-radius:12px;display:grid;gap:16px;grid-template-columns:50px 1fr 2fr;padding:16px}.room-rank{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:800;height:50px;justify-content:center;width:50px}.room-info{gap:4px}.room-number{color:#111827;font-size:15px}.room-count{color:#92400e;font-size:13px;font-weight:600}.room-bar{background:#fef3c7;border-radius:6px;height:12px;overflow:hidden}.room-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:6px;height:100%;transition:width .5s ease}.modal-overlay{background:#000000b3}.modal-content.detail-modal{background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:700px;overflow-y:auto;padding:0;position:relative;width:100%}.modal-close{background:#ef4444;box-shadow:0 4px 12px #ef444466;color:#fff;font-size:28px;height:44px;right:20px;top:20px;width:44px}.modal-close:hover{transform:scale(1.1) rotate(90deg)}.modal-header-special{background:linear-gradient(135deg,#f59e0b,#d97706);padding:48px 32px 32px;position:relative;text-align:center}.modal-icon{font-size:64px;margin-bottom:16px}.modal-header-special h2{color:#fff;font-size:28px;font-weight:800;margin-bottom:16px;text-shadow:2px 2px 8px #0003}.status-badge-large{border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;padding:8px 24px}.detail-sections{display:flex;flex-direction:column;gap:24px;padding:32px}.detail-section-modern h3{color:#111827;font-size:18px;font-weight:700;margin-bottom:16px}.detail-box{background:#fffbeb;border:2px solid #fde68a;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:20px}.detail-item-large{align-items:flex-start;display:flex;gap:16px}.detail-item-large .icon{flex-shrink:0;font-size:32px}.detail-item-large .label{color:#92400e;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-item-large .value{color:#111827;font-size:16px;font-weight:700}.detail-item-large .sublabel{color:#78350f;font-size:13px;font-weight:500;margin-top:4px}.modal-actions{border-top:2px solid #f3f4f6;gap:12px;padding:24px 32px}.btn-action{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 32px;transition:all .2s}.btn-action.secondary{background:#e5e7eb;color:#374151}.btn-action.secondary:hover{background:#d1d5db}.lost-found-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.spinner{border:5px solid #fde68a;border-top-color:#f59e0b;height:60px;width:60px}@media (max-width:768px){.lost-found-header{padding:24px}.header-content h1{font-size:28px}.header-illustration{display:none}.lost-found-filters{flex-direction:column}.filter-group{min-width:100%}.lost-found-stats,.lost-items-grid,.top-room-item{grid-template-columns:1fr}.recent-items-timeline{padding-left:30px}}:root{--director-blue:#1e40af;--director-indigo:#4f46e5;--director-purple:#7c3aed;--director-emerald:#059669;--director-amber:#d97706;--director-rose:#e11d48;--director-slate:#475569;--director-gray:#6b7280;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-gradient-start:#1e40af;--bg-gradient-end:#7c3aed;--text-primary:#0f172a;--text-secondary:#64748b;--text-white:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}.dashboard{background:linear-gradient(135deg,#f8fafc,#e0e7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;min-height:100vh;padding:0}.dashboard-header{background:linear-gradient(135deg,#1e40af,#7c3aed);background:linear-gradient(135deg,var(--bg-gradient-start) 0,var(--bg-gradient-end) 100%);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-white);margin-bottom:2rem;overflow:hidden;padding:2rem 2rem 3rem;position:relative}.dashboard-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}.dashboard-header h1{font-size:2rem;font-weight:700;gap:.75rem;letter-spacing:-.5px;margin:0 0 1.5rem}.dashboard-header h1,.header-controls{align-items:center;display:flex;position:relative;z-index:1}.header-controls{flex-wrap:wrap;gap:1rem;justify-content:space-between}.date-range-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.25rem}.date-range-control label{color:#fff;color:var(--text-white);font-size:.875rem;font-weight:500;opacity:.9}.date-range-control input[type=date]{background:#fffffff2;border:1px solid #ffffff4d;border-radius:8px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.date-range-control input[type=date]:hover{background:#fff;border-color:#4f46e5;border-color:var(--director-indigo)}.date-range-control input[type=date]:focus{border-color:#7c3aed;border-color:var(--director-purple);box-shadow:0 0 0 3px #7c3aed33;outline:none}.loading-message{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.loading-message h2{animation:pulse 2s ease-in-out infinite;color:#4f46e5;color:var(--director-indigo);font-size:1.5rem;font-weight:600}.revenue-kpis-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem;padding:0 2rem}.kpi-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.kpi-card.adr:before{background:linear-gradient(90deg,#059669,#10b981);background:linear-gradient(90deg,var(--director-emerald),#10b981)}.kpi-card.revpar:before{background:linear-gradient(90deg,#1e40af,#3b82f6);background:linear-gradient(90deg,var(--director-blue),#3b82f6)}.kpi-card.occupancy:before{background:linear-gradient(90deg,#7c3aed,#a78bfa);background:linear-gradient(90deg,var(--director-purple),#a78bfa)}.kpi-card.pipeline:before{background:linear-gradient(90deg,#d97706,#fbbf24);background:linear-gradient(90deg,var(--director-amber),#fbbf24)}.kpi-card:hover{border-color:#4f46e5;border-color:var(--director-indigo);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.kpi-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.kpi-header h3{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.kpi-header h3,.kpi-subtitle{color:#64748b;color:var(--text-secondary)}.kpi-subtitle{font-size:.75rem;font-weight:500;opacity:.8}.kpi-value{color:#0f172a;color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:.5rem}.kpi-trend{align-items:center;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.kpi-trend.positive{color:#059669;color:var(--director-emerald)}.kpi-trend.positive:before{content:"↗";font-size:1.25rem}.kpi-trend.negative{color:#e11d48;color:var(--director-rose)}.kpi-trend.negative:before{content:"↘";font-size:1.25rem}.analytics-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem;padding:0 2rem}.chart-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s ease}.chart-card:hover{border-color:#4f46e5;border-color:var(--director-indigo);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.chart-card h3{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#0f172a;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem;padding-bottom:1rem}.management-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:0 2rem 2rem}.table-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem}.table-card h3{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#0f172a;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem;padding-bottom:1rem}.accounts-table{border-radius:8px;overflow-x:auto}.accounts-table table{border-collapse:collapse;font-size:.875rem;width:100%}.accounts-table thead{background:#f8fafc;background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:1}.accounts-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.accounts-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);padding:1rem;vertical-align:middle}.accounts-table tbody tr{transition:background .2s ease}.accounts-table tbody tr:hover{background:#f8fafc;background:var(--bg-secondary)}.accounts-table tbody tr:last-child td{border-bottom:none}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;padding:.375rem .75rem}.status-badge.active{background:#0596691a;border:1px solid #0596694d;color:#059669;color:var(--director-emerald)}.status-badge.pending_renewal{background:#d977061a;border:1px solid #d977064d;color:#d97706;color:var(--director-amber)}.status-badge.expired{background:#e11d481a;border:1px solid #e11d484d;color:#e11d48;color:var(--director-rose)}.action-btn{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);font-size:.75rem;font-weight:500;margin-right:.5rem;padding:.5rem .75rem;transition:all .2s ease}.action-btn:hover{background:#4f46e5;background:var(--director-indigo);border-color:#4f46e5;border-color:var(--director-indigo);color:#fff;color:var(--text-white);transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.team-performance-section{padding:0 2rem 2rem}.section-title{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.team-member-card{background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.team-member-card:hover{border-color:#4f46e5;border-color:var(--director-indigo);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.member-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);gap:1rem;padding-bottom:1rem}.member-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#7c3aed);background:linear-gradient(135deg,var(--director-blue),var(--director-purple));border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-white);display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:56px;justify-content:center;width:56px}.member-info{flex:1 1}.member-info h3{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.member-role{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.performance-badge{border-radius:9999px;flex-shrink:0;font-size:.875rem;font-weight:700;padding:.5rem 1rem}.performance-badge.excellent{background:#05966926;border:2px solid #059669;border:2px solid var(--director-emerald);color:#059669;color:var(--director-emerald)}.performance-badge.good{background:#1e40af26;border:2px solid #1e40af;border:2px solid var(--director-blue);color:#1e40af;color:var(--director-blue)}.performance-badge.needs-improvement{background:#d9770626;border:2px solid #d97706;border:2px solid var(--director-amber);color:#d97706;color:var(--director-amber)}.member-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{align-items:center;background:#f8fafc;background:var(--bg-secondary);gap:.75rem;transition:all .2s ease}.stat-item:hover{background:linear-gradient(135deg,#1e40af0d,#7c3aed0d);transform:scale(1.02)}.stat-icon{flex-shrink:0}.stat-content{gap:.125rem}.stat-value{color:var(--text-primary)}.member-actions{display:flex;gap:.75rem;padding-top:.5rem}.action-btn-small{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.action-btn-small.primary{background:linear-gradient(135deg,#1e40af,#4f46e5);background:linear-gradient(135deg,var(--director-blue),var(--director-indigo));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white)}.action-btn-small.primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);background:linear-gradient(135deg,var(--director-indigo),var(--director-purple));box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-btn-small.secondary{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary)}.action-btn-small.secondary:hover{background:#fff;background:var(--bg-card);border-color:#4f46e5;border-color:var(--director-indigo);color:#4f46e5;color:var(--director-indigo);transform:translateY(-2px)}@media (max-width:1024px){.dashboard-header{padding:1.5rem 1.5rem 2.5rem}.dashboard-header h1{font-size:1.75rem}.analytics-row,.management-row,.revenue-kpis-row,.team-performance-section{padding:0 1.5rem}.analytics-row,.management-row,.team-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard{padding-bottom:2rem}.dashboard-header{padding:1.25rem 1rem 2rem}.dashboard-header h1{font-size:1.5rem}.header-controls{align-items:stretch;flex-direction:column}.date-range-control{justify-content:center}.analytics-row,.management-row,.revenue-kpis-row,.team-performance-section{gap:1rem;grid-template-columns:1fr;padding:0 1rem}.member-stats,.team-grid{grid-template-columns:1fr}.section-title{font-size:1.25rem}.kpi-value{font-size:1.75rem}.chart-card,.table-card{padding:1rem}.accounts-table{font-size:.8rem}.accounts-table td,.accounts-table th{padding:.5rem}.action-btn{margin-right:.25rem;padding:.375rem .5rem}}@media (max-width:480px){.dashboard-header h1{font-size:1.25rem}.date-range-control{gap:.5rem;padding:.5rem .75rem}.date-range-control input[type=date]{font-size:.75rem;padding:.375rem .5rem}.kpi-card{padding:1rem}.kpi-value{font-size:1.5rem}.analytics-row,.management-row,.revenue-kpis-row{gap:.75rem}.accounts-table table{min-width:600px}}.chart-card,.kpi-card,.table-card{animation:fadeIn .5s ease-out}.revenue-kpis-row .kpi-card:first-child{animation-delay:.1s}.revenue-kpis-row .kpi-card:nth-child(2){animation-delay:.2s}.revenue-kpis-row .kpi-card:nth-child(3){animation-delay:.3s}.revenue-kpis-row .kpi-card:nth-child(4){animation-delay:.4s}.recharts-wrapper{margin:0 auto}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e2e8f0;stroke:var(--border-color);opacity:.5}.recharts-text{fill:#64748b;fill:var(--text-secondary);font-size:.75rem;font-weight:500}.recharts-legend-item-text{color:#0f172a!important;color:var(--text-primary)!important;font-weight:500}.recharts-tooltip-wrapper{outline:none}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}.dashboard{background:linear-gradient(135deg,#0f172a,#1e1b4b)}.chart-card,.kpi-card,.table-card{box-shadow:0 4px 6px -1px #0000004d}.accounts-table tbody tr:hover,.accounts-table thead,.action-btn{background:#0f172a}.action-btn{color:#0f172a;color:var(--text-primary)}}.promotions-quick-access{margin:30px 0}.promo-card{background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:30px}.promo-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:20px}.promo-header h3{color:#0f172a!important;font-size:28px;font-weight:700;margin:0}.btn-primary{background:linear-gradient(135deg,#1e40af,#7c3aed);background:linear-gradient(135deg,var(--director-blue) 0,var(--director-purple) 100%);border-radius:10px;box-shadow:var(--shadow-md);color:var(--text-white);font-size:16px;padding:14px 28px}.btn-primary:hover{box-shadow:0 8px 16px #1e40af4d}.promo-info{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:25px}.promo-stat{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-left:4px solid #1e40af;border-left:4px solid var(--director-blue);border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px}.stat-label{color:var(--text-secondary);font-weight:600}.stat-value{border-radius:8px;font-size:14px;padding:6px 14px}.stat-value.success{background:#d1fae5;color:#059669;color:var(--director-emerald)}.stat-value.warning{background:#fef3c7;color:#d97706;color:var(--director-amber)}.promo-features{background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;margin:25px 0;padding:25px}.promo-features h4{color:#0f172a;color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:15px;margin-top:0}.promo-features ul{list-style:none;margin:0;padding:0}.promo-features li{color:#64748b;color:var(--text-secondary);font-size:15px;line-height:1.6;padding:10px 0}.promo-docs{background:#eff6ff;border-left:4px solid #1e40af;border-left:4px solid var(--director-blue);border-radius:8px;margin-top:20px;padding:20px}.promo-docs p{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.promo-docs ul{list-style:none;margin:0;padding:0}.promo-docs li{color:#1e40af;color:var(--director-blue);font-family:Courier New,monospace;font-size:14px;padding:6px 0}.promo-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:25px 0}.stat-box{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000014;color:#0f172a;color:var(--text-primary);display:flex;gap:16px;padding:24px;transition:all .3s ease}.stat-box:hover{border-color:#1e40af;border-color:var(--director-blue);box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.stat-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:40px;line-height:1}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.stat-content .stat-value{background:none!important;border-radius:0;color:#0f172a!important;font-size:28px;font-weight:700;line-height:1;padding:0}.stat-content .stat-label{color:#64748b!important;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.promo-quick-actions{grid-gap:15px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:25px;padding-top:20px}.action-card{align-items:center;background:linear-gradient(135deg,#1e40af,#4f46e5);background:linear-gradient(135deg,var(--director-blue) 0,var(--director-indigo) 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #1e40af4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:18px 20px;transition:all .3s ease}.action-card:hover{box-shadow:0 6px 12px #1e40af66;transform:translateY(-2px)}.action-card:active{transform:translateY(0)}.action-icon{font-size:20px}.action-icon,.action-text{line-height:1}@media (max-width:768px){.promo-quick-actions,.promo-stats-grid{grid-template-columns:1fr 1fr}.stat-box{padding:16px}.stat-content .stat-value{font-size:22px}.stat-icon{font-size:32px}}@media (max-width:480px){.promo-quick-actions,.promo-stats-grid{grid-template-columns:1fr}}.promotions-widget{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.widget-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.widget-header h3{font-size:18px;font-weight:600;margin:0}.promo-count{background:#ffffff4d;border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px}.widget-empty,.widget-error,.widget-loading{color:#6b7280;padding:40px 20px;text-align:center}.widget-error{color:#ef4444}.promotions-list{grid-gap:16px;display:grid;gap:16px;max-height:600px;overflow-y:auto;padding:20px}.promo-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .3s ease}.promo-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.promo-card-header{align-items:center;margin-bottom:12px}.promo-code-section{align-items:center;display:flex;gap:8px}.promo-code{color:#1f2937;font-size:16px;font-weight:700;letter-spacing:1px;padding:6px 12px}.copy-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:4px 8px;transition:background .2s}.copy-btn:hover{background:#f3f4f6}.channel-badge{border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.promo-card-body{margin-bottom:12px}.promo-name{color:#374151;font-size:15px;font-weight:600;margin:0 0 8px}.promo-discount{align-items:baseline;display:flex;gap:6px;margin-bottom:8px}.discount-value{color:#10b981;font-size:28px;font-weight:700}.discount-label{color:#6b7280;font-size:14px}.promo-description{color:#6b7280;font-size:13px;margin:8px 0}.promo-details{display:flex;flex-direction:column;gap:6px;margin-top:12px}.promo-detail{color:#6b7280;font-size:12px;gap:6px}.detail-icon{font-size:14px}.promo-card-footer{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.promo-stats{display:flex;justify-content:space-around}.stat{gap:2px}.stat-value{font-size:16px}.stat-label{color:#9ca3af;font-size:11px}.promotions-list::-webkit-scrollbar{width:6px}.promotions-list::-webkit-scrollbar-track{background:#f1f5f9}.promotions-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.promotions-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.promo-card-header{gap:8px}.promo-card-header,.promo-discount{align-items:flex-start;flex-direction:column}.discount-value{font-size:24px}}.sales-executive-dashboard{margin:0 auto;max-width:1400px;padding:20px}.exec-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.user-welcome h1{color:#1f2937;font-size:32px;margin:0 0 5px}.date-today{color:#6b7280;margin:0}.quick-stats{display:flex;gap:20px}.stat-card{box-shadow:0 1px 3px #0000001a;min-width:200px}.stat-label{margin-bottom:8px}.stat-value{color:#1f2937;display:block;font-size:28px}.fab-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;font-size:32px;height:60px;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:100}.fab-button:hover{box-shadow:0 6px 20px #667eea99;transform:scale(1.1)}.exec-tabs{display:flex;gap:10px;margin-bottom:30px;overflow-x:auto}.tab-btn{background:#fff;color:#6b7280;font-size:15px;padding:12px 24px}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2)}.lead-card-modern{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px;transition:all .2s ease}.lead-card-modern:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.lead-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.lead-company{color:#1f2937;font-size:16px;font-weight:700;margin:0}.lead-value-badge{background:#ecfdf5;border-radius:12px;color:#059669;font-size:14px;font-weight:600;padding:4px 12px}.lead-card-actions{display:flex;gap:8px;margin-top:12px}.action-btn-mini{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:6px 12px;transition:all .2s ease}.action-btn-mini.call{background:#dbeafe}.action-btn-mini.note{background:#fef3c7}.action-btn-mini.quote{background:#f3e8ff}.action-btn-mini.next{background:#d1fae5}.action-btn-mini.lost{background:#fee2e2}.action-btn-mini:hover{transform:scale(1.05)}.pipeline-view{overflow-x:auto;padding-bottom:20px;width:100%}.pipeline-stages{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,minmax(300px,1fr));min-width:-webkit-min-content;min-width:min-content;padding:4px}.pipeline-stage{background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;min-height:400px;padding:16px}.stage-leads{flex:1 1;max-height:600px;overflow-y:auto}@media (max-width:1200px){.pipeline-stages{grid-template-columns:repeat(3,minmax(300px,1fr))}}@media (max-width:768px){.pipeline-stages{grid-template-columns:repeat(2,minmax(280px,1fr))}}.stage-header{align-items:center;border-bottom:3px solid;border-left:4px solid;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px;padding-left:12px}.stage-title{flex:1 1;font-size:14px;font-weight:700;margin:0}.stage-count{font-size:12px;font-weight:600;padding:2px 8px}.quote-card-modern,.stage-count{background:#fff;border-radius:12px}.quote-card-modern{box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:20px}.quote-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quote-header h3{font-size:18px;margin:0}.status-badge-modern{border-radius:12px;font-size:13px;font-weight:600;padding:4px 12px}.status-badge-modern.sent{background:#dbeafe;color:#1e40af}.status-badge-modern.viewed{background:#fef3c7;color:#92400e}.status-badge-modern.accepted{background:#d1fae5;color:#065f46}.status-badge-modern.rejected{background:#fee2e2;color:#991b1b}.quote-amount{color:#059669;font-size:24px;font-weight:700}.quote-date{color:#6b7280;font-size:14px}.quote-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.btn-print,.btn-view-quote{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-view-quote{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view-quote:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-print{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-print:hover{box-shadow:0 5px 15px #f5576c4d;transform:translateY(-2px)}.modal-content-modern{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header-modern{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.modal-header-modern h2{font-size:24px;margin:0}.close-btn{align-items:center;color:#6b7280;display:flex;font-size:28px;justify-content:center;padding:0}.close-btn:hover{color:#1f2937}.form-modern{gap:16px}.form-group-modern,.form-modern{display:flex;flex-direction:column}.form-group-modern{gap:6px}.form-group-modern label{color:#374151;font-size:14px;font-weight:600}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px}.form-group-modern input:focus,.form-group-modern select:focus,.form-group-modern textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-actions-modern{border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.btn-cancel,.btn-primary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66}.modal-content-quote-print{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;width:95%}.quote-printable{background:#fff;padding:40px}.quote-print-header{border-bottom:3px solid #667eea;margin-bottom:30px;padding-bottom:20px;text-align:center}.hotel-name{color:#667eea;font-size:32px;font-weight:800;letter-spacing:2px;margin:0 0 5px}.hotel-tagline{color:#6b7280;font-size:14px;font-style:italic;margin:0 0 15px}.hotel-info{color:#4b5563;display:flex;flex-wrap:wrap;font-size:13px;gap:20px;justify-content:center}.hotel-info p{margin:5px 0}.quote-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:2px;margin:25px 0}.quote-info-section{margin:20px 0}.quote-info-row{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.quote-info-col h3{border-bottom:2px solid #667eea;color:#667eea;font-size:14px;font-weight:700;margin:0 0 10px;padding-bottom:5px}.quote-info-col p{color:#374151;font-size:14px;margin:5px 0}.status-pill{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-pill.sent{background:#dbeafe;color:#1e40af}.status-pill.viewed{background:#fef3c7;color:#92400e}.status-pill.accepted{background:#d1fae5;color:#065f46}.quote-pricing-table,.quote-table{border-collapse:collapse;margin:15px 0;width:100%}.quote-table td{border-bottom:1px solid #e5e7eb;padding:10px}.quote-table .label-col{color:#6b7280;font-weight:600;width:40%}.quote-table .value-col{color:#111827}.quote-pricing-table td{border-bottom:1px solid #f3f4f6;padding:12px}.quote-pricing-table .text-right{font-weight:600;text-align:right}.quote-pricing-table .subtotal-row td{border-top:2px solid #e5e7eb;font-size:16px;padding-top:15px}.quote-pricing-table .discount-row td{color:#059669}.quote-pricing-table .total-row td{background:#f9fafb;border-bottom:3px double #667eea;border-top:3px double #667eea;color:#667eea;font-size:20px;padding:15px 12px}.quote-details-section,.quote-pricing-section,.quote-requests-section{margin:20px 0}.quote-details-section h3,.quote-pricing-section h3,.quote-requests-section h3{border-bottom:2px solid #667eea;color:#667eea;font-size:16px;font-weight:700;margin:0 0 15px;padding-bottom:8px}.quote-requests-section p{background:#f9fafb;border-left:4px solid #667eea;border-radius:4px;color:#374151;line-height:1.6;padding:15px}.quote-footer{border-top:2px solid #e5e7eb;margin-top:30px;padding-top:20px;text-align:center}.quote-validity{color:#6b7280;font-size:13px;font-style:italic;margin:10px 0}.quote-thanks{color:#667eea;font-size:18px;font-weight:700;margin:15px 0}.quote-contact-cta{color:#4b5563;font-size:14px;margin:10px 0}@media print{.close-btn,.exec-header,.exec-tabs,.fab-button,.modal-actions-modern,.no-print,.quick-stats,.tab-content>:not(.modal-overlay){display:none!important}.modal-overlay{background:#fff!important;display:block!important;position:static!important}.modal-content-quote-print{border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:100%!important;padding:0!important;position:static!important;transform:none!important;width:100%!important}.quote-printable{background:#fff!important;padding:15px!important}.quote-details-section,.quote-footer,.quote-info-section,.quote-pricing-section,.quote-print-header{break-inside:avoid;page-break-inside:avoid}.hotel-name{font-size:20px!important}.hotel-tagline{font-size:12px!important}.quote-section-title{font-size:13px!important}body{background:#fff!important;margin:0!important;padding:0!important}@page{size:letter portrait;margin:1.5cm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.targets-view{margin:0 auto;max-width:1200px}.view-title{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 30px;text-align:center}.targets-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.target-card-modern{background:#fff;border-radius:16px;border-top:4px solid;box-shadow:0 4px 12px #0000001a;padding:24px;transition:all .3s ease}.target-card-modern:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.target-card-modern.calls{border-top-color:#3b82f6}.target-card-modern.emails{border-top-color:#8b5cf6}.target-card-modern.quotes{border-top-color:#f59e0b}.target-card-modern.meetings{border-top-color:#10b981}.target-icon{font-size:48px;margin-bottom:16px;text-align:center}.target-info h3{color:#374151;font-size:18px;font-weight:700;margin:0 0 12px;text-align:center}.target-numbers{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.target-numbers .current{color:#1f2937;font-size:36px;font-weight:800}.target-numbers .separator{color:#9ca3af;font-size:24px}.target-numbers .target{color:#6b7280;font-size:24px;font-weight:600}.progress-bar-modern{background:#e5e7eb;border-radius:999px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill-modern{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;height:100%;transition:width .3s ease}.target-card-modern.calls .progress-fill-modern{background:linear-gradient(90deg,#3b82f6,#2563eb)}.target-card-modern.emails .progress-fill-modern{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.target-card-modern.quotes .progress-fill-modern{background:linear-gradient(90deg,#f59e0b,#d97706)}.target-card-modern.meetings .progress-fill-modern{background:linear-gradient(90deg,#10b981,#059669)}.target-percentage{color:#6b7280;font-size:14px;font-weight:600;margin:0;text-align:center}.empty-state{box-shadow:0 1px 3px #0000001a}.empty-state p{font-size:18px}.followups-list-modern,.quotes-list-modern{grid-gap:16px;display:grid;gap:16px}.followup-card-modern{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px;transition:all .2s ease}.followup-card-modern:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.followup-priority{flex-shrink:0;font-size:32px}.followup-content{flex:1 1}.followup-content h3{color:#1f2937;font-size:18px;font-weight:700;margin:0 0 8px}.followup-details{display:flex;flex-wrap:wrap;gap:16px}.followup-date,.followup-type{color:#6b7280;font-size:14px}@media (max-width:768px){.targets-grid{grid-template-columns:1fr}.exec-header,.quick-stats{flex-direction:column}.quick-stats{width:100%}}.manager-room-types{background:linear-gradient(135deg,#f8fafc,#e0e7ff);min-height:100vh;padding:2rem}.page-header{align-items:center;background:linear-gradient(135deg,#1e40af,#7c3aed);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:2rem}.header-left h1{margin:0 0 .5rem}.subtitle{font-size:1rem;margin:0;opacity:.9}.alert{animation:slideDown .3s ease;border-radius:12px;justify-content:space-between;margin-bottom:1.5rem}.alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.alert button{background:none;border:none;cursor:pointer;font-size:1.25rem;opacity:.7;transition:opacity .2s}.alert button:hover{opacity:1}.room-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.room-type-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-type-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.room-type-card.inactive{opacity:.6}.card-image{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative;width:100%}.card-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.875rem;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:3rem;margin-bottom:.5rem}.inactive-badge{background:#ef4444e6;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;position:absolute;right:1rem;top:1rem}.card-content{flex:1 1;padding:1.5rem}.card-content h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.short-desc{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.card-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.stat{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;padding:.75rem}.stat-icon{font-size:1.5rem;margin-bottom:.25rem}.stat-value{color:#0f172a;font-size:1.125rem}.stat-label{color:#64748b}.amenities-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.amenity-tag{font-size:1.25rem}.amenity-more{background:#e2e8f0;border-radius:4px;color:#475569;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.card-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.btn-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-edit:hover{box-shadow:0 4px 6px -1px #3b82f64d;transform:translateY(-2px)}.btn-toggle{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.btn-toggle:hover{background:#e2e8f0}.btn-delete{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.btn-delete:hover{background:#fecaca}.btn-primary{background:linear-gradient(135deg,#3b82f6,#7c3aed);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:.75rem 1.5rem}.btn-primary:hover{box-shadow:0 10px 15px -3px #0003}.btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;color:#475569;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.modal-content{box-shadow:0 20px 25px -5px #0000004d}.modal-header{background:linear-gradient(135deg,#1e40af,#7c3aed);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;color:#fff;padding:1.5rem 2rem}.modal-header h2{font-weight:700}.btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-close:hover{background:#ffffff4d}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;gap:1rem;padding:1.5rem 2rem}.room-type-form{padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:1.125rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#475569;font-size:.875rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s ease}.checkbox-label:hover{background:#f8fafc}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.amenities-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.amenity-checkbox{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.amenity-checkbox:hover{background:#f8fafc;border-color:#3b82f6}.amenity-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.amenity-checkbox input[type=checkbox]:checked{accent-color:#3b82f6}.amenity-icon{font-size:1.25rem}.amenity-label{color:#475569;font-size:.875rem;font-weight:500}.loading-container{flex-direction:column;gap:1rem;min-height:50vh}.spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;height:48px;width:48px}.empty-state{box-shadow:0 4px 6px -1px #0000001a;padding:4rem 2rem}.empty-state p{color:#64748b;font-size:1.25rem;margin-bottom:1.5rem}@media (max-width:768px){.manager-room-types{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.header-left h1{font-size:1.5rem}.amenities-grid,.form-row,.room-types-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.room-type-form{padding:1rem}}@media (max-width:480px){.card-stats{grid-template-columns:1fr}.card-actions{flex-direction:column}.card-actions button{width:100%}}.rooms-list{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.rooms-header{color:#374151;font-size:.875rem;margin-bottom:.75rem}.rooms-grid{display:flex;flex-wrap:wrap;gap:.5rem}.room-badge{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:50px;padding:.375rem .75rem;transition:all .2s}.room-badge:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.room-available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.room-occupied{background:linear-gradient(135deg,#fecaca,#fca5a5);border:1px solid #f87171;color:#991b1b}.room-cleaning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.room-maintenance{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;color:#3730a3}.room-reserved{background:linear-gradient(135deg,#fbcfe8,#f9a8d4);border:1px solid #f472b6;color:#831843}.info-readonly{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:8px;margin-top:.5rem;padding:1rem}.info-readonly p{color:#374151;margin:.5rem 0}.info-readonly strong{color:#1f2937;font-weight:600}.info-readonly ul{list-style:disc;margin:.5rem 0;padding-left:1.5rem}.info-readonly ul li{color:#6b7280;margin:.25rem 0}.promotions-manager{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.promo-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-left h1{color:#1a1f36;font-size:32px;font-weight:700}.btn-back{background:#fff;border:2px solid #e0e7ff;color:#4f46e5;font-weight:600;transition:all .2s}.btn-back:hover{background:#e0e7ff;transform:translateX(-2px)}.btn-create-promo{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 15px #4f46e54d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s}.btn-create-promo:hover{box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.promo-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{transition:transform .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-icon{align-items:center;border-radius:10px;display:flex;height:50px;justify-content:center;width:50px}.stat-icon.active{background:#d1fae5}.stat-icon.revenue{background:#fef3c7}.stat-icon.usage{background:#dbeafe}.stat-icon.discount{background:#fce7f3}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1a1f36}.stat-label{color:#6b7280;font-size:13px;margin-top:2px}.promo-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:20px;margin-bottom:30px;padding:20px}.filter-group{align-items:center;gap:10px}.filter-group label,.filter-group select{color:#374151;font-size:14px}.filter-group select{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:8px 16px;transition:border-color .2s}.filter-group select:hover{border-color:#4f46e5}.filter-summary{color:#6b7280;font-size:14px;margin-left:auto}.filter-summary strong{color:#4f46e5;font-weight:700}.promotions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.promotion-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:24px;transition:all .3s}.promotion-card:hover{border-color:#4f46e5;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.promo-card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.promo-title-section h3{color:#1a1f36;font-size:18px;font-weight:700;margin:0 0 6px}.promo-code{background:#f3f4f6;color:#6b7280;font-family:Courier New,monospace;font-size:12px;padding:4px 10px}.status-badge{padding:6px 12px}.status-active{background:#d1fae5;color:#065f46}.status-paused{background:#fef3c7;color:#92400e}.status-expired{background:#fee2e2;color:#991b1b}.status-draft{background:#e5e7eb;color:#374151}.status-pending{background:#dbeafe;color:#1e40af}.status-rejected{background:#fee2e2;color:#991b1b}.promo-card-body{margin-bottom:20px}.promo-info-row{display:flex;gap:16px;margin-bottom:16px}.info-item{align-items:center;background:#f9fafb;border-radius:10px;flex:1 1;gap:10px;padding:12px}.info-icon{font-size:20px}.info-content{display:flex;flex-direction:column}.info-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1a1f36;font-size:14px;font-weight:700;margin-top:2px}.promo-revenue-section{border-top:2px solid #f3f4f6;margin-top:16px;padding-top:16px}.revenue-bar{background:#e5e7eb;border-radius:10px;height:8px;margin-bottom:8px;overflow:hidden}.revenue-progress{background:linear-gradient(90deg,#4f46e5,#7c3aed);height:100%;transition:width .5s ease}.revenue-labels{color:#6b7280;display:flex;font-size:12px;justify-content:space-between}.promo-card-actions{border-top:2px solid #f3f4f6;display:flex;gap:8px;padding-top:16px}.action-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .2s}.action-btn.view{border-color:#4f46e5;color:#4f46e5}.action-btn.view:hover{background:#4f46e5;color:#fff}.action-btn.toggle{border-color:#f59e0b;color:#f59e0b}.action-btn.toggle:hover{background:#f59e0b;color:#fff}.action-btn.delete{border-color:#ef4444;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.empty-state{border-radius:16px;box-shadow:0 2px 8px #0000000f;grid-column:1/-1}.empty-icon{font-size:64px;opacity:.5}.empty-state h3{color:#1a1f36;font-size:24px;margin-bottom:10px}.empty-state p{color:#6b7280;margin-bottom:30px}.loading-state{min-height:400px}.spinner{border:4px solid #e5e7eb;border-top-color:#4f46e5}.loading-state p{color:#6b7280;font-weight:600;margin-top:20px}.modal-overlay{animation:fadeIn .2s}.modal-content{animation:slideUp .3s;border-radius:16px;overflow-y:auto}.modal-header{padding:24px 30px}.modal-header h2{color:#1a1f36;font-size:24px}.modal-close{font-size:24px;height:36px;width:36px}.modal-close:hover{color:#1a1f36}.modal-body{padding:30px}.modal-body ul{list-style:none;padding-left:0}.modal-body li{color:#4b5563;padding:8px 0}.modal-footer{padding:20px 30px}.btn-secondary{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f3f4f6}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}@media (max-width:768px){.promotions-manager{padding:20px}.promo-manager-header{flex-direction:column;gap:20px}.header-left{align-items:flex-start;flex-direction:column}.promo-filters{align-items:stretch;flex-direction:column}.filter-summary{margin-left:0;text-align:center}.promotions-grid{grid-template-columns:1fr}.promo-info-row{flex-direction:column}}.manager-promotions{margin:0 auto;max-width:1400px;padding:30px}.manager-promo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-left{align-items:center;display:flex;gap:20px}.header-left h1{color:#2c3e50;font-size:2rem;margin:0}.btn-back{background:#ecf0f1;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .3s ease}.btn-back:hover{background:#bdc3c7}.promo-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e1e8ed;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:24px}.summary-card.pending{border-left:4px solid #f39c12}.summary-card.draft{border-left:4px solid #95a5a6}.summary-card.total{border-left:4px solid #3498db}.summary-icon{font-size:2.5rem}.summary-content{flex:1 1}.summary-value{color:#2c3e50;font-size:2rem;font-weight:700}.summary-label{color:#7f8c8d;font-size:.9rem;margin-top:4px}.promotions-list{display:flex;flex-direction:column;gap:20px}.promotion-item{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s ease}.promotion-item:hover{box-shadow:0 4px 16px #0000001f}.promotion-item.pending_approval{border-left:4px solid #f39c12}.promotion-item.draft{border-left:4px solid #95a5a6}.promo-item-header{align-items:flex-start;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-actions{align-items:center;display:flex;gap:12px}.promo-title-section h3{color:#2c3e50;font-size:1.4rem;margin:0 0 8px}.promo-code{background:#ecf0f1;border-radius:6px;color:#7f8c8d;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.status-badge{border-radius:20px;font-size:.9rem;padding:8px 16px;white-space:nowrap}.status-draft{background:#95a5a6;color:#fff}.status-pending{background:#f39c12;color:#fff}.status-active{background:#27ae60;color:#fff}.status-paused{background:#e74c3c;color:#fff}.status-expired{background:#7f8c8d;color:#fff}.status-rejected{background:#c0392b;color:#fff}.promo-item-body{display:flex;flex-direction:column;gap:16px}.promo-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.promo-section{background:#f8f9fa;border-left:4px solid #bd2a2e;border-radius:8px;margin-top:1.5rem;padding:1rem}.promo-section h4{color:#bd2a2e;font-size:1rem;font-weight:600;margin:0 0 1rem}.banner-preview{background:#fff;border:2px dashed #bd2a2e;border-radius:6px;color:#555;font-style:italic;padding:1rem}.detail-value.highlight{color:#bd2a2e;font-size:1.1rem;font-weight:700}.detail-value.success{color:#27ae60;font-weight:600}.btn-expand{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.btn-expand:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.promo-summary{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px}.summary-item{align-items:center;display:flex;gap:8px}.summary-icon{font-size:1.2rem}.summary-text{color:#2c3e50;font-size:.95rem;font-weight:500}.promo-details-expanded{animation:slideDown .3s ease;overflow:hidden}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.detail-item{gap:4px}.detail-label{color:#7f8c8d;font-size:.85rem;font-weight:600}.detail-value{color:#2c3e50;font-size:1rem}.promo-description{background:#f8f9fa;border-radius:8px;font-size:.95rem;line-height:1.5;padding:12px}.promo-actions{border-top:1px solid #ecf0f1;display:flex;gap:12px;margin-top:16px;padding-top:16px}.btn-approve{background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-approve:hover:not(:disabled){box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.btn-approve:disabled{cursor:not-allowed;opacity:.6}.btn-reject{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-reject:hover:not(:disabled){box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.btn-reject:disabled{cursor:not-allowed;opacity:.6}.rejection-reason{background:#ffe5e5;border-left:4px solid #e74c3c;border-radius:6px;color:#c0392b;font-size:.95rem;padding:12px}.modal-overlay{background:#00000080;z-index:1000}.modal-content{border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #ecf0f1;padding:20px 24px}.modal-header h2{color:#2c3e50;font-size:1.5rem}.modal-close{background:none;color:#95a5a6;font-size:2rem;transition:color .3s}.modal-close:hover{color:#2c3e50}.modal-body{padding:24px}.form-group{margin-top:16px}.form-group label{margin-bottom:8px}.form-group textarea{border:1px solid #e1e8ed;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;width:100%}.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.modal-footer{border-top:1px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel{background:#ecf0f1;border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background .3s}.btn-cancel:hover{background:#bdc3c7}.btn-submit{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .3s}.btn-submit:hover:not(:disabled){background:#c0392b}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#2c3e50;font-size:1.5rem;margin:0 0 10px}.empty-state p{color:#7f8c8d;font-size:1rem;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db;height:50px;width:50px}.wristband-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.wristband-form .form-header{border-bottom:2px solid #bd2a2e;border-bottom:2px solid var(--brand-red,#bd2a2e);margin-bottom:1.5rem;padding-bottom:1rem}.wristband-form .form-header h3{color:#bd2a2e;color:var(--brand-red,#bd2a2e);margin:0 0 .5rem}.wristband-form .reservation-info{background:#f8f9fa;border-radius:4px;margin-top:.5rem;padding:.75rem}.wristband-form .reservation-info p{font-size:.9rem;margin:.25rem 0}.color-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:.5rem}.color-option{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;display:flex;padding:.75rem;transition:all .3s ease}.color-option:hover{background:#f8f9fa;transform:translateY(-1px)}.color-option.selected{background:#bd2a2e0d;border-color:#bd2a2e;border-color:var(--brand-red,#bd2a2e)}.color-option input{margin-right:.5rem}.color-label{font-size:1rem;font-weight:500}.wristband-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.wristband-list .list-header{align-items:flex-start;border-bottom:2px solid #bd2a2e;border-bottom:2px solid var(--brand-red,#bd2a2e);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.wristband-list .list-header h3{color:#bd2a2e;color:var(--brand-red,#bd2a2e);margin:0}.filter-group input,.filter-group select{min-width:180px}.wristband-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1.5rem}.wristband-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;transition:all .3s ease}.wristband-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.wristband-card .card-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.wristband-info{display:flex;flex-direction:column;gap:.25rem}.wristband-number{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:1.1rem;font-weight:700}.wristband-color{color:#6c757d;font-size:.9rem}.card-content .info-row{font-size:.9rem;margin:.5rem 0}.card-content .info-row strong{color:#3b3936;color:var(--brand-dark,#3b3936);margin-right:.5rem}.no-wristbands{color:#6c757d;font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}.wristband-audit-report{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.report-summary{grid-template-columns:2fr 1fr}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.color-distribution{display:flex;flex-wrap:wrap;gap:.5rem}.color-stat{align-items:center;background:#fff;border-radius:4px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.color-indicator{font-weight:500;text-transform:capitalize}.color-count{background:#486966;background:var(--brand-teal,#486966);border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.report-table th{font-size:.875rem}.report-table .status-entregado{background:#28a745}.report-table .status-cancelado{background:#dc3545}.report-table .status-perdido{background:#ffc107;color:#212529}.report-table .status-reemplazado{background:#17a2b8}.cancelled-info{color:#dc3545;font-size:.75rem;font-style:italic}@media (max-width:768px){.wristband-list .list-header{align-items:stretch;flex-direction:column;gap:1rem}.list-filters{flex-direction:column;gap:.75rem}.filter-group input,.filter-group select{min-width:100%}.report-summary,.wristband-grid{grid-template-columns:1fr}.date-inputs,.filter-inputs,.report-actions{flex-direction:column}.color-selector{grid-template-columns:1fr}}.room-change-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.room-change-form .form-header{border-bottom:2px solid #bd2a2e;border-bottom:2px solid var(--brand-red,#bd2a2e);margin-bottom:1.5rem;padding-bottom:1rem}.room-change-form .form-header h3{color:#bd2a2e;color:var(--brand-red,#bd2a2e);margin:0 0 .5rem}.reservation-info{background:#f8f9fa;border-radius:6px;margin-top:.5rem;padding:1rem}.info-grid{grid-gap:.75rem;gap:.75rem}.info-item strong{color:#3b3936;color:var(--brand-dark,#3b3936);margin-right:.5rem}.room-change-form-content{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;gap:1rem}.form-group label{color:#3b3936;color:var(--brand-dark,#3b3936)}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.75rem}.form-group textarea{min-height:80px}.room-preview{background:#e8f5e8;border-radius:4px;font-size:.85rem;margin-top:.5rem;padding:.75rem}.room-preview strong{color:#3b3936;color:var(--brand-dark,#3b3936)}.price-difference{font-weight:700;margin-left:.5rem}.char-counter{color:#6c757d;font-size:.75rem;text-align:right}.price-impact{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:1rem 0;padding:1rem}.price-impact.increase{background:#f8d7da;border-color:#f5c6cb}.price-impact.decrease{background:#d1eddd;border-color:#c3e6cb}.price-impact h4{color:#3b3936;color:var(--brand-dark,#3b3936);margin:0 0 .5rem}.upgrade-note{color:#856404;font-weight:500;margin-top:.5rem}.form-actions{border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1rem}.room-change-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.room-change-list .list-header{align-items:flex-start;border-bottom:2px solid #bd2a2e;border-bottom:2px solid var(--brand-red,#bd2a2e);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.room-change-list .list-header h3{color:#bd2a2e;color:var(--brand-red,#bd2a2e);margin:0}.list-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{gap:.25rem;min-width:150px}.filter-group label{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:.875rem;font-weight:500}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.room-change-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:1.5rem}.room-change-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;transition:all .3s ease}.room-change-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.room-change-card .card-header{align-items:flex-start;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.change-info{display:flex;flex-direction:column;gap:.25rem}.change-id{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:.9rem;font-weight:700}.change-reason{color:#6c757d;font-size:.8rem}.status-badge{color:#fff;font-size:.75rem;padding:.25rem .5rem}.room-transition{align-items:center;display:flex;font-size:.9rem;gap:.5rem;margin:.5rem 0}.room-from,.room-to{background:#fff;border:1px solid #ddd;min-width:60px;text-align:center}.arrow{color:#bd2a2e;color:var(--brand-red,#bd2a2e);font-size:1.2rem;font-weight:700}.info-row{font-size:.85rem;margin:.5rem 0}.info-row strong{color:#3b3936;color:var(--brand-dark,#3b3936);margin-right:.5rem}.description-text{color:#6c757d;font-style:italic}.price-difference.increase{color:#dc3545;font-weight:700}.price-difference.decrease{color:#28a745;font-weight:700}.card-actions{border-top:1px solid #ddd;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem}.rejection-reason{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;font-size:.8rem;margin-top:.75rem;padding:.5rem}.list-summary{border-top:1px solid #e9ecef;padding-top:1rem}.summary-stats{color:#6c757d;display:flex;flex-wrap:wrap;font-size:.9rem;gap:2rem}.summary-stats span{font-weight:500}.no-changes{font-style:italic;grid-column:1/-1;text-align:center}.loading-spinner,.no-changes{color:#6c757d;padding:2rem}.room-change-report{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.report-header{border-bottom:2px solid #bd2a2e;border-bottom:2px solid var(--brand-red,#bd2a2e);margin-bottom:1.5rem;padding-bottom:1rem}.report-header h3{color:#bd2a2e;color:var(--brand-red,#bd2a2e);margin:0 0 .5rem}.report-header p{color:#6c757d;font-style:italic;margin:0}.report-filters{background:#f8f9fa;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem}.filter-section{margin-bottom:1rem}.filter-section h4{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:1rem;margin:0 0 .75rem}.date-inputs,.filter-inputs{display:flex;flex-wrap:wrap;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.input-group label{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:.875rem;font-weight:500}.input-group input,.input-group select{border:1px solid #ddd;border-radius:4px;padding:.5rem}.report-actions{border-top:1px solid #ddd;display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.report-results{margin-top:1.5rem}.report-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:1.5rem}.summary-section{background:#f8f9fa;border-radius:6px;padding:1rem}.summary-section h4{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:1rem;margin:0 0 1rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-item{border-radius:4px;box-shadow:0 1px 3px #0000001a;padding:.75rem}.stat-number{color:var(--brand-red,#bd2a2e);font-size:1.5rem}.stat-label{display:block;font-size:.75rem;margin-top:.25rem}.reason-chart{display:flex;flex-direction:column;gap:.5rem}.reason-bar{align-items:center;display:flex;gap:.5rem}.reason-label{font-size:.8rem;font-weight:500;min-width:150px}.reason-bar-container{align-items:center;background:#e9ecef;border-radius:10px;display:flex;flex:1 1;gap:.5rem;height:20px;overflow:hidden;position:relative}.reason-bar-fill{background:#486966;background:var(--brand-teal,#486966);border-radius:10px;height:100%;transition:width .3s ease}.reason-count{color:#3b3936;color:var(--brand-dark,#3b3936);font-size:.75rem;font-weight:700;position:absolute;right:.5rem}.type-distribution{display:flex;flex-wrap:wrap;gap:.5rem}.type-stat{align-items:center;background:#fff;border-radius:4px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.type-indicator{font-weight:500;text-transform:capitalize}.type-count{background:#486966;background:var(--brand-teal,#486966);border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.report-table{background:#f8f9fa;border-radius:6px;padding:1rem}.report-table h4{color:#3b3936;color:var(--brand-dark,#3b3936);margin:0 0 1rem}.table-responsive{overflow-x:auto}.report-table table{background:#fff;border-collapse:collapse;border-radius:4px;overflow:hidden;width:100%}.report-table td,.report-table th{border-bottom:1px solid #e9ecef;font-size:.85rem;padding:.75rem;text-align:left}.report-table th{background:#3b3936;background:var(--brand-dark,#3b3936);color:#fff;font-weight:600}.room-change-cell{align-items:center;display:flex;gap:.5rem}.room-from,.room-to{background:#f8f9fa;border-radius:4px;font-weight:500;padding:.25rem .5rem}.status-pendiente{background:#ffc107;color:#212529}.status-aprobado{background:#28a745}.status-rechazado{background:#dc3545}.status-ejecutado{background:#17a2b8}.type-cell{font-weight:500;text-transform:capitalize}.description-cell{word-wrap:break-word;max-width:200px}.room-changes-page,.wristbands-page{margin:0 auto;max-width:1400px;padding:1rem}.page-header{margin-bottom:2rem;text-align:center}.page-header h2{color:#bd2a2e;color:var(--brand-red,#bd2a2e);font-size:2rem;margin:0 0 .5rem}.page-header p{color:#6c757d;font-size:1.1rem;margin:0}.tab-navigation{border-bottom:2px solid #e9ecef;gap:.5rem;margin-bottom:2rem}.tab-button{background:#0000;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.tab-button.active,.tab-button:hover{background:#bd2a2e0d;color:#bd2a2e;color:var(--brand-red,#bd2a2e)}.tab-button.active{border-bottom-color:#bd2a2e;border-bottom-color:var(--brand-red,#bd2a2e)}.reservation-selector h3{color:#3b3936;color:var(--brand-dark,#3b3936);margin:0 0 1rem}.reservations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.reservation-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.reservation-card:hover{border-color:#bd2a2e;border-color:var(--brand-red,#bd2a2e);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.reservation-card .card-header{color:#bd2a2e;color:var(--brand-red,#bd2a2e);font-size:1rem;margin-bottom:.5rem}.reservation-card .card-content p{color:#6c757d;font-size:.9rem;margin:.25rem 0}@media (max-width:768px){.form-row{grid-template-columns:1fr}.list-filters{flex-direction:column;gap:.75rem}.filter-group{min-width:100%}.report-summary,.reservations-grid,.room-change-grid{grid-template-columns:1fr}.date-inputs,.filter-inputs,.report-actions{flex-direction:column}.tab-navigation{flex-wrap:wrap}.summary-stats{grid-template-columns:repeat(2,1fr)}}.public-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000000d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.public-navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px #0000001a}.public-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-top:4rem;padding:4rem 2rem 2rem}@media (max-width:768px){.public-footer{padding:3rem 1.5rem 1.5rem}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.public-footer{padding:2rem 1rem 1rem}.footer-logo{font-size:1.3rem}.footer-social a{font-size:1rem;height:35px;width:35px}}.public-promotions-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:60px 20px}.public-promotions-container{margin:0 auto;max-width:1200px}.public-promotions-header{margin-bottom:40px;text-align:center}.public-promotions-title{animation:fadeInDown .6s ease;color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 10px}.public-promotions-subtitle{animation:fadeInUp .6s ease;color:#7f8c8d;font-size:1.2rem;margin:0}.public-promotions-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.public-promo-card{animation:fadeInUp .8s ease;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.public-promo-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.promo-banner{background:linear-gradient(135deg,#bd2a2e,#8b1f22);color:#fff;font-size:1.1rem;font-weight:600;padding:15px 20px;text-align:center}.promo-card-content{padding:30px}.promo-badge{background:#f39c12;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:15px;padding:6px 16px}.promo-card-title{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0 0 15px}.promo-card-description{color:#7f8c8d;line-height:1.6;margin-bottom:20px}.promo-discount-highlight{background:linear-gradient(135deg,#27ae60,#229954);border-radius:12px;box-shadow:0 4px 15px #27ae604d;color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.promo-card-details{background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:25px;padding:15px}.promo-detail{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;gap:10px}.detail-icon{font-size:1.2rem}.promo-cta-button{background:linear-gradient(135deg,#bd2a2e,#8b1f22);border-radius:10px;box-shadow:0 4px 15px #bd2a2e4d;color:#fff;display:block;font-size:1.1rem;font-weight:600;padding:15px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.promo-cta-button:hover{background:linear-gradient(135deg,#8b1f22,#bd2a2e);box-shadow:0 6px 20px #bd2a2e66;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.public-promotions-title{font-size:2rem}.public-promotions-subtitle{font-size:1rem}.public-promotions-grid{gap:20px;grid-template-columns:1fr}.promo-card-title{font-size:1.5rem}.promo-discount-highlight{font-size:1.2rem}}.public-home{background:#f8f9fa;margin:0 auto;min-height:100vh;overflow-x:hidden;width:100%}.stripe-payment-form{margin:0 auto;max-width:600px}.payment-header{margin-bottom:30px;text-align:center}.payment-header h3{color:#1a202c;font-size:24px;margin-bottom:8px}.secure-badge{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:500;padding:6px 16px}.payment-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.card-element-container{margin-bottom:25px}.card-element-container label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.card-element-wrapper{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;transition:border-color .2s}.card-element-wrapper:hover{border-color:#d1d5db}.card-element-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px 16px}.payment-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:16px}.test-mode-warning{color:#1e40af;font-weight:600;margin-bottom:8px}.test-mode-warning code{background:#fff;border-radius:4px;font-family:Courier New,monospace;font-size:13px;padding:2px 8px}.payment-details{color:#1e40af;font-size:13px;line-height:1.6;margin:0}.payment-amount{background:#f9fafb;border-radius:8px;margin-bottom:25px;padding:16px}.amount-row{align-items:center;display:flex;justify-content:space-between}.amount-row span{color:#6b7280;font-size:14px}.amount-value{color:#1a202c;font-size:24px;font-weight:700}.payment-actions{display:flex;gap:12px;margin-bottom:20px}.payment-actions .btn{flex:1 1}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;width:14px}.payment-trust-badges{border-top:1px solid #e5e7eb;display:flex;gap:20px;justify-content:center;padding-top:20px}.trust-badge{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.badge-icon{font-size:16px}.badge-text{font-weight:500}@media (max-width:768px){.payment-form{padding:20px}.payment-actions{flex-direction:column}.payment-trust-badges{flex-direction:column;gap:10px}}.public-reservations{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding-top:80px}.demo-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000000d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.back-to-landing{background:linear-gradient(135deg,#06f,#0052cc);border-radius:8px;box-shadow:0 2px 8px #06f3;color:#fff;font-size:.9rem;font-weight:500;left:2rem;padding:.5rem 1rem;position:absolute;text-decoration:none;transition:all .3s ease}.back-to-landing:hover{background:linear-gradient(135deg,#0052cc,#003d99);box-shadow:0 4px 12px #0066ff4d;transform:translateY(-2px)}.btn-try-clavis{background:linear-gradient(135deg,#06f,#0052cc);border-radius:8px;box-shadow:0 4px 12px #0066ff4d;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-try-clavis:hover{background:linear-gradient(135deg,#0052cc,#003d99);box-shadow:0 6px 20px #06f6;transform:translateY(-2px)}.demo-navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px #0000001a}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#1a1a2e;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem}.logo-text{font-family:Georgia,serif;letter-spacing:1px}.mobile-menu-toggle{background:none;border:none;color:#1a1a2e;cursor:pointer;display:none;font-size:1.8rem;padding:.5rem;transition:transform .3s ease}.mobile-menu-toggle:hover{transform:scale(1.1)}.hamburger-icon{display:block;height:30px;line-height:30px;text-align:center;width:30px}.navbar-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.navbar-links a,.navbar-links li{position:relative}.navbar-links a{border-radius:8px;color:#1a1a2e;font-size:1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-links a:not(.btn-reservar):hover{background:#e945601a;color:#e94560}.navbar-links a.active:not(.btn-reservar):after{background:#e94560;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.navbar-cta{margin-left:1rem}.btn-reservar{background:linear-gradient(135deg,#e94560,#c72c48);border-radius:30px;box-shadow:0 4px 15px #e945604d;color:#fff!important;font-weight:600;padding:.75rem 1.5rem!important;transition:all .3s ease}.btn-reservar:hover{background:linear-gradient(135deg,#c72c48,#e94560)!important;box-shadow:0 6px 20px #e9456066;transform:translateY(-2px)}@media (max-width:768px){.mobile-menu-toggle{display:block}.navbar-container{padding:1rem 1.5rem}.navbar-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 10px 30px #0000001a;flex-direction:column;gap:0;left:0;opacity:0;padding:1rem 0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-20px);transition:all .3s ease}.navbar-links.mobile-open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar-links li{border-bottom:1px solid #0000000d;text-align:center;width:100%}.navbar-links li:last-child{border-bottom:none}.navbar-links a{display:block;padding:1rem 2rem;width:100%}.navbar-links a.active:not(.btn-reservar):after{bottom:.5rem}.navbar-cta{margin-left:0;padding:1rem 2rem}.btn-reservar{display:inline-block;width:auto}.logo-text{font-size:1.2rem}.logo-icon{font-size:1.5rem}}@media (max-width:480px){.navbar-container{padding:.75rem 1rem}.logo-text{font-size:1.1rem}.navbar-links a{font-size:.95rem}}.demo-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-top:4rem;padding:4rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 3rem;max-width:1200px}.footer-section h3,.footer-section h4{color:#fff;font-weight:600}.footer-logo{font-family:Georgia,serif;margin-bottom:1rem}.footer-logo .logo-icon{font-size:2rem}.footer-desc{color:#fffc;line-height:1.6;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.footer-social a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.footer-social a:hover{background:#e94560;transform:translateY(-3px)}.footer-section ul{margin:0;padding:0}.footer-section ul li a{color:#fffc;display:inline-block;text-decoration:none;transition:all .3s ease}.footer-section ul li a:hover{color:#e94560;padding-left:5px}.footer-contact li{align-items:flex-start;color:#fffc;display:flex;gap:.75rem;margin-bottom:1rem}.contact-icon{font-size:1.2rem;min-width:20px}.footer-contact a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-contact a:hover{color:#e94560}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-bottom,.footer-links{align-items:center;display:flex;gap:1rem}.footer-links a{color:#fff9;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#e94560}.footer-links span{color:#ffffff4d}@media (max-width:768px){.demo-footer{padding:3rem 1.5rem 1.5rem}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.demo-footer{padding:2rem 1rem 1rem}.footer-logo{font-size:1.3rem}.footer-social a{font-size:1rem;height:35px;width:35px}}.whatsapp-float{align-items:center;background:#25d366;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #25d36666;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;text-decoration:none;transition:all .3s ease;width:60px;z-index:1000}.whatsapp-float:hover{box-shadow:0 8px 30px #25d36699;transform:scale(1.1) translateY(-5px)}.whatsapp-float:active{transform:scale(.95)}.whatsapp-icon{color:#fff;height:35px;transition:transform .3s ease;width:35px}.whatsapp-float:hover .whatsapp-icon{transform:rotate(15deg)}.whatsapp-tooltip{background:#1f2937;border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;font-size:.95rem;font-weight:600;opacity:0;padding:.75rem 1.25rem;position:absolute;right:75px;transition:all .3s ease;visibility:hidden;white-space:nowrap}.whatsapp-tooltip:after{border-bottom:8px solid #0000;border-left:8px solid #1f2937;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;right:80px;visibility:visible}.whatsapp-float{animation:pulse 2s infinite}.whatsapp-float:hover{animation:none}@media (max-width:768px){.whatsapp-float{bottom:20px;height:55px;right:20px;width:55px}.whatsapp-icon{height:30px;width:30px}.whatsapp-tooltip{display:none}}@media (max-width:480px){.whatsapp-float{bottom:15px;height:50px;right:15px;width:50px}.whatsapp-icon{height:28px;width:28px}}.telegram-float{align-items:center;background:#08c;border-radius:50%;bottom:110px;box-shadow:0 4px 20px #08c6;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;text-decoration:none;transition:all .3s ease;width:60px;z-index:1000}.telegram-float:hover{box-shadow:0 8px 30px #08c9;transform:scale(1.1) translateY(-5px)}.telegram-float:active{transform:scale(.95)}.telegram-icon{color:#fff;height:32px;transition:transform .3s ease;width:32px}.telegram-float:hover .telegram-icon{transform:rotate(15deg)}.telegram-tooltip{background:#1f2937;border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;font-size:.95rem;font-weight:600;opacity:0;padding:.75rem 1.25rem;position:absolute;right:75px;transition:all .3s ease;visibility:hidden;white-space:nowrap}.telegram-tooltip:after{border-bottom:8px solid #0000;border-left:8px solid #1f2937;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}.telegram-float:hover .telegram-tooltip{opacity:1;right:80px;visibility:visible}@keyframes telegram-pulse{0%{box-shadow:0 4px 20px #08c6}50%{box-shadow:0 4px 20px #0088ccb3,0 0 0 10px #0088cc1a}to{box-shadow:0 4px 20px #08c6}}.telegram-float{animation:telegram-pulse 2s infinite;animation-delay:.5s}.telegram-float:hover{animation:none}@media (max-width:768px){.telegram-float{bottom:90px;height:55px;right:20px;width:55px}.telegram-icon{height:28px;width:28px}.telegram-tooltip{display:none}}@media (max-width:480px){.telegram-float{bottom:80px;height:50px;right:15px;width:50px}.telegram-icon{height:26px;width:26px}}.demo-hotel{background:#f8f9fa;margin:0 auto;min-height:100vh;overflow-x:hidden;width:100%}.hero-section{height:100vh;overflow:hidden;position:relative}.hero-slide{background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(135deg,#1a1a2eb3,#e9456080);height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;text-align:center;z-index:2}.hero-title{animation:fadeInUp 1s ease;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px #00000080}.hero-subtitle{animation:fadeInUp 1s ease .2s backwards;font-size:1.5rem;max-width:600px}.hero-buttons{animation:fadeInUp 1s ease .4s backwards;display:flex;gap:1rem}.btn{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#e94560,#c72c48);box-shadow:0 4px 15px #e9456066}.btn-primary:hover{box-shadow:0 6px 20px #e9456099}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.btn-secondary:hover{color:#1a1a2e}.hero-indicators{bottom:2rem;display:flex;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:#fff;transform:scale(1.3)}.quick-booking{margin-left:auto;margin-right:auto;margin-top:-80px;max-width:1200px;padding:0 2rem 4rem;position:relative;z-index:10}.booking-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;padding:2.5rem}.booking-card h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:1.5rem}.booking-form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a;outline:none}.btn-search{align-self:end;background:linear-gradient(135deg,#e94560,#c72c48);border-radius:10px;color:#fff;font-weight:600;padding:.75rem 2rem}.section-header{margin:0 auto 3rem;max-width:600px;text-align:center}.section-header h2{color:#1a1a2e;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#666;font-size:1.1rem}.featured-rooms{margin:4rem auto;max-width:1200px;padding:0 2rem}.rooms-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.room-card{border-radius:15px;box-shadow:0 5px 20px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.room-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.room-image{background-position:50%;background-size:cover;height:250px;position:relative}.room-price{background:linear-gradient(135deg,#e94560,#c72c48);border-radius:50px;box-shadow:0 4px 15px #e9456066;color:#fff;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem;position:absolute;right:1rem;top:1rem}.room-price small{font-size:.7rem;font-weight:400}.room-info{padding:1.5rem}.room-info h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:1rem}.room-details{display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:1rem}.room-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#f0f0f0;border-radius:20px;color:#1a1a2e;font-size:.85rem;padding:.4rem .8rem}.btn-view{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:.75rem;text-align:center;width:100%}.btn-view:hover{background:linear-gradient(135deg,#e94560,#c72c48)}.section-cta{text-align:center}.btn-outline-large{background:#0000;border:2px solid #1a1a2e;color:#1a1a2e;font-size:1.1rem;padding:1rem 3rem}.btn-outline-large:hover{background:#1a1a2e;color:#fff}.services-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:30px;margin:4rem auto;max-width:1200px;padding:4rem 2rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:2rem;text-align:center;transition:all .3s ease}.service-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{color:#1a1a2e;font-size:1.2rem;margin-bottom:.5rem}.service-card p{color:#666;font-size:.9rem}.reviews-section{margin:4rem auto;max-width:1200px;padding:0 2rem}.reviews-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.review-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem}.stars{font-size:1.2rem;margin-bottom:1rem}.review-text{color:#666;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.reviewer strong{color:#1a1a2e;font-size:1rem}.reviewer span{color:#e94560;font-size:.85rem;margin-left:.5rem}.cta-section{margin:4rem auto;max-width:1200px;padding:0 2rem}.cta-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:30px;color:#fff;padding:4rem 2rem;text-align:center}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.btn-cta-large{background:linear-gradient(135deg,#e94560,#c72c48);box-shadow:0 6px 20px #e9456066;color:#fff;font-size:1.2rem;padding:1.25rem 3rem}.btn-cta-large:hover{box-shadow:0 10px 30px #e9456099;transform:translateY(-3px)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{flex-direction:column;max-width:300px;width:100%}.booking-card{padding:1.5rem}.booking-form{grid-template-columns:1fr}.section-header h2{font-size:2rem}.reviews-grid,.rooms-grid,.services-grid{grid-template-columns:1fr}.cta-content h2{font-size:2rem}.cta-content p{font-size:1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.quick-booking{padding:0 1rem 2rem}.booking-card{padding:1rem}.section-header h2{font-size:1.75rem}.room-price{font-size:1rem;padding:.5rem 1rem}}.demo-reservations{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding-top:80px}.reservations-container{margin:0 auto;max-width:1200px;padding:2rem}.reservations-header{margin-bottom:3rem;text-align:center}.reservations-header h1{color:#1a1a2e;font-size:2.5rem;margin-bottom:.5rem}.reservations-header p{color:#666;font-size:1.2rem}.progress-steps{justify-content:center;margin-bottom:3rem;padding:0 2rem}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:.5rem}.step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:#666;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;transition:all .3s ease;width:50px}.step.active .step-number{background:linear-gradient(135deg,#e94560,#c72c48);box-shadow:0 4px 15px #e9456066;color:#fff}.step.completed .step-number{background:#28a745;color:#fff}.step-label{color:#666;font-size:.9rem;font-weight:500}.step-line{background:#e0e0e0;height:3px;margin:0 1rem 1.5rem;width:80px}.alert{align-items:center;border-radius:10px;display:flex;gap:.5rem;margin-bottom:2rem;padding:1rem 1.5rem}.alert-error{background:#fee;border-left:4px solid #c00;color:#c00}.alert-success{background:#efe;border-left:4px solid #0a0;color:#0a0}.step-content{animation:fadeIn .5s ease}.search-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:3rem}.search-card h2{color:#1a1a2e;font-size:2rem;margin-bottom:2rem;text-align:center}.search-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{gap:.5rem}.form-group label{color:#1a1a2e;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a}.btn-large{font-size:1.1rem;margin-top:1rem;padding:1rem 2rem}.selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.selection-header h2{color:#1a1a2e;font-size:2rem}.selection-header p{color:#666;font-size:1.1rem}.available-rooms-grid{grid-gap:2rem;display:grid;gap:2rem}.available-room-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;display:grid;grid-template-columns:300px 1fr;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.available-room-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.room-image-container{position:relative}.room-image-container img{height:100%;object-fit:cover;width:100%}.room-capacity-badge{background:#000000b3;border-radius:20px;color:#fff;font-size:.9rem;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem}.room-content{display:flex;flex-direction:column;padding:2rem}.room-content h3{color:#1a1a2e;font-size:1.75rem;margin-bottom:.5rem}.room-size{color:#666;margin-bottom:1rem}.room-features-list{display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-badge{background:#f0f0f0;border-radius:15px;color:#1a1a2e;font-size:.85rem;padding:.4rem .8rem}.room-pricing{align-items:flex-end;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:1rem}.price-per-night{color:#1a1a2e;font-size:1.2rem;font-weight:600}.total-price{color:#e94560;font-size:1.5rem;font-weight:700}.btn-select{background:linear-gradient(135deg,#e94560,#c72c48);border:none;border-radius:30px;box-shadow:0 4px 15px #e945604d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-select:hover{box-shadow:0 6px 20px #e9456066;transform:translateY(-2px)}.no-rooms-message{background:#fff;border-radius:15px;padding:4rem 2rem;text-align:center}.no-rooms-message h3{color:#1a1a2e;font-size:2rem;margin-bottom:1rem}.guest-data-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr}.guest-form-container{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2.5rem}.guest-form-container h2{color:#1a1a2e;font-size:2rem;margin-bottom:2rem}.guest-form{display:flex;flex-direction:column;gap:1.5rem}.form-actions{gap:1rem;margin-top:1rem}.btn-outline{background:#0000;border:2px solid #1a1a2e;border-radius:30px;color:#1a1a2e;cursor:pointer;padding:.75rem 1.5rem}.btn-outline:hover{background:#1a1a2e}.reservation-summary{position:-webkit-sticky;position:sticky;top:100px}.reservation-summary h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:1.5rem}.summary-card{border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem}.selected-room-preview{margin-bottom:1.5rem;text-align:center}.selected-room-preview img{border-radius:10px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}.selected-room-preview h4{color:#1a1a2e;font-size:1.25rem}.summary-details{border-bottom:2px solid #f0f0f0;border-top:2px solid #f0f0f0;margin-bottom:1.5rem;padding:1.5rem 0}.summary-row{color:#666;margin-bottom:1rem}.summary-row:last-child{margin-bottom:0}.summary-pricing{display:flex;flex-direction:column;gap:.75rem}.price-row{color:#666;display:flex;font-size:.95rem;justify-content:space-between}.price-row.total{border-top:2px solid #f0f0f0;color:#1a1a2e;font-size:1.3rem;padding-top:1rem}.confirmation-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:4rem 3rem;text-align:center}.confirmation-icon{font-size:5rem;margin-bottom:1rem}.confirmation-card h2{color:#28a745;font-size:2.5rem;margin-bottom:1rem}.confirmation-message{color:#666;font-size:1.2rem;margin-bottom:2rem}.confirmation-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:1.3rem;margin-bottom:2rem;padding:1.5rem 2rem;text-align:center}.confirmation-number strong{display:block;font-size:.9rem;margin-bottom:.5rem;opacity:.9}.confirmation-details{background:#f8f9fa;border-radius:15px;margin-bottom:2rem;padding:2rem;text-align:left}.confirmation-details h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.detail-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#666;font-size:.9rem}.detail-value{color:#1a1a2e;font-size:1.1rem;font-weight:600}.confirmation-actions{display:flex;gap:1rem;justify-content:center}@media (max-width:968px){.available-room-card{grid-template-columns:1fr}.room-image-container img{height:250px}.guest-data-section{grid-template-columns:1fr}.reservation-summary{position:static}.progress-steps{padding:0 1rem}.step-line{width:40px}.selection-header{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.reservations-container{padding:1rem}.reservations-header h1{font-size:2rem}.search-card{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.step-label{font-size:.75rem}.step-number{font-size:1rem;height:40px;width:40px}.detail-grid{grid-template-columns:1fr}.confirmation-card{padding:2rem 1.5rem}.confirmation-icon{font-size:3.5rem}.confirmation-actions{flex-direction:column}}@media (max-width:480px){.progress-steps{justify-content:flex-start;overflow-x:auto}.step-line{margin:0 .5rem;width:30px}.step{min-width:80px}.search-card{padding:1.5rem 1rem}.btn-large{font-size:1rem;padding:.875rem 1.5rem}}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:40px;z-index:10}.modal-close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.modal-header{border-bottom:2px solid #f3f4f6;flex-shrink:0;padding:3rem 3rem 2rem;text-align:center}.modal-icon{font-size:5rem;margin-bottom:1rem}.modal-header h2{color:#1a1a2e;font-size:2.25rem;font-weight:800;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:2.5rem 3rem}.modal-description{color:#4b5563;font-size:1.15rem;line-height:1.8}.modal-description,.modal-section{margin-bottom:2.5rem}.modal-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.35rem;font-weight:700;gap:.5rem;margin-bottom:1.25rem}.benefits-list,.feature-list,.tech-list{list-style:none;margin:0;padding:0}.benefits-list li,.feature-list li,.tech-list li{background:#f9fafb;border-left:4px solid #06f;border-radius:12px;color:#374151;font-size:1.05rem;margin-bottom:.75rem;padding:1rem 1.5rem;transition:all .2s}.benefits-list li:hover,.feature-list li:hover{background:#f0f7ff;transform:translateX(5px)}.tech-list li{border-left-color:#00c48c;font-family:Courier New,monospace;font-size:.95rem}.roles-grid{display:flex;flex-wrap:wrap;gap:.75rem}.role-badge{background:linear-gradient(135deg,#06f,#0052cc);border-radius:20px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.tech-details{background:#f9fafb;border-radius:16px;padding:1.5rem}.modal-footer{background:#fff;border-top:2px solid #f3f4f6;flex-shrink:0;padding:2rem 3rem 3rem;text-align:center}.btn-demo-modal{background:linear-gradient(135deg,#06f,#0052cc);border:none;border-radius:12px;box-shadow:0 4px 15px #0066ff4d;color:#fff;cursor:pointer;display:inline-block;font-size:1.15rem;font-weight:700;padding:1.25rem 3rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-demo-modal:hover{background:linear-gradient(135deg,#0052cc,#003d99);box-shadow:0 8px 30px #0066ff80;transform:translateY(-3px)}.btn-demo-modal:active{transform:translateY(-1px)}@media (max-width:768px){.modal-backdrop{padding:1rem}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.modal-header h2{font-size:1.75rem}.modal-icon{font-size:3.5rem}.modal-section h3{font-size:1.15rem}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#06f;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#0052cc}:root{--primary:#06f;--primary-dark:#0052cc;--secondary:#1a1a2e;--accent:#00d9ff;--success:#00c48c;--background:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#4b5563;--gray-800:#1f2937;--gray-900:#111827}*{box-sizing:border-box;margin:0;padding:0}.landing-home{background:#fff;background:var(--background);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}.btn-demo{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:8px;box-shadow:0 4px 12px #0066ff40;color:#fff!important;font-weight:600;padding:.65rem 1.25rem;transition:all .3s ease}.btn-demo:hover{box-shadow:0 6px 20px #0066ff59;transform:translateY(-2px)}.btn-login{border:2px solid #06f;border:2px solid var(--primary);border-radius:8px;color:#06f!important;color:var(--primary)!important;font-weight:600;padding:.65rem 1.25rem;transition:all .3s ease}.btn-login:hover{background:#06f;background:var(--primary);color:#fff!important}.hero-section{background:linear-gradient(135deg,#f6f8fc,#fff);justify-content:center;padding:10rem 0 6rem}.hero-container,.hero-section{align-items:center;display:flex;text-align:center;width:100%}.hero-container{flex-direction:column;margin:0 auto;max-width:900px;padding:0 2rem}.hero-title{color:#1a1a2e;color:var(--secondary);font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle,.hero-title{text-align:center;width:100%}.hero-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-benefits{align-items:center;color:var(--gray-700);display:flex;flex-wrap:wrap;font-size:.95rem;gap:2rem;justify-content:center;margin-bottom:2.5rem;width:100%}.hero-benefits span{font-weight:500}.hero-ctas{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem;width:100%}.hero-note{width:100%}.btn-primary-large{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px;box-shadow:0 6px 20px #0066ff4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-primary-large:hover{box-shadow:0 10px 30px #06f6;transform:translateY(-3px)}.btn-secondary-large{background:#fff;border:2px solid #06f;border:2px solid var(--primary);border-radius:12px;color:#06f;color:var(--primary);display:inline-block;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-secondary-large:hover{background:#06f;background:var(--primary);color:#fff}.hero-note{margin-top:1.5rem}.hero-note,.social-proof{color:#4b5563;color:var(--gray-600);font-size:.95rem;text-align:center}.social-proof{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:2rem}.features-section{background:#fff;padding:6rem 0}.section-container{margin:0 auto;max-width:1200px;padding-left:2rem;padding-right:2rem}.section-title{color:#1a1a2e;color:var(--secondary);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.section-subtitle{color:#4b5563;color:var(--gray-600);font-size:1.15rem;margin-bottom:4rem;text-align:center}.features-grid{grid-gap:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:#06f;border-color:var(--primary);box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1a1a2e;color:var(--secondary);font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.feature-card p{color:#4b5563;color:var(--gray-600);line-height:1.6}.features-cta{text-align:center}.btn-outline{border:2px solid #06f;border:2px solid var(--primary);border-radius:10px;color:#06f;color:var(--primary);display:inline-block;font-size:1.05rem;font-weight:600;padding:.9rem 2rem;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:#06f;background:var(--primary);color:#fff;transform:translateY(-2px)}.ai-section{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);padding:6rem 0}.ai-section .section-container{padding-left:2rem;padding-right:2rem}.ai-grid{grid-gap:3rem;display:grid;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1100px}@media (max-width:900px){.ai-grid{grid-template-columns:1fr}}.ai-card{background:#fff;border:2px solid #06f;border:2px solid var(--primary);border-radius:20px;box-shadow:0 10px 40px #0066ff1a;padding:3rem}.ai-icon{font-size:4rem;margin-bottom:1.5rem}.ai-card h3{color:#1a1a2e;color:var(--secondary);font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.ai-card ul{list-style:none;margin-bottom:2rem}.ai-card ul li{color:var(--gray-700);font-size:1.05rem;padding:.75rem 0 .75rem 1.5rem;position:relative}.ai-card ul li:before{color:#06f;color:var(--primary);content:"✓";font-weight:700;left:0;position:absolute}.ai-badge{background:linear-gradient(135deg,#00c48c,#00a878);border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-align:center}.comparison-section{background:#fff;padding:6rem 0}.comparison-section .section-container{padding-left:2rem;padding-right:2rem}.comparison-table{margin-top:3rem;overflow-x:auto}.comparison-table table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;width:100%}.comparison-table th{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);font-size:1.05rem;font-weight:700;padding:1.25rem;text-align:left}.comparison-table th.highlight{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.comparison-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.25rem;text-align:left}.comparison-table td.highlight{background:#f0f7ff;font-weight:600}.comparison-table td.feature-name{color:#1f2937;color:var(--gray-800);font-weight:600}.comparison-table .check{color:#00c48c;font-size:1.25rem}.comparison-table .cross{color:#e74c3c;font-size:1.25rem}.comparison-table .extra{font-size:1.25rem}.comparison-note{color:#4b5563;color:var(--gray-600);font-size:.95rem;margin-top:2rem;text-align:center}.pricing-section{background:#f9fafb;background:var(--gray-50);padding:6rem 0}.pricing-section .section-container{padding-left:2rem;padding-right:2rem}.pricing-grid{grid-gap:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1100px}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:20px;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{box-shadow:0 10px 40px #0000001a;transform:translateY(-5px)}.pricing-card.highlighted{border-color:#06f;border-color:var(--primary);box-shadow:0 10px 40px #0066ff26;transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;left:50%;padding:.5rem 1.5rem;position:absolute;top:-15px;transform:translateX(-50%)}.pricing-card h3{color:#1a1a2e;color:var(--secondary);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.price{color:#06f;color:var(--primary);font-size:3rem;font-weight:800;margin-bottom:.5rem}.period{font-size:1.25rem;font-weight:500}.period,.rooms{color:#4b5563;color:var(--gray-600)}.rooms{font-size:.95rem;margin-bottom:2rem}.features-list{list-style:none;margin-bottom:2.5rem;text-align:left}.features-list li{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:.75rem 0}.pricing-card .btn-outline,.pricing-card .btn-primary{font-size:1.05rem;padding:1rem;text-align:center;width:100%}.pricing-note{color:#4b5563;color:var(--gray-600);display:flex;flex-wrap:wrap;font-weight:500;gap:3rem;justify-content:center;margin-top:3rem;text-align:center}.demo-cta-section{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:6rem 0;text-align:center}.demo-cta-section .section-container{padding-left:2rem;padding-right:2rem}.demo-cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.demo-cta-section p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95}.btn-demo-large{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;color:#06f;color:var(--primary);display:inline-block;font-size:1.25rem;font-weight:700;padding:1.25rem 3rem;text-decoration:none;transition:all .3s ease}.btn-demo-large:hover{box-shadow:0 12px 40px #0000004d;transform:translateY(-3px)}.demo-note{font-size:.95rem;margin-top:2rem;opacity:.9}.final-cta-section{background:#fff;padding:6rem 0;text-align:center}.final-cta-section .section-container{padding-left:2rem;padding-right:2rem}.final-cta-section h2{color:#1a1a2e;color:var(--secondary);font-size:2.5rem;font-weight:800;margin-bottom:1rem}.final-cta-section p{color:#4b5563;color:var(--gray-600);font-size:1.25rem;margin-bottom:2.5rem}.final-ctas{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.landing-footer{background:#111827;background:var(--gray-900);color:#fff;padding:4rem 0 2rem}.footer-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);margin:0 auto 3rem;max-width:1200px;padding-left:2rem;padding-right:2rem}@media (max-width:1024px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.footer-container{grid-template-columns:1fr}}.footer-section h3,.footer-section h4{font-weight:700;margin-bottom:1.5rem}.footer-logo{align-items:center;display:flex;font-size:1.5rem;gap:.5rem}.footer-section p{color:#d1d5db;color:var(--gray-300);line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section a{color:#d1d5db;color:var(--gray-300);text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #1f2937;border-top:1px solid var(--gray-800);color:var(--gray-400);font-size:.9rem;padding-top:2rem;text-align:center}@media (max-width:768px){.landing-home .hero-title{font-size:2.25rem}.landing-home .hero-subtitle{font-size:1.05rem}.landing-home .ai-grid{grid-template-columns:1fr}.landing-home .pricing-card.highlighted{transform:scale(1)}.landing-home .section-title{font-size:2rem}}.feature-card.clickable{cursor:pointer}.learn-more{align-items:center;color:var(--primary);display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-top:1rem;opacity:1;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.feature-card:hover .learn-more{color:var(--primary-dark);gap:.75rem;opacity:1}@media (max-width:1024px){.section-container{padding-left:1.5rem;padding-right:1.5rem}.features-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ai-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero-section{padding:8rem 1.5rem 4rem}.hero-title{font-size:2rem;line-height:1.2}.hero-title br{display:none}.hero-subtitle{font-size:1rem}.hero-benefits{flex-direction:column;gap:.75rem}.hero-ctas{flex-direction:column;width:100%}.btn-primary-large,.btn-secondary-large{width:100%}.ai-section,.comparison-section,.demo-cta-section,.features-section,.final-cta-section,.pricing-section{padding:4rem 1.5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.features-grid{gap:1.5rem}.ai-grid,.features-grid{grid-template-columns:1fr}.ai-grid{gap:2rem}.ai-card{padding:2rem 1.5rem}.comparison-table{overflow-x:scroll}.comparison-table table{min-width:600px}.pricing-grid{gap:2rem;grid-template-columns:1fr}.pricing-card.highlighted{transform:scale(1)}.footer-container{gap:2rem;grid-template-columns:1fr}.demo-cta-section h2{font-size:1.75rem}.demo-cta-section p{font-size:1.05rem}.btn-demo-large{font-size:1rem;padding:1rem 2rem}.final-cta-section h2{font-size:1.75rem}.final-ctas{flex-direction:column;width:100%}.final-ctas .btn-primary-large,.final-ctas .btn-secondary-large{width:100%}}@media (max-width:480px){.hero-title{font-size:1.75rem}.section-title{font-size:1.5rem}.ai-card,.feature-card{padding:1.5rem}.pricing-card{padding:2rem 1.5rem}.price{font-size:2.5rem}}html{scroll-behavior:smooth}.section-container{margin-left:auto;margin-right:auto}.ai-section,.comparison-section,.demo-cta-section,.features-section,.final-cta-section,.pricing-section{align-items:center;display:flex;justify-content:center}.section-container{margin:0 auto!important;max-width:1200px!important;width:100%}.features-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;max-width:100%}.feature-card{flex-basis:calc(33.333% - 2rem);flex-grow:0;flex-shrink:1;max-width:350px;min-width:280px}@media (max-width:1024px){.feature-card{flex-basis:calc(50% - 1.5rem);flex-grow:0;flex-shrink:1}}@media (max-width:640px){.feature-card{flex:0 1 100%;max-width:100%}}.ai-grid{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;max-width:100%}.ai-card{flex-basis:calc(50% - 1.5rem);flex-grow:0;flex-shrink:1;max-width:550px;min-width:350px}@media (max-width:900px){.ai-card{flex:0 1 100%;max-width:100%}}.pricing-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;max-width:100%}.pricing-card{flex-basis:calc(33.333% - 2rem);flex-grow:0;flex-shrink:1;max-width:350px;min-width:280px}@media (max-width:900px){.pricing-card{flex:0 1 100%;max-width:450px}}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto!important;max-width:1200px!important}.footer-section{flex-basis:calc(25% - 2rem);flex-grow:0;flex-shrink:1;min-width:200px}@media (max-width:900px){.footer-section{flex-basis:calc(50% - 1.5rem);flex-grow:0;flex-shrink:1}}@media (max-width:600px){.footer-section{flex:0 1 100%}}.comparison-table{margin:0 auto;max-width:100%}.hero-container{margin:0 auto!important;max-width:900px!important}*{max-width:100vw}*,.landing-home,body{overflow-x:hidden}.landing-home{width:100%}.simple-landing-nav{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;height:70px;left:0;position:fixed;right:0;top:0;z-index:1000}.simple-nav-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.simple-nav-brand{align-items:center;color:#1a1a2e;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.simple-nav-icon{font-size:1.8rem}.simple-nav-hamburger{align-items:center;background:#06f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.3rem;height:40px;justify-content:center;width:40px}.simple-nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.simple-nav-links li{list-style:none}.simple-nav-links a{color:#4b5563;font-size:1rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:color .2s}.simple-nav-links a:hover{color:#06f}.simple-btn-demo{background:linear-gradient(135deg,#06f,#0052cc)!important;border-radius:10px;box-shadow:0 4px 15px #0066ff4d;color:#fff!important;display:inline-block;font-weight:600;padding:.75rem 1.5rem!important;text-decoration:none!important;transition:all .3s}.simple-btn-demo:hover{background:linear-gradient(135deg,#0052cc,#003d99)!important;box-shadow:0 6px 20px #06f6;color:#fff!important;transform:translateY(-2px)}.simple-btn-login{background:#0000!important;border:2px solid #06f;border-radius:10px;color:#06f!important;display:inline-block;font-weight:600;padding:.75rem 1.5rem!important;text-decoration:none!important;transition:all .3s}.simple-btn-login:hover{background:#06f!important;box-shadow:0 4px 15px #0066ff4d;color:#fff!important;transform:translateY(-1px)}@media (min-width:769px){.simple-landing-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid #e5e7eb80;box-shadow:0 4px 20px #0000001a}.simple-nav-content{padding:0 3rem}.simple-nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#06f);-webkit-background-clip:text;background-clip:text;font-size:1.85rem;font-weight:800;letter-spacing:-.03em;transition:all .3s ease}.simple-nav-brand:hover{filter:brightness(1.2);transform:scale(1.05)}.simple-nav-icon{filter:drop-shadow(0 3px 6px rgba(0,102,255,.3));font-size:2.2rem;transition:all .3s ease}.simple-nav-brand:hover .simple-nav-icon{transform:rotate(-10deg) scale(1.1)}.simple-nav-links{gap:2.8rem}.simple-nav-links a{font-size:1.05rem;font-weight:600;position:relative;transition:all .3s ease}.simple-nav-links a:after{background:linear-gradient(90deg,#06f,#00d4ff);border-radius:2px;bottom:-4px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s ease;width:0}.simple-nav-links a:hover:after{width:100%}.simple-nav-links a:hover{color:#06f;transform:translateY(-2px)}.simple-btn-demo{background:linear-gradient(135deg,#06f,#0052cc)!important;border:none;box-shadow:0 4px 15px #0066ff4d;color:#fff!important;font-size:.95rem;padding:.7rem 1.5rem;transition:all .3s ease}.simple-btn-demo:hover{background:linear-gradient(135deg,#0052cc,#003d99)!important;box-shadow:0 8px 25px #0066ff73;color:#fff!important;transform:translateY(-2px)}.simple-btn-login{background:#0000!important;border:2px solid #06f;color:#06f!important;font-size:.95rem;padding:.7rem 1.5rem;transition:all .3s ease}.simple-btn-login:hover{background:#06f!important;border-color:#06f;box-shadow:0 4px 15px #0066ff4d;color:#fff!important;transform:translateY(-2px)}}@media (max-width:768px){.simple-landing-nav{height:60px}.simple-nav-content{padding:0 1rem}.simple-nav-brand{font-size:1.15rem}.simple-nav-icon{font-size:1.4rem}.simple-nav-hamburger{display:flex}.simple-nav-links{background:linear-gradient(180deg,#1a1a2e,#0d0d1a);box-shadow:2px 0 20px #0000004d;flex-direction:column;gap:0;height:100vh;left:-100%;max-width:300px;padding:80px 0 20px;position:fixed;top:0;transition:left .3s ease;width:75%}.simple-nav-links.open{left:0}.simple-nav-links li{border-bottom:1px solid #ffffff1a;width:100%}.simple-nav-links a{color:#ffffffe6;display:block;font-size:15px;padding:14px 24px}.simple-nav-links a:hover{background:#ffffff1a;color:#fff}.simple-btn-demo,.simple-btn-login{font-size:15px;margin:12px 24px;padding:12px 20px;text-align:center;width:calc(100% - 48px)}.simple-btn-demo{margin-top:20px}.simple-btn-login{background:#0000;border-color:#ffffff4d;color:#fff}.simple-btn-login:hover{background:#ffffff1a;border-color:#fff}}.simple-nav-backdrop{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.simple-nav-backdrop.show{display:block}@media (min-width:769px){.simple-nav-backdrop{display:none!important}}.institutional-page{background:#fff;display:flex;flex-direction:column;min-height:100vh}.simple-navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.simple-navbar .logo{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#1a1a2e,#06f);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:all .3s ease}.simple-navbar .logo:hover{filter:brightness(1.2);transform:scale(1.05)}.simple-navbar .logo-icon{filter:drop-shadow(0 3px 6px rgba(0,102,255,.3));font-size:1.8rem;transition:all .3s ease}.simple-navbar .logo:hover .logo-icon{transform:rotate(-10deg) scale(1.1)}.simple-navbar .back-link{color:#06f;font-weight:600;text-decoration:none;transition:color .2s}.simple-navbar .back-link:hover{color:#0052cc}.page-content{flex:1 1;padding:4rem 2rem}.page-container{margin:0 auto;max-width:900px}.page-container h1{color:#1a1a2e;font-size:3rem;font-weight:800;margin-bottom:1.5rem}.lead{color:#4b5563;font-size:1.35rem;line-height:1.7;margin-bottom:3rem}.content-section{margin-bottom:3.5rem}.content-section h2{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.content-section h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.content-section p{margin-bottom:1.25rem}.content-section p,.content-section ul{color:#374151;font-size:1.1rem;line-height:1.8}.content-section ul{margin-left:1.5rem}.content-section ul li{margin-bottom:.75rem}.content-section.highlight{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border:2px solid #06f;border-radius:20px;padding:2.5rem}.endorsement-card{background:#fff;border-radius:16px;padding:2rem}.endorsement-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.endorsement-header h3{color:#06f;margin:0}.website-link{color:#06f;font-weight:600;text-decoration:none;transition:color .2s}.website-link:hover{color:#0052cc}.endorsement-description{color:#374151;font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem}.expertise-list{list-style:none;margin:0 0 1.5rem;padding:0}.expertise-list li{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1.05rem;padding:.75rem 0}.expertise-list li:last-child{border-bottom:none}.endorsement-note{background:#f9fafb;border-radius:10px;color:#4b5563;font-style:italic;margin-bottom:1.5rem;padding:1.25rem}.clients-note{background:#fff;border-left:4px solid #06f;border-radius:8px;color:#4b5563;font-size:.95rem;padding:1rem 1.5rem}.differences-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.difference-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s}.difference-card:hover{border-color:#06f;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.difference-icon{font-size:3rem;margin-bottom:1rem}.difference-card h3{font-size:1.25rem;margin-bottom:.75rem}.difference-card p{color:#6b7280;font-size:1rem;margin:0}.values-list{list-style:none;margin:0;padding:0}.values-list li{background:#f9fafb;border-left:4px solid #06f;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.cta-section{background:linear-gradient(135deg,#06f,#0052cc);border-radius:20px;color:#fff;margin-top:4rem;padding:3rem;text-align:center}.cta-section h2{color:#fff;margin-bottom:1rem}.cta-section p{color:#fffffff2;font-size:1.25rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-primary,.btn-secondary{border-radius:12px;display:inline-block;font-size:1.05rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:all .3s}.btn-primary{background:#fff;color:#06f}.btn-primary:hover{box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #fff}.btn-secondary:hover{background:#fff;color:#06f}.contact-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:10px;font-family:inherit;font-size:1rem;padding:.875rem 1.25rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06f}.form-group textarea{min-height:120px}.submit-button{background:linear-gradient(135deg,#06f,#0052cc);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s;width:100%}.submit-button:hover{box-shadow:0 6px 20px #0066ff4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.simple-footer{background:#1f2937;color:#fff;padding:2rem;text-align:center}.simple-footer .footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.simple-footer .footer-links{display:flex;gap:2rem}.simple-footer a{color:#9ca3af;text-decoration:none;transition:color .2s}.simple-footer a:hover{color:#fff}@media (max-width:768px){.page-container h1{font-size:2.25rem}.lead{font-size:1.15rem}.content-section h2{font-size:1.75rem}.endorsement-header{align-items:flex-start;flex-direction:column}.differences-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}.simple-footer .footer-container{flex-direction:column;text-align:center}}*{box-sizing:border-box!important}.institutional-page{flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:0!important}.institutional-page,.simple-navbar{align-items:center!important;background:#fff!important;display:flex!important;margin:0!important;width:100vw!important}.simple-navbar{border-bottom:1px solid #e5e7eb!important;justify-content:center!important;max-width:100vw!important;padding:1rem 0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.simple-navbar>*{justify-content:space-between!important;max-width:1200px!important;padding:0 2rem!important;width:100%!important}.page-content,.simple-navbar>*{align-items:center!important;display:flex!important}.page-content{flex:1 1!important;flex-direction:column!important;justify-content:flex-start!important;margin:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:4rem 2rem!important;width:100vw!important}.page-container{margin:0 auto!important;max-width:900px!important;padding:0!important;width:100%!important}.content-section{margin-bottom:3.5rem!important}.content-section,.content-section div,.content-section h2,.content-section h3,.content-section p,.content-section ul{max-width:100%!important;width:100%!important}.content-section>div[style*=grid],.differences-grid{display:flex!important;flex-wrap:wrap!important;gap:2rem!important;justify-content:center!important;margin:0 auto!important;width:100%!important}.difference-card{flex-basis:calc(33.333% - 1.5rem);flex-grow:0;flex-shrink:1;max-width:350px!important;min-width:250px!important}.contact-form,.cta-section,.endorsement-card,.highlight{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.simple-footer{background:#1f2937!important;color:#fff!important;margin:0!important;max-width:100vw!important;padding:2rem 0!important;text-align:center!important;width:100vw!important}.simple-footer .footer-container{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:1rem!important;justify-content:space-between!important;margin:0 auto!important;max-width:1200px!important;padding:0 2rem!important;width:100%!important}@media (max-width:768px){.page-content{padding:2rem 1rem!important}.page-container{padding:0!important}.differences-grid{align-items:center!important;flex-direction:column!important}.difference-card{flex:0 1 100%!important;max-width:100%!important}.simple-navbar>*{padding:0 1rem!important}.simple-footer .footer-container{flex-direction:column!important;text-align:center!important}}@media (max-width:640px){.page-content{padding:1.5rem .75rem!important}}:root{--brand-primary:#bd2a2e;--brand-secondary:#486966;--brand-tertiary:#3b3936;--brand-quaternary:#b2bebf;--brand-light:#889c9b;--brand-white:#fff;--brand-gradient:linear-gradient(135deg,#bd2a2e,#3b3936);--brand-gradient-soft:linear-gradient(135deg,#b2bebf,#889c9b);--brand-gradient-dark:linear-gradient(135deg,#3b3936,#486966);--brand-gradient-red:linear-gradient(135deg,#bd2a2e,#486966);--brand-shadow:0 2px 8px #bd2a2e33;--brand-shadow-dark:0 2px 8px #3b39364d;--brand-text:#3b3936;--brand-text-light:#889c9b}.logo-container{transition:all .3s ease}.logo-container:hover .logo-mark{transform:scale(1.05)}.navbar-logo{margin-bottom:8px}.login-logo{margin-bottom:0}.navbar{background:linear-gradient(135deg,#3b3936,#486966)!important;background:var(--brand-gradient-dark)!important;box-shadow:2px 0 10px #0000001a;color:#fff!important;display:flex!important;flex-direction:column;height:100vh;justify-content:space-between;left:0;opacity:1!important;position:fixed;top:0;transition:width .3s ease;visibility:visible!important;width:280px;z-index:100}@media (min-width:769px){.navbar.collapsed{width:60px}.navbar.collapsed .navbar-brand{justify-content:center;padding:15px 5px}.navbar.collapsed .collapse-toggle{position:relative;right:auto;top:auto;transform:none}.navbar.collapsed .navbar-link{border-bottom:3px solid #0000;border-left:none;justify-content:center;padding:15px 10px}.navbar.collapsed .navbar-link.active,.navbar.collapsed .navbar-link:hover{border-bottom-color:#4caf50}.navbar.collapsed .navbar-user{align-items:center;display:flex;flex-direction:column;gap:8px;padding:10px}.navbar.collapsed .btn-tertiary{align-items:center;display:flex;height:36px;justify-content:center;padding:0;width:36px}.navbar.collapsed .logout-button{border-radius:6px;height:36px;padding:0;width:36px}}.navbar-brand{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px;position:relative}.navbar-brand h1{font-size:24px;font-weight:700;margin:0;overflow:hidden;transition:all .3s ease;white-space:nowrap}.collapse-toggle{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;justify-content:center;padding:8px;transition:background-color .3s ease}.collapse-toggle:hover{background-color:#ffffff1a}.navbar-text{color:#ffffffe6!important;font-size:15px!important;transition:opacity .3s ease}.navbar-main{display:flex!important;flex:1 1;flex-direction:column!important;overflow-y:auto;width:100%!important}.navbar-menu{list-style:none!important;margin:0!important;padding:20px 0!important}.navbar-item,.navbar-menu{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important}.navbar-item{margin:5px 0!important}.navbar-link{align-items:center;border-left:3px solid #0000;box-sizing:border-box;color:#fffc!important;display:flex!important;opacity:1!important;padding:15px 20px;text-decoration:none;transition:all .3s ease;visibility:visible!important;width:100%!important}.navbar-link:hover{background-color:#ffffff1a}.navbar-link.active,.navbar-link:hover{border-left-color:#4caf50;color:#fff!important}.navbar-link.active{background-color:#ffffff26}.navbar-icon{color:#ffffffe6!important;display:inline-block!important;font-size:18px;margin-right:12px}.navbar-user{background:inherit;border-top:1px solid #ffffff1a;bottom:0;justify-content:center;margin-top:auto;min-height:80px;padding:20px;position:-webkit-sticky;position:sticky}.navbar-user,.user-info{display:flex;flex-direction:column}.user-info{margin-bottom:10px}.user-name{color:#fff!important;font-size:14px;font-weight:600;margin-bottom:4px}.user-role{color:#ffffffb3!important;font-size:12px;text-transform:capitalize}.logout-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:100%}.logout-button:hover{background:#fff3;border-color:#ffffff4d}.main-content{box-sizing:border-box;margin-left:280px;min-height:100vh;padding:30px;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 280px)}.main-content.navbar-collapsed{margin-left:60px;max-width:none;padding:30px;width:calc(100vw - 60px)}.main-content>*{max-width:100%}.main-content.navbar-collapsed>*{max-width:100%!important;width:100%!important}.main-content.navbar-collapsed *{box-sizing:border-box;max-width:100%!important}.main-content.navbar-collapsed .guests-grid,.main-content.navbar-collapsed .reservations-grid,.main-content.navbar-collapsed .rooms-grid,.main-content.navbar-collapsed .stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%!important}.main-content.navbar-collapsed .table-container,.main-content.navbar-collapsed table{width:100%}.main-content.navbar-collapsed .container,.main-content.navbar-collapsed .content-wrapper,.main-content.navbar-collapsed .page-container{max-width:100%!important;width:100%!important}.main-content.navbar-collapsed .dashboard,.main-content.navbar-collapsed .guests,.main-content.navbar-collapsed .reservations,.main-content.navbar-collapsed .rooms{max-width:none!important;width:100%!important}.main-content.navbar-collapsed{overflow-x:hidden;right:0}.app-main{overflow-x:hidden;position:relative;width:100vw}.main-content.navbar-collapsed .dashboard-header,.main-content.navbar-collapsed .guests-header,.main-content.navbar-collapsed .reservations-header,.main-content.navbar-collapsed .rooms-header{max-width:none!important;width:100%!important}.main-content.navbar-collapsed .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%!important}.main-content.navbar-collapsed .flex,.main-content.navbar-collapsed .flex-1,.main-content.navbar-collapsed .w-full{flex:1 1 100%!important;width:100%!important}.guest-suggestions{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.guest-suggestion{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px 15px;transition:background-color .2s ease}.guest-suggestion:hover{background-color:#f8f9fa}.guest-suggestion:last-child{border-bottom:none}.form-group{margin-bottom:15px;position:relative}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group label{margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#bd2a2e;box-shadow:0 0 0 2px #bd2a2e1a;outline:none}.form-group textarea{min-height:40px;resize:vertical}.dashboard-header{margin-bottom:30px}.header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.current-time{background:linear-gradient(135deg,#bd2a2e,#3b3936);border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.loading-indicator{animation:spin 1s linear infinite;color:#007bff}.dashboard-header h2{color:#2c3e50;font-size:32px;font-weight:600}.date-info{background:#e3f2fd;border-radius:8px;color:#1976d2;font-weight:500;padding:10px 16px}.kpi-grid,.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kpi-grid{display:grid;margin-bottom:12px}.secondary-stats{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:16px;padding:16px}.card{box-sizing:border-box}@media (max-width:768px){.dashboard-header h2{font-size:22px}.current-time{font-size:12px;padding:6px 12px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.secondary-stats{padding:12px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.secondary-stats h4{color:#2c3e50;font-size:16px;margin-bottom:15px}.secondary-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.secondary-stat{background:#f8f9fa;border-left:3px solid #e9ecef;border-radius:8px;padding:15px;text-align:center}.secondary-stat.maintenance{background:#fff3e0;border-left-color:#ff9800}.secondary-stat.cleaning{background:#fffde7;border-left-color:#ffeb3b}.secondary-stat .number{color:#2c3e50;display:block;font-size:20px;font-weight:700;margin-bottom:4px}.secondary-stat .label{color:#6c757d;font-size:12px;font-weight:600;text-transform:uppercase}.stat-card{border-radius:12px;box-shadow:0 2px 10px #00000014;gap:10px;min-height:88px}.stat-card:hover{box-shadow:0 4px 20px #0000001f}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 6px 25px #bd2a2e33;transform:translateY(-3px)}.stat-card.available{border-left:4px solid #4caf50}.stat-card.occupied{border-left:4px solid #f44336}.stat-icon{font-size:24px;margin-right:8px}.stat-content h3{color:#2c3e50;font-size:22px;font-weight:700;line-height:1.2;margin:0;word-break:break-word}.stat-content h3.currency{font-size:20px;line-height:1.1;max-width:120px;overflow-wrap:break-word}.stat-content p{color:#7f8c8d;font-size:12px;margin:4px 0 0;white-space:nowrap}.kpi-badge{border-radius:10px;display:inline-block;font-size:10px;font-weight:700;margin-left:6px;padding:2px 6px}.kpi-badge.good{background:#e6f7ed;color:#137a2a}.kpi-badge.bad{background:#fdecea;color:#b42318}.dashboard-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.quick-actions-panel{grid-gap:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px;padding:20px}.quick-actions-section h4{color:#2c3e50;font-size:16px;margin-bottom:15px}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s ease}.quick-action-item:hover{background:#e9ecef}.action-info{display:flex;flex-direction:column;gap:2px}.action-info strong{color:#2c3e50;font-size:14px}.action-info span{color:#6c757d;font-size:12px}.no-actions{color:#6c757d;font-style:italic;padding:20px;text-align:center}.btn-primary.small,.btn-secondary.small{font-size:12px;padding:6px 12px}.upcoming-arrivals{background:linear-gradient(135deg,#e3f2fd,#f1f8e9);border-left:4px solid #2196f3;border-radius:12px;padding:20px}.upcoming-arrivals h4{color:#1976d2;font-size:16px;margin-bottom:15px}.arrivals-list{display:flex;flex-direction:column;gap:8px}.arrival-item{align-items:center;background:#ffffffb3;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.arrival-item strong{color:#1976d2;font-size:14px}.arrival-item span{color:#424242;font-size:12px}.action-btn,.btn-danger,.btn-primary,.btn-secondary,.btn-tertiary{border-radius:8px;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.action-btn.primary,.btn-primary{background:linear-gradient(135deg,#bd2a2e,#3b3936);color:#fff}.action-btn.primary:hover,.btn-primary:hover{box-shadow:0 4px 15px #bd2a2e66;transform:translateY(-1px)}.action-btn.secondary,.btn-secondary{background:#6c757d;color:#fff}.action-btn.secondary:hover,.btn-secondary:hover{background:#5a6268}.action-btn.tertiary,.btn-tertiary{background:#17a2b8;color:#fff}.action-btn.tertiary:hover,.btn-tertiary:hover{background:#138496}.btn-danger{background:#dc3545}.btn-danger:hover{background:#c82333}.guests-header,.reservations-header,.rooms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.rooms-actions{display:flex;gap:10px}.guests-header h2,.reservations-header h2,.rooms-header h2{color:#2c3e50;font-size:28px;font-weight:600}.rooms-stats{display:flex;flex-wrap:wrap;margin-bottom:20px}.rooms-stats .stat-item{background:#fff;border-left:3px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;min-width:100px;padding:15px 20px;text-align:center}.rooms-stats .stat-item.available{border-left-color:#4caf50}.rooms-stats .stat-item.occupied{border-left-color:#f44336}.rooms-stats .stat-item.maintenance{border-left-color:#ff9800}.rooms-stats .stat-item.cleaning{border-left-color:#ffeb3b}.rooms-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#6c757d;font-size:12px;font-weight:600;text-transform:uppercase}.filter-select,.search-input{border:1px solid #ddd;min-width:150px}.filter-results,.filter-select,.search-input{border-radius:6px;font-size:14px;padding:8px 12px}.filter-results{background:#e3f2fd;color:#1976d2;font-weight:500;margin-left:auto}.rooms-legend{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;margin-bottom:30px;padding:15px}.legend-item{align-items:center;color:#6c757d;display:flex;font-size:14px}.status-indicator{border-radius:50%;height:12px;margin-right:8px;width:12px}.status-indicator.green{background-color:#4caf50}.status-indicator.red{background-color:#f44336}.status-indicator.orange{background-color:#ff9800}.status-indicator.yellow{background-color:#ffeb3b}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.room-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:transform .2s ease}.room-card:hover{transform:translateY(-2px)}.room-header h3{color:#2c3e50}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.green{background-color:#e8f5e8;color:#4caf50}.status-badge.red{background-color:#ffebee;color:#f44336}.status-badge.orange{background-color:#fff3e0;color:#ff9800}.status-badge.yellow{background-color:#fffde7;color:#f57f17}.status-badge.blue{background-color:#e3f2fd;color:#1976d2}.status-badge.gray{background-color:#f5f5f5;color:#6c757d}.room-details{margin-bottom:15px}.room-details p{color:#6c757d}.room-actions{gap:8px}.reservations-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.reservations-stats .stat-item{background:#fff;border-left:3px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;min-width:100px;padding:15px 20px;text-align:center}.reservations-stats .stat-item.confirmed{border-left-color:#2196f3}.reservations-stats .stat-item.checked-in{border-left-color:#4caf50}.reservations-stats .stat-item.pending{border-left-color:#ff9800}.reservations-stats .stat-item.cancelled{border-left-color:#f44336}.today-activity{background:linear-gradient(135deg,#fff3e0,#e8f5e8);border-left:4px solid #ff9800;border-radius:12px;margin-bottom:20px;padding:20px}.today-activity h4{color:#e65100;font-size:16px;margin-bottom:15px}.activity-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.activity-section h5{color:#2c3e50;font-size:14px;margin-bottom:10px}.activity-item{background:#fffc;border-radius:6px;font-size:14px;margin-bottom:5px;padding:8px 12px}.activity-item strong{color:#1976d2}.reservations-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.reservation-summary{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin:15px 0;padding:15px}.reservation-summary h4{color:#1976d2;font-size:16px;margin-bottom:10px}.summary-row{align-items:center;display:flex;font-size:16px;justify-content:space-between}.summary-row strong{color:#1976d2;font-size:18px}.no-reservations{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:40px;text-align:center}.no-reservations h3{color:#2c3e50;margin-bottom:10px}.no-reservations p{color:#6c757d;margin-bottom:20px}.guests-list,.reservations-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.guest-card,.reservation-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;height:100%;min-height:280px;padding:16px;transition:transform .2s ease}.guest-card:hover,.reservation-card:hover{transform:translateY(-2px)}.guest-card.checked-in{border-left:4px solid #4caf50}.guest-header,.reservation-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.guest-header h3,.reservation-header h3{color:#2c3e50;font-size:16px;line-height:1.3;margin:0}.guest-details,.reservation-details{flex:1 1;margin-bottom:12px}.guest-details p,.reservation-details p{color:#6c757d;font-size:14px;line-height:1.4;margin:6px 0}.guest-actions,.reservation-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.modal-overlay{background-color:#0009;box-sizing:border-box;padding:20px;z-index:9999}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-width:700px;overflow:hidden;padding:0;width:95vw}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h3{color:#2c3e50}.close-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:22px;height:32px;padding:6px;width:32px}.close-btn:hover{color:#dc3545}.modal-content{box-sizing:border-box;display:flex;flex-direction:column;padding:0 20px 20px}.room-details-modal{display:flex;flex-direction:column;gap:15px}.detail-row{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.detail-row strong{color:#2c3e50;font-weight:600}.modal-actions{background:#fff;border-top:1px solid #eee;bottom:0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;position:-webkit-sticky;position:sticky}.guest-form,.reservation-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:6px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.guests-filters{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:20px;padding:20px}.guests-filters,.guests-stats{display:flex;flex-wrap:wrap;margin-bottom:20px}.guests-stats{gap:15px}.guests-stats .stat-item{background:#fff;border-left:3px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;min-width:100px;padding:15px 20px;text-align:center}.guests-stats .stat-item.checked-in{border-left-color:#4caf50}.guests-stats .stat-item.not-checked-in{border-left-color:#6c757d}.stat-item{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;flex:1 1;padding:20px;text-align:center}.stat-number{color:#bd2a2e;display:block;font-size:24px;margin-bottom:5px}.stat-label{font-size:14px}.guests-actions{align-items:center;display:flex;gap:15px}.upcoming-info{background:#e8f5e8;border-left:3px solid #4caf50;border-radius:6px;margin:10px 0;padding:10px}.upcoming-info p{color:#2e7d32;font-size:14px;margin:4px 0}.no-guests{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:40px;text-align:center}.no-guests h3{color:#2c3e50;margin-bottom:10px}.no-guests p{color:#6c757d;margin-bottom:20px}.guest-details-modal{display:flex;flex-direction:column;gap:15px;max-height:75vh;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:15px}@media (min-width:769px){.guest-details-modal,.guest-history{max-height:85vh;min-height:500px}.modal-overlay .guest-modal-container{animation:none!important;background:#fff!important;border-radius:12px!important;box-shadow:0 10px 30px #0000004d!important;display:flex;flex-direction:column;max-height:92vh!important;max-width:900px!important;width:90vw!important}.guest-modal-overlay{align-items:center!important;animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.guest-modal-container .modal-header{background:#f8f9fa!important;border-bottom:1px solid #e9ecef!important;overflow:visible!important;padding:20px 24px!important;position:static!important}.guest-modal-container .modal-header:before{display:none!important}}.guest-details-modal .detail-row{align-items:center;background:#f8f9fa;border-left:3px solid #889c9b;border-left:3px solid var(--brand-light);border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .3s ease}.guest-details-modal .detail-row:hover{background:#e9ecef;border-left-color:#bd2a2e;border-left-color:var(--brand-primary)}.guest-details-modal .detail-row strong{color:#3b3936;color:var(--brand-tertiary);font-weight:600;min-width:120px;text-align:left}.guest-history{max-height:70vh;overflow-x:hidden;overflow-y:auto;padding:10px}.guest-history h4{background:#fff;color:#2c3e50;font-size:16px;margin-bottom:15px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.history-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease}.history-item:hover{background:#f1f3f4;border-left-color:#486966;border-left-color:var(--brand-secondary);box-shadow:0 2px 8px #0000001a}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-header strong{color:#2c3e50;font-size:16px}.history-details p{margin:3px 0}.no-history{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin:20px 0;padding:40px 20px}.history-details{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.history-details p{color:#6c757d;font-size:14px;margin:4px 0}.no-history{color:#6c757d;font-style:italic;padding:20px;text-align:center}@media (min-width:769px) and (max-width:992px){.collapse-toggle{display:none}}@media (max-width:768px){.navbar,body .navbar,body nav.navbar,html body .navbar,html body nav.navbar,nav.navbar{background:linear-gradient(135deg,#3b3936,#486966)!important;box-shadow:2px 0 10px #0000004d!important;color:#fff!important;display:flex!important;flex-direction:column!important;height:100vh!important;left:0!important;max-width:280px!important;min-width:280px!important;overflow-x:hidden!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(0)!important;transition:transform .3s ease!important;width:280px!important;z-index:9999!important}.navbar.collapsed,body .navbar.collapsed,body nav.navbar.collapsed,html body .navbar.collapsed,html body nav.navbar.collapsed,nav.navbar.collapsed{max-width:280px!important;min-width:280px!important;transform:translateX(-100%)!important;width:280px!important}body .navbar .navbar-main,body nav.navbar .navbar-main{display:flex!important;flex:1 1!important;flex-direction:column!important;overflow-y:auto!important}body .navbar .navbar-brand,body nav.navbar .navbar-brand{flex-shrink:0!important;padding:60px 15px 10px!important;text-align:center!important}body .navbar .navbar-logo,body nav.navbar .navbar-logo{max-height:35px!important;max-width:70px!important}body .navbar .navbar-menu,body .navbar ul.navbar-menu,body nav.navbar .navbar-menu,body nav.navbar ul.navbar-menu{display:block!important;list-style:none!important;margin:0!important;padding:10px 0!important;width:100%!important}body .navbar .navbar-item,body .navbar li.navbar-item,body nav.navbar .navbar-item,body nav.navbar li.navbar-item{display:block!important;margin:0!important;width:100%!important}body .navbar .navbar-link,body .navbar a.navbar-link,body nav.navbar .navbar-link,body nav.navbar a.navbar-link{align-items:center!important;box-sizing:border-box!important;color:#ffffffe6!important;display:flex!important;padding:12px 20px!important;text-decoration:none!important;transition:background .2s!important;width:100%!important}body .navbar .navbar-link.active,body .navbar .navbar-link:hover,body nav.navbar .navbar-link.active,body nav.navbar .navbar-link:hover{background:#ffffff1a!important;color:#fff!important}body .navbar .navbar-icon,body .navbar .navbar-link .navbar-icon,body nav.navbar .navbar-icon,body nav.navbar .navbar-link .navbar-icon{display:inline-block!important;flex-shrink:0!important;font-size:20px!important;margin-right:12px!important;text-align:center!important;width:24px!important}body .navbar .navbar-link .navbar-text,body .navbar .navbar-text,body .navbar.collapsed .navbar-text,body nav.navbar .navbar-link .navbar-text,body nav.navbar .navbar-text,body nav.navbar.collapsed .navbar-text{color:#ffffffe6!important;display:inline-block!important;font-size:15px!important;font-weight:500!important;opacity:1!important;visibility:visible!important}body .collapse-toggle,body button.collapse-toggle{align-items:center!important;background:linear-gradient(135deg,#bd2a2e,#3b3936)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #0000004d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:50px!important;justify-content:center!important;left:15px!important;position:fixed!important;top:15px!important;width:50px!important;z-index:10000!important}body .collapse-toggle:active,body button.collapse-toggle:active{transform:scale(.95)!important}body .navbar .navbar-user,body nav.navbar .navbar-user{border-top:1px solid #ffffff1a!important;flex-shrink:0!important;margin-top:auto!important;padding:15px!important}body .navbar .user-info,body nav.navbar .user-info{display:block!important;font-size:13px!important;margin-bottom:10px!important}body .navbar .user-name,body nav.navbar .user-name{display:block!important;font-weight:600!important;margin-bottom:2px!important}body .navbar .user-role,body nav.navbar .user-role{display:block!important;font-size:11px!important;opacity:.8!important}body .navbar .btn-tertiary,body nav.navbar .btn-tertiary{background:#ffffff1a!important;font-size:12px!important;margin-bottom:8px!important;padding:8px!important}body .navbar .btn-tertiary,body .navbar .logout-button,body nav.navbar .btn-tertiary,body nav.navbar .logout-button{border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:block!important;width:100%!important}body .navbar .logout-button,body nav.navbar .logout-button{background:#bd2a2ee6!important;font-size:13px!important;font-weight:600!important;padding:10px!important}.main-content,.main-content.navbar-collapsed{margin-left:0!important;padding:70px 16px 16px!important;width:100%!important}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row,.rooms-grid{grid-template-columns:1fr}.dashboard-actions,.guests-actions{align-items:stretch;flex-direction:column}.guests-stats{flex-direction:column}}@media (min-width:769px){.navbar{display:flex;flex-direction:column;height:100vh;overflow-y:auto}.navbar-user{background:inherit;border-top:1px solid #ffffff1a;bottom:0;flex-shrink:0;margin-top:auto;position:-webkit-sticky;position:sticky;z-index:10}.logout-button{align-items:center;display:flex;justify-content:center;opacity:1;visibility:visible;width:100%}}.view-toggle{display:flex;gap:.5rem;margin-right:1rem}.btn-toggle{background:#fff;border:2px solid #e0e4e7;border-radius:6px;color:#666;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.btn-toggle:hover{border-color:#007bff;color:#007bff}.btn-toggle.active{background:#007bff;border-color:#007bff;color:#fff}.guests-table,.reservations-table,.rooms-table{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:1rem;overflow:hidden}.guests-table table,.reservations-table table,.rooms-table table{border-collapse:collapse;font-size:.9rem;width:100%}.guests-table td,.guests-table th,.reservations-table td,.reservations-table th,.rooms-table td,.rooms-table th{border-bottom:1px solid #e9ecef;padding:1rem;text-align:left}.guests-table th,.reservations-table th,.rooms-table th{background:#f8f9fa;color:#495057;font-weight:600}.guests-table tbody tr:hover,.reservations-table tbody tr:hover,.rooms-table tbody tr:hover{background:#f8f9fa}.guest-actions-list,.reservation-actions-list,.room-actions-list{display:flex;flex-wrap:wrap;gap:.5rem}.btn-sm{border:1px solid;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;transition:all .2s ease}.btn-sm.btn-primary{background:#007bff;border-color:#007bff;color:#fff}.btn-sm.btn-primary:hover{background:#0056b3;border-color:#0056b3}.btn-sm.btn-secondary{background:#6c757d;border-color:#6c757d;color:#fff}.btn-sm.btn-secondary:hover{background:#545b62;border-color:#545b62}.btn-sm.btn-tertiary{background:#fff;border-color:#dee2e6;color:#495057}.btn-sm.btn-tertiary:hover{background:#e9ecef;border-color:#adb5bd}.btn-sm.btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.btn-sm.btn-danger:hover{background:#c82333;border-color:#bd2130}.guests-actions,.reservations-actions,.rooms-actions{align-items:center;display:flex;gap:1rem}.guest-row.checked-in,.reservation-row.checked-in,.room-row.occupied{background:#28a7451a}.room-row.available{background:#28a7450d}.room-row.maintenance{background:#ffc1071a}.room-row.cleaning{background:#ffc1070d}.reservation-row.confirmed{background:#007bff0d}.reservation-row.cancelled{background:#dc35450d}@media (max-width:768px){.view-toggle{margin-right:.5rem}.btn-toggle{font-size:.8rem;padding:.4rem .8rem}.guests-actions,.reservations-actions,.rooms-actions{align-items:stretch;flex-direction:column;gap:.5rem}.guests-table,.reservations-table,.rooms-table{overflow-x:auto}.btn-sm{font-size:.75rem;padding:.2rem .4rem}.guest-actions-list,.reservation-actions-list,.room-actions-list{gap:.25rem}}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.user-card{background:#fff;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.user-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.user-card.inactive{border-left-color:#95a5a6;opacity:.6}.user-header{gap:15px;margin-bottom:15px}.user-avatar,.user-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#bd2a2e,#3b3936);border-radius:50%;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.user-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.user-details{align-items:center;display:flex;gap:10px;margin-top:5px}.role-badge{background:#3498db;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.department{color:#7f8c8d;font-size:12px}.status-indicator{margin-left:auto}.user-contact{background:#f8f9fa;border-radius:8px;font-size:14px;margin:15px 0;padding:12px}.user-contact>div{color:#34495e;margin:4px 0}.user-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.btn-sm{border-radius:6px;font-size:12px;padding:6px 12px}.btn-orange{background-color:#f39c12;border:none;color:#fff}.btn-orange:hover{background-color:#e67e22}.access-denied{padding:60px 20px}.access-denied h2{color:#e74c3c;margin-bottom:20px}.access-denied p{color:#7f8c8d;font-size:16px}.modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90vw}.modal-overlay .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-overlay .modal-header h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.modal-overlay .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.modal-overlay .modal-close:hover{background:#e9ecef;color:#dc3545}.modal-overlay .modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-overlay .modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-grid .form-group{margin:0}.form-grid .form-group label{color:#34495e;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-grid .form-group input,.form-grid .form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-grid .form-group input:focus,.form-grid .form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.form-grid .form-group:nth-child(5){grid-column:1/-1}.error-message{background:#fff5f5;border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.user-actions{justify-content:center}.form-grid{grid-template-columns:1fr}.modal,.modal-overlay .modal-content{margin:0 10px;max-height:85vh;width:95vw}.modal-overlay .modal-body,.modal-overlay .modal-footer,.modal-overlay .modal-header{padding:16px}.modal-actions,.modal-overlay .modal-footer{flex-direction:column;gap:8px}.modal-actions .btn-primary,.modal-actions .btn-secondary,.modal-overlay .modal-footer .btn{width:100%}}.housekeeping-page{padding:20px}.housekeeping-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:20px}.housekeeping-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.housekeeping-tabs .tab:hover{background-color:#f8f9fa;color:#495057}.housekeeping-tabs .tab.active{background-color:#f8f9fa;border-bottom-color:#007bff;color:#007bff}.rooms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.room-card.housekeeping{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:all .3s ease}.room-card.housekeeping:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.room-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.room-header h3{color:#333;font-size:18px;margin:0}.room-header .status{border-radius:20px;font-size:12px;font-weight:600;padding:5px 12px;text-transform:uppercase}.status.cleaning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status.available{background-color:#d4edda;border:1px solid #00b894;color:#155724}.status.occupied{background-color:#f8d7da;border:1px solid #e17055;color:#721c24}.status.maintenance{background-color:#d1ecf1;border:1px solid #74b9ff;color:#0c5460}.room-details{margin-bottom:20px}.room-details p{color:#666;font-size:14px;margin:8px 0}.room-actions{display:flex;flex-wrap:wrap;gap:10px}.last-note{align-items:center;animation:fadeInUp .3s ease-out;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:6px;display:flex;gap:8px;margin:12px 0;padding:8px 12px}.note-icon{font-size:14px;opacity:.8}.note-text{color:#495057;flex:1 1;font-size:13px;font-style:italic;line-height:1.4}.notes-list{gap:12px}.note-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-left:4px solid #28a745;border-radius:8px;padding:12px;transition:all .3s ease}.note-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.note-header{margin-bottom:8px}.note-room{color:#495057;font-size:13px;font-weight:600}.note-time{background:#f8f9fa;border-radius:10px;color:#6c757d;font-size:12px;padding:2px 6px}.note-content{color:#495057;font-size:14px;font-style:italic;line-height:1.4}.request-notes{animation:fadeInUp .3s ease-out;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-left:4px solid #ff9800;border-radius:6px;margin-top:12px;padding:8px 12px}.note-content-request{background:#ff98001a;border:1px solid #ff980033;border-radius:4px;color:#e65100;font-size:13px;font-style:italic;margin-top:4px;padding:4px 8px}.room-actions .btn-primary,.room-actions .btn-secondary,.room-actions .btn-tertiary,.room-actions>button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;height:44px;justify-content:center;min-width:140px;padding:10px 15px;text-align:center;transition:all .3s ease;white-space:nowrap}.guest-actions .btn-primary,.guest-actions .btn-secondary,.guest-actions .btn-tertiary,.guest-actions>button,.reservation-actions .btn-primary,.reservation-actions .btn-secondary,.reservation-actions .btn-tertiary,.reservation-actions>button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1 auto;font-size:12px;font-weight:600;gap:4px;height:36px;justify-content:center;min-width:90px;padding:6px 10px;text-align:center;transition:all .3s ease;white-space:nowrap}.guest-actions-list .btn-sm,.reservation-actions-list .btn-sm,.room-actions-list .btn-sm{align-items:center;display:inline-flex;font-weight:600;height:36px;justify-content:center;min-width:110px;white-space:nowrap}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-secondary:hover,.btn-success:hover{transform:translateY(-2px)}.notes-section{max-width:800px}.notes-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.note-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 5px #0000000d;padding:20px}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.note-header h4{color:#333;font-size:16px;margin:0}.priority-badge{border-radius:12px;color:#fff;font-size:11px;min-width:60px;padding:4px 8px;text-align:center;text-transform:uppercase}.note-body{margin-bottom:15px}.note-body p{color:#666;line-height:1.5;margin:8px 0}.note-footer{border-top:1px solid #f1f1f1;padding-top:10px}.note-footer small{color:#999;font-style:italic}.staff-section h3{color:#333;margin-bottom:20px}.staff-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.staff-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 5px #0000000d;padding:20px;text-align:center}.staff-card h4{color:#333;margin:0 0 10px}.staff-card p{color:#666;font-size:14px;margin:5px 0}.reports-section{color:#666;padding:40px 20px;text-align:center}@media (max-width:768px){.rooms-grid{grid-template-columns:1fr}.housekeeping-tabs{flex-wrap:wrap}.room-actions{flex-direction:column}.room-actions .btn{min-width:auto}.staff-list{grid-template-columns:1fr}}.housekeeping-dashboard{background-color:#f8f9fa;min-height:100vh;padding:20px}.period-selector{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:10px}.period-selector button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.period-selector button.active{background:#007bff;border-color:#007bff;color:#fff}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stat-card{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{color:#333;font-size:1.1rem;margin:0 0 10px}.stat-breakdown{display:flex;flex-direction:column;gap:5px}.breakdown-item{display:flex;font-size:.9rem;justify-content:space-between}.breakdown-item .label{color:#666}.breakdown-item .value{color:#333;font-weight:600}.dashboard-content{display:flex;flex-direction:column;gap:30px}.dashboard-section h3{color:#333;font-size:1.3rem;margin-bottom:15px}.team-performance{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.team-member-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.member-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.member-header h4{color:#333;margin:0}.status-badge.active{background:#d4edda;color:#155724}.status-badge.break{background:#fff3cd;color:#856404}.member-stats{display:flex;flex-direction:column;gap:5px}.stat-item{display:flex;font-size:.9rem;justify-content:space-between}.stat-item .label{color:#666}.stat-item .value{color:#333;font-weight:600}.stat-item .value.efficiency{font-weight:700}.pending-tasks{display:flex;flex-direction:column;gap:10px}.task-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:15px;padding:15px}.task-card,.task-header{align-items:center;display:flex}.task-header{gap:10px;min-width:80px}.priority-indicator{border-radius:50%;height:8px;width:8px}.task-time{color:#666;font-size:.9rem;font-weight:600}.task-content{flex:1 1}.task-content p{color:#333;margin:0}.quick-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.quick-action-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:15px;text-align:left;transition:all .3s ease}.quick-action-btn:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.housekeeping-rooms-page{background-color:#f8f9fa;min-height:100vh;padding:20px}.rooms-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.rooms-stats .stat-card{padding:15px;text-align:center}.rooms-stats .stat-card h3{color:#666;font-size:1rem;margin-bottom:10px}.stat-number{color:#007bff;font-size:2rem;font-weight:700}.rooms-stats .stat-card.requests-stat{align-items:flex-start;display:flex;padding:16px 18px;text-align:left}.rooms-stats .stat-card.requests-stat h3{font-size:1rem;margin:0 0 6px}.rooms-stats .stat-card.requests-stat .stat-number{font-size:1.8rem;line-height:1.1}.rooms-stats .stat-card.requests-stat .requests-meta{color:#6c757d;font-size:12px;line-height:1.2;margin-top:4px}.rooms-grid.housekeeping-view{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.summary-section{margin-top:10px}.summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.summary-card{background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 1px 3px #00000008;padding:12px 14px}.summary-card .summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.summary-card .hk-name{font-size:16px;font-weight:700}.summary-card .progress{background:#0000000f;border-radius:999px;height:8px;margin-bottom:10px;overflow:hidden;position:relative}.summary-card .progress-bar{background:linear-gradient(90deg,#6a11cb,#2575fc);bottom:0;left:0;position:absolute;top:0}.summary-card .progress-label{color:#666;font-size:12px;margin-top:2px;text-align:right}.summary-card .summary-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.summary-card .chip.stat{background:#0000000f;font-weight:600}.summary-card .chip.stat.toclean{background:#3498db1f;color:#3498db}.summary-card .chip.stat.inprogress{background:#f1c40f26;color:#e67e22}.summary-card .chip.stat.completed{background:#2ecc7126;color:#2ecc71}.summary-card .chip.stat.minutes{background:#95a5a626;color:#7f8c8d}.summary-card .sup-title{color:#666;display:block;font-size:12px;margin-bottom:4px}.priority-badge{border-radius:999px;font-size:12px;font-weight:600;margin-left:auto;padding:2px 8px}.priority-badge.low{background:#2ecc7126;color:#2ecc71}.priority-badge.normal{background:#3498db26;color:#3498db}.priority-badge.high{background:#fd7e1426;color:#fd7e14}.priority-badge.urgent{background:#e74c3c26;color:#e74c3c}.completed-modal{max-width:900px}.completed-body{max-height:70vh;overflow:auto}.completed-list{grid-gap:12px;display:grid;gap:12px}.completed-item{background:#fff;background:var(--card-bg,#fff);border:1px solid #00000014;border-radius:10px;padding:12px 14px}.completed-item .item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.room-badge{background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:8px;color:#fff;font-size:18px;font-weight:700;padding:4px 10px}.time-meta{align-items:center;display:flex;gap:10px}.time-chip{background:#27ae601f;border-radius:999px;color:#27ae60;font-weight:600;padding:2px 8px}.time-range{color:#666;font-size:13px}.condition-badge{border-radius:999px;font-size:12px;font-weight:600;padding:2px 8px}.condition-badge.good{background:#2ecc7126;color:#2ecc71}.condition-badge.excellent{background:#3498db26;color:#3498db}.condition-badge.needs_attention{background:#e74c3c26;color:#e74c3c}.notes-block{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:8px 0 6px}.note{background:#00000008;border-radius:8px;padding:8px}.note-title{font-weight:600;margin-bottom:4px}.note-text{white-space:pre-wrap}.details-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.detail-title{font-weight:600;margin-bottom:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#0000000f;border-radius:999px;font-size:12px;padding:2px 10px}.completed-item ul{margin:0;padding-left:18px}.room-info{padding:15px}.info-item{margin-bottom:8px}.info-item strong{color:#666}.btn.btn-sm{font-size:.8rem;padding:6px 12px}.assignment-modal{max-width:700px}.guest-request-modal{max-width:600px}.room-check-modal{max-height:90vh;max-width:800px;overflow-y:auto}.assignment-form{display:flex;flex-direction:column;gap:20px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.form-section h4{color:#495057;font-size:1.1rem;margin:0 0 15px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .3s ease}.radio-group label:hover{background:#007bff1a}.rooms-checklist{background:#fff;border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;padding:10px}.room-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .3s ease}.room-checkbox:hover{background:#f8f9fa}.room-info{display:flex;flex:1 1;flex-direction:column}.room-number{color:#333;font-weight:600}.room-details{color:#666;font-size:.85rem}.selected-summary{background:#d4edda;border-radius:4px;color:#155724;font-weight:600;margin-top:10px;padding:8px}.assignments-section,.maintenance-section,.requests-section{padding:20px}.section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#333;margin:0}.assignments-list,.maintenance-list,.requests-list{display:flex;flex-direction:column;gap:15px}.assignment-card,.maintenance-card,.request-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.assignment-card:hover,.maintenance-card:hover,.request-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.assignment-header,.maintenance-header,.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.assignment-header h4,.maintenance-header h4,.request-header h4{color:#333;margin:0}.request-info{display:flex;flex-direction:column;gap:5px}.guest-name{color:#666;font-size:.9rem}.priority{border-radius:15px;font-size:.8rem;font-weight:600;padding:4px 12px;white-space:nowrap}.priority-low{background:#d4edda;color:#155724}.priority-normal{background:#fff3cd;color:#856404}.priority-high{background:#f8d7da;color:#721c24}.priority-urgent{background:#f5c6cb;color:#491217}.assignment-details,.maintenance-details,.request-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.detail-item{color:#666;font-size:.9rem}.detail-item strong{color:#333}.detail-item.special-instructions{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;padding:10px}.detail-item.full-width{grid-column:1/-1}.assignment-actions,.maintenance-status,.request-actions{align-items:center;display:flex;justify-content:space-between}.request-actions select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:6px 12px}.status{border-radius:15px;font-size:.8rem;font-weight:600;padding:4px 12px}.status-assigned{background:#cce5ff;color:#004085}.status-pending{background:#fff3cd;color:#856404}.status-in_progress{background:#b3d9ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.status-sent_to_maintenance{background:#f8d7da;color:#721c24}.assignment-info{background:#e7f3ff;border:1px solid #b8daff;border-radius:8px;margin-bottom:20px;padding:15px}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;font-size:.9rem;justify-content:space-between;padding:5px 0}.info-item strong{color:#495057}.special-instructions{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;margin-top:10px;padding:10px}.tasks-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.task-checkbox{align-items:center;background:#f8f9fa;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .3s ease}.task-checkbox:hover{background:#e9ecef}.issue-input,.supplies-input{display:flex;gap:10px;margin-bottom:10px}.issue-input input,.supplies-input input,.supplies-input select{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:8px 12px}.issue-input button,.supplies-input button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.issues-list,.supplies-list{display:flex;flex-wrap:wrap;gap:8px}.supply-tag{align-items:center;background:#e9ecef;border-radius:15px;display:flex;font-size:.8rem;gap:5px;padding:4px 8px}.supply-tag button{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:700}.issue-item{align-items:center;background:#f8d7da;border-radius:4px;color:#721c24;display:flex;justify-content:space-between;padding:8px 12px}.issue-item button{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:700}.no-data{color:#666;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.assignment-modal,.guest-request-modal,.room-check-modal{margin:10px;max-width:95%}.info-grid,.tasks-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:15px}.assignment-actions,.maintenance-status,.request-actions{align-items:stretch;flex-direction:column;gap:10px}}:root{--bg:#f4f6f8;--surface:#fff;--text:#2c3e50;--text-muted:#6c757d;--border:#e9ecef;--primary:#007bff;--primary-hover:#0056b3;--secondary:#6c757d;--secondary-hover:#545b62;--tertiary:#17a2b8;--tertiary-hover:#138496;--danger:#dc3545;--danger-hover:#c82333;--card-shadow:0 2px 10px #00000014}[data-theme=dark]{--bg:#0f141b;--surface:#151b23;--text:#e6edf3;--text-muted:#9aa7b2;--border:#2a3441;--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#64748b;--secondary-hover:#475569;--tertiary:#06b6d4;--tertiary-hover:#0891b2;--danger:#ef4444;--danger-hover:#dc2626;--card-shadow:0 2px 12px #00000059}#root,body,html{height:100%}body{background:#f4f6f8;background:var(--bg);color:#2c3e50;color:var(--text)}.guest-card,.guests-filters,.guests-table,.modal,.reservation-card,.reservations-filters,.reservations-table,.rooms-filters,.rooms-grid .room-card,.rooms-legend,.rooms-stats .stat-item{background:#fff!important;background:var(--surface)!important;box-shadow:0 2px 10px #00000014;box-shadow:var(--card-shadow);color:#2c3e50;color:var(--text)}.form-actions,.guests-table td,.guests-table th,.modal-actions,.modal-header,.reservations-table td,.reservations-table th,.rooms-table td,.rooms-table th{border-color:#e9ecef!important;border-color:var(--border)!important}.guests-table th,.reservations-table th,.rooms-table th{background:calc(#ffffff);background:calc(var(--surface));color:#2c3e50;color:var(--text)}.guests-table tbody tr:hover,.reservations-table tbody tr:hover,.rooms-table tbody tr:hover{background:#7f7f7f14}.btn-primary{background-color:#007bff;background-color:var(--primary)}.btn-primary:hover{background-color:#0056b3;background-color:var(--primary-hover)}.btn-secondary{background-color:#6c757d;background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#545b62;background-color:var(--secondary-hover)}.btn-tertiary{background-color:#17a2b8;background-color:var(--tertiary);color:#fff}.btn-tertiary:hover{background-color:#138496;background-color:var(--tertiary-hover)}.btn-danger{background-color:#dc3545;background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#c82333;background-color:var(--danger-hover)}.form-group input,.form-group select,.form-group textarea,.search-input{background:#fff;background:var(--surface);border-color:#e9ecef;border-color:var(--border);color:#2c3e50;color:var(--text)}.form-group input::placeholder,.form-group textarea::placeholder{color:#6c757d;color:var(--text-muted)}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:0;margin-bottom:25px;overflow-x:auto;padding:8px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#bd2a2e1a;color:#bd2a2e}.tab-btn.active{background:linear-gradient(135deg,#bd2a2e,#3b3936);box-shadow:0 4px 15px #bd2a2e4d;color:#fff;transform:translateY(-2px)}.tab-count{background:#fff3;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;padding:2px 8px;text-align:center}.tab-text-short{display:none}.tab-text-full{display:inline}.tab-btn.active .tab-count{background:#ffffff40}.tab-content{min-height:400px}.tab-pane{display:none}.tab-pane.active{animation:fadeInUp .4s ease;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-badge.available{background-color:#d4edda;color:#155724}.status-badge.cleaning{background-color:#fff3cd;color:#856404}.status-badge.maintenance{background-color:#f8d7da;color:#721c24}.room-card.housekeeping.available{background:linear-gradient(135deg,#28a7450d,#fff);border-left:4px solid #28a745}.room-card.housekeeping.cleaning{background:linear-gradient(135deg,#ffc1070d,#fff);border-left:4px solid #ffc107}.room-card.housekeeping.maintenance{background:linear-gradient(135deg,#dc35450d,#fff);border-left:4px solid #dc3545}.request-card.completed{background:linear-gradient(135deg,#28a74508,#fff);border-left:4px solid #28a745;opacity:.9}.empty,.empty-state{background:#fff;border:2px dashed #e9ecef;border-radius:12px;color:#6c757d;font-style:italic;margin:20px 0;padding:40px 20px;text-align:center}.empty-state:before,.empty:before{content:"🎯";display:block;font-size:48px;margin-bottom:15px;opacity:.5}.tab-pane h2{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:25px;padding-bottom:15px}.requests-section .requests-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:15px}@media (min-width:768px) and (max-width:1024px){.housekeeping-rooms-page{padding:15px}.tab-navigation{margin-bottom:20px;padding:6px}.tab-btn{font-size:13px;gap:6px;min-width:130px;padding:16px 12px}.rooms-grid.housekeeping-view{gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.room-card.housekeeping{padding:16px}}@media (max-width:768px){.housekeeping-rooms-page{background-color:#f8f9fa;padding:12px}.tab-navigation{-ms-overflow-style:none;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;overflow-x:auto;padding:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;font-size:11px;font-weight:700;min-height:48px;min-width:85px;padding:14px 6px;scroll-snap-align:start;white-space:nowrap}.tab-text-full{display:none}.tab-text-short{display:inline}.tab-count{font-size:10px;min-width:18px;padding:2px 6px}.page-header{margin-bottom:16px;text-align:center}.page-header h1{font-size:20px;margin-bottom:4px}.page-header p{color:#6c757d;font-size:14px}.tab-pane h2{font-size:18px;margin-bottom:16px;padding-bottom:8px}.rooms-grid.housekeeping-view{gap:12px;grid-template-columns:1fr}.room-card.housekeeping{border-radius:10px;padding:12px;transform:none;transition:box-shadow .2s ease}.room-card.housekeeping:active{box-shadow:0 4px 12px #00000026}.room-header h3{font-size:16px}.room-info{padding:8px 0}.room-info>div{font-size:13px;margin-bottom:4px}.room-actions.main-actions{flex-direction:column;gap:8px}.room-actions.main-actions button{border-radius:8px;font-size:14px;min-height:44px;padding:12px;width:100%}.requests-section{padding:0}.requests-section>div[style*=grid]{display:flex!important;flex-direction:column!important;gap:12px!important}.requests-section h4{border-bottom:1px solid #e9ecef;font-size:16px;margin-bottom:12px;padding:8px 0}.requests-list{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:10px}.request-card{border-radius:8px;margin-bottom:8px;padding:12px}.request-header{align-items:flex-start;flex-direction:column;gap:8px}.request-info h4{font-size:14px}.request-details{gap:4px}.detail-item{font-size:12px}.request-actions{margin-top:8px;width:100%}.request-actions button{font-size:13px;min-height:40px;width:100%}.priority{font-size:10px;padding:3px 8px}.status-badge{font-size:10px;padding:3px 6px}.empty,.empty-state{margin:12px 0;padding:24px 12px}.empty-state:before,.empty:before{font-size:32px;margin-bottom:8px}.room-requests-section{background:#007bff08;border-radius:6px;margin-top:8px;padding:8px}.room-requests-section h5{font-size:12px;margin-bottom:6px}.embedded-request{border:1px solid #007bff1a;border-radius:4px;margin-bottom:4px;padding:6px}.embedded-request p{font-size:11px;margin:2px 0}.embedded-request .request-actions{margin-top:4px}.embedded-request .btn-sm{font-size:10px;min-height:32px;padding:4px 8px}}@media (max-width:480px){.housekeeping-rooms-page{padding:6px}.tab-navigation{margin-bottom:12px;padding:3px}.tab-btn{flex-direction:column;font-size:9px;gap:3px;line-height:1.1;min-width:70px;padding:12px 4px}.tab-count{font-size:8px;min-width:14px;padding:1px 3px}.page-header h1{font-size:18px}.room-card.housekeeping{padding:10px}.room-header h3{font-size:15px}.request-card{padding:10px}}@media (pointer:coarse){.tab-btn{min-height:48px}.request-actions button,.room-actions button{min-height:44px;touch-action:manipulation}.room-card.housekeeping{touch-action:manipulation}.room-actions{gap:12px}.request-actions{gap:10px}}.page-header{margin-bottom:20px}.header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.header-text h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 5px}.header-text p{color:#6c757d;font-size:16px;margin:0}.sync-status{align-items:center;background:#fff;border-left:4px solid #28a745;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;padding:12px 16px}.sync-status.syncing{border-left-color:#ffc107}.sync-status.error{border-left-color:#dc3545}.status-indicator{animation:pulse 2s infinite;font-size:16px}.status-indicator.syncing{animation:blink 1s infinite}.status-indicator.error{animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.sync-info{display:flex;flex-direction:column;gap:2px}.status-text{color:#2c3e50;font-size:13px;font-weight:600}.last-sync{color:#6c757d;font-size:11px}@media (max-width:768px){.header-content{align-items:center;flex-direction:column;gap:12px;text-align:center}.header-text h1{font-size:22px}.header-text p{font-size:14px}.sync-status{gap:10px;padding:10px 14px}.status-text{font-size:12px}.last-sync{font-size:10px}}@media (max-width:480px){.sync-status{gap:8px;padding:8px 12px}.sync-info{gap:1px}}[data-theme=dark] .sync-status,[data-theme=dark] .tab-navigation{background:#fff;background:var(--surface)}[data-theme=dark] .sync-status{border-left-color:#28a745}[data-theme=dark] .sync-status.syncing{border-left-color:#ffc107}[data-theme=dark] .sync-status.error{border-left-color:#dc3545}[data-theme=dark] .status-text{color:#2c3e50;color:var(--text)}[data-theme=dark] .last-sync{color:#6c757d;color:var(--text-muted)}.hk-details-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#bd2a2e,#3b3936);background-repeat:no-repeat;background-size:100% 120px;max-width:800px;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hk-details-modal .modal-header{background:#0000;border-bottom:none;color:#fff;padding:24px}.hk-details-modal .modal-header h3{color:#fff;font-size:22px;font-weight:700;text-shadow:0 2px 4px #0003}.hk-details-modal .modal-header button{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:32px;transition:all .2s ease;width:32px}.hk-details-modal .modal-header button:hover{background:#ffffff4d;transform:scale(1.1)}.hk-details-modal .modal-body{background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px #0000001a;margin-top:-10px;position:relative}.detail-section{background:#f8f9fa;border-left:4px solid #bd2a2e;border-radius:12px;margin-bottom:28px;padding:20px}.detail-section h4{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:16px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000f;padding:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.stat-value{color:#bd2a2e;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.progress-info{background:linear-gradient(135deg,#bd2a2e,#3b3936);border-radius:8px;box-shadow:0 2px 8px #bd2a2e4d;color:#fff;font-size:14px;font-weight:600;margin-top:16px;padding:12px 16px;text-align:center}.rooms-list{grid-gap:12px;display:grid;gap:12px}.room-item{align-items:center;background:#fff;border-left:4px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.room-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(2px)}.room-item.status-completed{background:linear-gradient(135deg,#28a7450d,#fff);border-left-color:#28a745}.room-item.status-in_progress{background:linear-gradient(135deg,#ffc1070d,#fff);border-left-color:#ffc107}.room-item.status-pending{background:linear-gradient(135deg,#6c757d0d,#fff);border-left-color:#6c757d}.room-number{color:#2c3e50;font-size:16px;font-weight:700}.room-status{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.room-status.completed{background:#d4edda;color:#155724}.room-status.in_progress{background:#fff3cd;color:#856404}.room-status.pending{background:#e2e3e5;color:#383d41}.logs-list{background:#fff;border:1px solid #e9ecef;border-radius:8px;max-height:300px;overflow-y:auto}.log-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 16px}.log-item:last-child{border-bottom:none}.log-info{display:flex;flex-direction:column;gap:4px}.log-room{color:#2c3e50;font-weight:600}.log-duration,.log-time{color:#6c757d;font-size:12px}.log-duration{background:#e9ecef;border-radius:4px;font-weight:500;padding:2px 6px}.supplies-list{display:flex;flex-wrap:wrap;gap:8px}.supply-badge{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);border-radius:16px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.supply-count{background:#fff3;border-radius:8px;font-size:10px;padding:2px 6px}@media (max-width:768px){.hk-details-modal{margin:10px;max-width:95vw}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:20px}.detail-section{margin-bottom:20px;padding:16px}.room-item{align-items:flex-start;flex-direction:column;gap:8px;text-align:left}}[data-theme=dark] .tab-btn{color:#6c757d;color:var(--text-muted)}[data-theme=dark] .tab-btn:hover{background:#3b82f61a;color:#3b82f6}[data-theme=dark] .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}[data-theme=dark] .empty,[data-theme=dark] .empty-state{background:#fff;background:var(--surface);border-color:#e9ecef;border-color:var(--border);color:#6c757d;color:var(--text-muted)}.modal-overlay{align-items:center;animation:fadeInBackdrop .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal{animation:slideInModal .5s cubic-bezier(.16,1,.3,1);background:linear-gradient(145deg,#fff,#fafbfc);border-radius:20px;box-shadow:0 32px 64px #bd2a2e1f,0 16px 32px #00000014,0 0 0 1px #fffc;margin:20px;max-height:90vh;max-width:520px;overflow-y:auto;position:relative;width:90%}.modal-header{background:linear-gradient(135deg,#bd2a2e,#3b3936);background:var(--brand-gradient);overflow:hidden;padding:24px 32px 20px;position:relative}.modal-header:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header h3{color:#fff;font-size:22px;gap:12px;margin:0;position:relative;text-shadow:0 2px 4px #0003;z-index:2}.modal-header .close-btn,.modal-header h3{align-items:center;display:flex;font-weight:700}.modal-header .close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0003;color:#bd2a2e;color:var(--brand-primary);cursor:pointer;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:18px;transition:all .3s ease;width:40px;z-index:3}.modal-header .close-btn:hover{background:#fff;border-color:#fff;box-shadow:0 6px 20px #0000004d;color:#d32f2f;transform:scale(1.1) rotate(90deg)}.auth-form{background:#fff;padding:32px}.auth-info{background:linear-gradient(135deg,#bd2a2e14,#b2bebf14 50%,#889c9b14);border:1px solid #bd2a2e26;border-radius:16px;margin-bottom:28px;overflow:hidden;padding:24px;position:relative}.auth-info:before{background:linear-gradient(135deg,#bd2a2e,#3b3936);background:var(--brand-gradient);border-radius:0 2px 2px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.auth-info:after{content:"🔒";font-size:20px;opacity:.6;position:absolute;right:20px;top:20px}.auth-info p{color:#3b3936;color:var(--brand-tertiary);font-size:15px;font-weight:500;line-height:1.6;margin:10px 0}.auth-info strong{color:#bd2a2e;color:var(--brand-primary);font-weight:700}.auth-form .form-group{margin-bottom:24px;position:relative}.auth-form .form-group label{align-items:center;color:#3b3936;color:var(--brand-tertiary);display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.auth-form .form-group label:before{color:#bd2a2e;color:var(--brand-primary);content:"●";font-size:12px}.auth-form .form-group input[type=password],.auth-form .form-group textarea{background:linear-gradient(145deg,#fff,#f8f9fc);border:2px solid #b2bebf4d;border-radius:12px;box-shadow:inset 0 1px 3px #0000000a,0 1px 2px #00000005;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:500;padding:16px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.auth-form .form-group input[type=password]:focus,.auth-form .form-group textarea:focus{background:#fff;border-color:#bd2a2e;border-color:var(--brand-primary);box-shadow:0 0 0 4px #bd2a2e1f,inset 0 1px 3px #0000000a,0 8px 25px #bd2a2e26;outline:none;transform:translateY(-2px)}.auth-form .form-group textarea{font-family:inherit;line-height:1.7;min-height:100px;resize:vertical}.auth-form .form-actions{border-top:1px solid #b2bebf33;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:32px;padding:28px 0 8px}.auth-form .btn-primary{background:linear-gradient(135deg,#bd2a2e,#3b3936);background:var(--brand-gradient);border:none;border-radius:12px;box-shadow:0 4px 12px #bd2a2e4d;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;letter-spacing:1px;max-width:200px;min-width:160px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-form .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-form .btn-primary:hover:before{left:100%}.auth-form .btn-primary:hover{background:linear-gradient(135deg,#bd2a2e,#a02326 50%,#bd2a2e);box-shadow:0 8px 25px #bd2a2e66;transform:translateY(-3px)}.auth-form .btn-primary:active{transform:translateY(-1px)}.auth-form .btn-secondary{background:#fff;border:2px solid #b2bebf66;border-radius:12px;box-shadow:0 2px 8px #0000000a;color:#3b3936;color:var(--brand-tertiary);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;letter-spacing:.5px;max-width:180px;min-width:140px;padding:14px 32px;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.auth-form .btn-secondary:hover{background:#b2bebf;background:var(--brand-quaternary);border-color:#3b3936;border-color:var(--brand-tertiary);box-shadow:0 6px 20px #00000014;color:#fff;transform:translateY(-2px)}@keyframes fadeInBackdrop{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}@keyframes slideInModal{0%{filter:blur(10px);opacity:0;transform:translateY(-60px) scale(.9) rotateX(10deg)}50%{filter:blur(5px);opacity:.8;transform:translateY(-20px) scale(.95) rotateX(5deg)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@media (max-width:768px){.modal{border-radius:16px;margin:10px;max-height:95vh;width:95%}.auth-form{padding:24px 20px}.modal-header{padding:20px 24px 16px}.modal-header .close-btn{font-size:18px;height:36px;right:15px;top:15px;width:36px}.auth-form .form-actions{flex-direction:column;gap:12px;justify-content:stretch;padding:20px 0 0}.auth-form .btn-primary,.auth-form .btn-secondary{flex:none;justify-content:center;max-width:none;width:100%}.auth-info{margin-bottom:24px;padding:20px}}.reservation-modal,.room-modal{max-height:85vh!important;max-width:600px!important;width:95%!important}.reservation-modal .modal-header,.room-modal .modal-header{background:linear-gradient(135deg,#bd2a2e,#3b3936)!important;background:var(--brand-gradient)!important;border-bottom:none!important;border-radius:20px 20px 0 0!important;color:#fff!important;overflow:hidden;padding:24px 32px!important;position:relative}.reservation-modal .modal-header:before,.room-modal .modal-header:before{background:linear-gradient(135deg,#fff3,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reservation-modal .modal-header h3,.room-modal .modal-header h3{color:#fff!important;font-size:22px!important;font-weight:700!important;margin:0!important;position:relative;text-shadow:0 2px 4px #0003!important;z-index:2}.reservation-modal .modal-close,.room-modal .modal-close{align-items:center!important;background:#ffffffe6!important;border:2px solid #fff!important;border-radius:50%!important;color:#bd2a2e!important;color:var(--brand-primary)!important;cursor:pointer!important;display:flex!important;font-size:20px!important;font-weight:700!important;height:40px!important;justify-content:center!important;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)!important;width:40px!important;z-index:3}.reservation-modal .modal-close:hover,.room-modal .modal-close:hover{background:#fff!important;border-color:#fff!important;box-shadow:0 6px 20px #0000004d!important;color:#d32f2f!important;transform:scale(1.1) rotate(90deg)!important}.reservation-modal .modal-body,.room-modal .modal-body{background:#fff!important;flex:1 1!important;overflow-y:auto!important;padding:32px!important}.reservation-modal .modal-footer,.room-modal .modal-footer{background:#f8f9fa!important;border-radius:0 0 20px 20px!important;border-top:1px solid #e9ecef!important;display:flex!important;gap:16px!important;justify-content:flex-end!important;padding:24px 32px!important}.reservation-modal .btn,.room-modal .btn{border:2px solid #0000!important;border-radius:10px!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;min-width:120px!important;padding:12px 24px!important;transition:all .3s ease!important}.reservation-modal .btn-primary,.room-modal .btn-primary{background:linear-gradient(135deg,#bd2a2e,#3b3936)!important;background:var(--brand-gradient)!important;border-color:#bd2a2e!important;border-color:var(--brand-primary)!important;color:#fff!important}.reservation-modal .btn-primary:hover,.room-modal .btn-primary:hover{box-shadow:0 8px 25px #bd2a2e66!important;transform:translateY(-2px)!important}.reservation-modal .btn-secondary,.room-modal .btn-secondary{background:#fff!important;border-color:#dee2e6!important;color:#6c757d!important}.reservation-modal .btn-secondary:hover,.room-modal .btn-secondary:hover{background:#f8f9fa!important;border-color:#adb5bd!important;box-shadow:0 4px 15px #0000001a!important;transform:translateY(-2px)!important}.room-details-modal .detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:15px;justify-content:space-between;padding:16px 0}.room-details-modal .detail-row:last-child{border-bottom:none}.room-details-modal .detail-row strong{color:#3b3936;color:var(--brand-tertiary);font-weight:600;min-width:140px}.room-details-modal .status-badge{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.reservation-modal .form-group{margin-bottom:24px}.reservation-modal .form-group label{color:#3b3936;color:var(--brand-tertiary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.reservation-modal input,.reservation-modal select,.reservation-modal textarea{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.reservation-modal input:focus,.reservation-modal select:focus,.reservation-modal textarea:focus{border-color:#bd2a2e;border-color:var(--brand-primary);box-shadow:0 0 0 4px #bd2a2e1a;outline:none}.reservation-modal .guest-dropdown{position:relative}.reservation-modal .guest-options{background:#fff;border:2px solid #e9ecef;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 4px 15px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.reservation-modal .guest-option{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:12px 16px;transition:background .2s ease}.reservation-modal .guest-option:hover{background:#f8f9fa}.reservation-modal .guest-option:last-child{border-bottom:none}@media (max-width:768px){.reservation-modal,.room-modal{margin:1%!important;max-height:95vh!important;width:98%!important}.reservation-modal .modal-body,.reservation-modal .modal-footer,.reservation-modal .modal-header,.room-modal .modal-body,.room-modal .modal-footer,.room-modal .modal-header{padding:20px!important}.reservation-modal .modal-footer,.room-modal .modal-footer{flex-direction:column;gap:12px}.reservation-modal .btn,.room-modal .btn{min-width:0!important;min-width:auto!important;width:100%!important}.room-details-modal .detail-row{align-items:flex-start;flex-direction:column;gap:8px}.room-details-modal .detail-row strong{min-width:0;min-width:auto}}@media (min-width:769px){.navbar,nav.navbar{background:linear-gradient(135deg,#3b3936,#486966)!important;color:#fff!important}.navbar,.navbar .navbar-main,nav.navbar,nav.navbar .navbar-main{display:flex!important;opacity:1!important;visibility:visible!important}.navbar .navbar-main,nav.navbar .navbar-main{flex:1 1!important;flex-direction:column!important}.navbar .navbar-menu,.navbar ul.navbar-menu,nav.navbar .navbar-menu,nav.navbar ul.navbar-menu{display:block!important;list-style:none!important;margin:0!important;opacity:1!important;padding:20px 0!important;visibility:visible!important;width:100%!important}.navbar .navbar-item,.navbar li.navbar-item,nav.navbar .navbar-item,nav.navbar li.navbar-item{display:block!important;margin:5px 0!important;opacity:1!important;visibility:visible!important;width:100%!important}.navbar .navbar-link,.navbar a.navbar-link,nav.navbar .navbar-link,nav.navbar a.navbar-link{align-items:center!important;box-sizing:border-box!important;color:#fffc!important;display:flex!important;opacity:1!important;padding:15px 20px!important;text-decoration:none!important;visibility:visible!important;width:100%!important}.navbar .navbar-icon,.navbar .navbar-link .navbar-icon,nav.navbar .navbar-icon,nav.navbar .navbar-link .navbar-icon{color:#ffffffe6!important;display:inline-block!important;font-size:18px!important;margin-right:12px!important;opacity:1!important;visibility:visible!important}.navbar .navbar-link .navbar-text,.navbar .navbar-text,nav.navbar .navbar-link .navbar-text,nav.navbar .navbar-text{color:#ffffffe6!important;display:inline-block!important;font-size:15px!important;opacity:1!important;visibility:visible!important}}input[type=date]{background-color:#fff!important;color:#333!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5)}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#333!important}input[type=date]::-webkit-datetime-edit-text{color:#666!important}input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-year-field{color:#333!important}.login-container{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bg-element{animation:float 6s ease-in-out infinite;color:#fff;font-size:8rem;opacity:.05;position:absolute}.bg-1{animation-delay:0s;left:10%;top:10%}.bg-2{animation-delay:1s;right:10%;top:20%}.bg-3{animation-delay:2s;bottom:20%;left:15%}.bg-4{animation-delay:3s;bottom:10%;right:15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.login-header h2{color:#555;font-size:1.8rem;font-weight:600;margin-bottom:8px}.login-header p{color:#666;font-size:1rem;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:.9rem;font-weight:600}.form-group input{background-color:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-group input:focus{background-color:#fff;border-color:#bd2a2e;box-shadow:0 4px 12px #bd2a2e26;outline:none;transform:translateY(-1px)}.form-group input:disabled{background-color:#f1f3f4;color:#666;cursor:not-allowed}.password-input{align-items:center;display:flex;position:relative}.password-input input{flex:1 1;padding-right:50px}.password-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px;position:absolute;right:12px;transition:all .2s ease}.password-toggle:hover{background-color:#f0f0f0}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:14px 24px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #bd2a2e4d;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-button.loading{cursor:wait}.login-button .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background-color:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;display:flex;font-size:.9rem;gap:8px;margin-bottom:10px;padding:12px 16px}.error-icon{font-size:1.1rem}.login-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px}.demo-credentials{text-align:center}.demo-credentials h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:12px}.credential-item{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:6px;padding:6px 12px}.credential-item strong{color:#555}.loading-container{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);display:flex;justify-content:center;min-height:100vh}.loading-spinner{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;padding:40px;text-align:center}.loading-spinner .spinner{animation:spin 1s linear infinite;display:inline-block;font-size:3rem;margin-bottom:16px}.loading-spinner p{color:#666;font-size:1.1rem;font-weight:500;margin:0}.access-denied-container{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);display:flex;justify-content:center;min-height:100vh;padding:20px}.access-denied{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000026;max-width:500px;padding:40px;text-align:center;width:100%}.access-denied h2{color:#e53e3e;font-size:1.8rem;font-weight:700;margin-bottom:16px}.access-denied p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:12px}.access-denied p strong{color:#333}.btn-primary{align-items:center;background:linear-gradient(135deg,#bd2a2e,#3b3936);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin-top:20px;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #bd2a2e4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (max-width:768px){.login-container{padding:10px}.login-card{margin:10px;padding:30px 20px}.login-header h1{font-size:2rem}.login-header h2{font-size:1.5rem}.bg-element{font-size:5rem}.credential-item{flex-direction:column;gap:4px;text-align:center}}@media (max-width:480px){.login-card{padding:20px 15px}.login-header h1{font-size:1.8rem}.login-header h2{font-size:1.3rem}.bg-element{font-size:4rem}}
/*# sourceMappingURL=main.a8409bba.css.map*/