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}.app:has(.booking-portal),.app:has(.landing-home){flex-direction:column;width:100%}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}@media print{@page{size:letter portrait;margin:0}@page :first{margin-top:0}body,html{background:#fff!important;height:auto!important;margin:0!important;overflow:visible!important;padding:0!important}#root{display:none!important;visibility:hidden!important}.wristband-print-overlay{background:#fff!important;border:none!important;box-shadow:none!important;display:block!important;height:auto!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;width:100%!important;z-index:999999!important}.wristband-print-content,.wristband-print-overlay,.wristband-print-overlay *{visibility:visible!important}.wristband-print-content{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;height:auto!important;max-height:none!important;max-width:100%!important;overflow:visible!important;padding:.4in!important;width:100%!important}.wristband-print-content h1{color:#000!important;font-size:16pt!important;margin:0 0 4pt!important}.wristband-print-content h2{color:#000!important;font-size:12pt!important;margin:0 0 4pt!important}.wristband-print-content h3{color:#000!important;font-size:10pt!important;margin:0 0 3pt!important;page-break-after:avoid!important}.wristband-print-content h4{color:#000!important;font-size:9pt!important}.wristband-print-content p{color:#000!important;font-size:8pt!important;margin:1pt 0!important}.wristband-print-content table{border-collapse:collapse!important;font-size:8pt!important;margin:4pt 0!important;page-break-inside:avoid!important;width:100%!important}.wristband-print-content table td,.wristband-print-content table th{border:1px solid #999!important;color:#000!important;font-size:8pt!important;padding:3pt 5pt!important;text-align:left!important}.wristband-print-content table th{background-color:#34495e!important;color:#fff!important;font-weight:600!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.wristband-print-content>div{margin-bottom:6pt!important;page-break-inside:avoid!important}.no-print{display:none!important;visibility:hidden!important}*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media screen and (max-width:768px){.reception-main-container button{font-size:12px!important}.reception-main-container{-webkit-overflow-scrolling:touch}}.hotel-switcher{align-items:center;display:flex;margin-right:1rem}.hotel-switcher-select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;max-width:180px;padding:.4rem .8rem;text-overflow:ellipsis;transition:all .2s ease}.hotel-switcher-select:hover{background:#fff3;border-color:#ffffff80}.hotel-switcher-select:focus{border-color:#fff9;box-shadow:0 0 0 2px #ffffff26;outline:none}.hotel-switcher-select option{background:#2d3748;color:#fff;padding:.5rem}@media (max-width:768px){.hotel-switcher{margin-right:.5rem}.hotel-switcher-select{font-size:.8rem;max-width:120px;padding:.3rem .5rem}}.floor-accordion{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:16px;min-height:70px;overflow:hidden;transition:box-shadow .3s ease}.floor-accordion:hover{box-shadow:0 4px 20px #0000001f}.floor-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #0000;cursor:pointer;gap:20px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.floor-header:hover{background:linear-gradient(135deg,#e9ecef,#f8f9fa);border-bottom-color:#3498db}.floor-header.expanded{background:linear-gradient(135deg,#3498db,#2980b9);border-bottom-color:#2980b9}.floor-header.expanded *{color:#fff!important}.floor-header-left{align-items:center;display:flex;flex-shrink:0;gap:16px}.floor-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px;line-height:1}.floor-info{display:flex;flex-direction:column;gap:4px}.floor-title{color:#2c3e50;font-size:20px;font-weight:800;letter-spacing:-.5px}.floor-subtitle{color:#718096;font-size:12px;font-weight:500}.floor-header-center{display:flex;flex:1 1;justify-content:center}.floor-stats-mini{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stat-badge{border:2px solid #ffffff80;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;font-weight:700;padding:8px 14px;transition:all .2s ease}.stat-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.08)}.stat-count,.stat-icon{font-size:14px}.stat-count{font-weight:800}.available-badge{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.occupied-badge{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reserved-badge{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.cleaning-badge{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.maintenance-badge{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.floor-header-right{align-items:center;display:flex;flex-shrink:0;gap:20px}.occupancy-container{display:flex;flex-direction:column;gap:4px;min-width:120px}.occupancy-label{color:#718096;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.floor-header.expanded .occupancy-label{color:#ffffffe6}.occupancy-value{font-size:24px;font-weight:800;letter-spacing:-1px;line-height:1}.occupancy-bar{background:#0000001a;border-radius:4px;box-shadow:inset 0 1px 3px #00000026;height:8px;overflow:hidden;width:100%}.floor-header.expanded .occupancy-bar{background:#fff3}.occupancy-fill{border-radius:4px;box-shadow:0 0 8px #ffffff4d;height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.occupancy-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.toggle-icon{color:#718096;font-size:18px;font-weight:700;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-icon.rotated{transform:rotate(180deg)}.floor-header.expanded .toggle-icon{color:#fff}.floor-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:2px solid #dee2e6;padding:24px}.rooms-mini-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (max-width:1200px){.rooms-mini-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:992px){.floor-header{flex-wrap:wrap;gap:16px}.floor-header-center{margin-top:8px;order:3;width:100%}.floor-stats-mini{justify-content:flex-start}.rooms-mini-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.floor-header{padding:16px}.floor-icon{font-size:24px}.floor-title{font-size:18px}.occupancy-container{min-width:100px}.occupancy-value{font-size:20px}.stat-badge{font-size:12px;padding:6px 10px}.floor-content{padding:16px}.rooms-mini-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:480px){.floor-header-right{align-items:flex-end;flex-direction:column;gap:8px}.rooms-mini-grid{grid-template-columns:repeat(2,1fr)}}.room-mini-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;border-radius:14px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:160px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-mini-card:before{background:linear-gradient(135deg,#fff0,#00000005);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.room-mini-card:hover{border-top-width:6px;box-shadow:0 16px 32px #0000002e;transform:translateY(-6px) scale(1.03)}.room-mini-card:active{transform:translateY(-2px) scale(1.01)}.mini-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.room-number-mini{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900;letter-spacing:-.8px;text-shadow:0 2px 4px #0000000d}.status-dot-mini{animation:pulse-dot 2s infinite;border-radius:50%;box-shadow:0 2px 8px #00000040;height:14px;width:14px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.room-code-mini{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d;font-size:13px;letter-spacing:.8px}.category-mini,.room-code-mini{border:1px solid #fff3;border-radius:8px;color:#fff;font-weight:700;padding:7px 12px;text-align:center;text-transform:uppercase}.category-mini{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;font-size:11px;letter-spacing:.6px}.price-mini{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#27ae60,#229954);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #27ae6026;border-top:2px solid #27ae6026;font-size:19px;font-weight:900;margin:4px 0;padding:8px 0;text-align:center}.status-label-mini{font-size:11px;font-weight:600;letter-spacing:.5px;opacity:.8;text-align:center;text-transform:uppercase}.room-mini-card.available{border-top-color:#27ae60}.room-mini-card.available:hover{background:#f1f9f4}.room-mini-card.occupied{border-top-color:#e74c3c}.room-mini-card.occupied:hover{background:#fdf2f0}.room-mini-card.reserved{border-top-color:#3498db}.room-mini-card.reserved:hover{background:#eaf4fb}.room-mini-card.cleaning{border-top-color:#f39c12}.room-mini-card.cleaning:hover{background:#fef9f0}.room-mini-card.maintenance{border-top-color:#e67e22}.room-mini-card.maintenance:hover{background:#fef6f0}.room-mini-card.out_of_order{border-top-color:#607d8b}.room-mini-card.out_of_order:hover{background:#f5f6f7}.room-mini-card.disabled-for-selection{cursor:not-allowed;filter:grayscale(30%);opacity:.5;pointer-events:auto}.room-mini-card.disabled-for-selection:hover{box-shadow:0 4px 12px #0000001a;transform:none}.room-mini-card.disabled-for-selection:after{content:"🚫";font-size:16px;opacity:.7;position:absolute;right:8px;top:8px}@media (max-width:768px){.room-mini-card{min-height:140px;padding:12px}.room-number-mini{font-size:20px}.room-code-mini{font-size:11px}.price-mini{font-size:16px}}.extend-stay-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.extend-stay-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.extend-stay-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.extend-stay-header h2{font-size:1.25rem;font-weight:600;margin:0}.extend-stay-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;opacity:.8;padding:0;transition:opacity .2s}.extend-stay-header .close-btn:hover{opacity:1}.extend-stay-content{flex:1 1;overflow-y:auto;padding:1.5rem}.reservation-info{border-radius:8px;margin-bottom:1.5rem}.reservation-info .info-row{display:flex;justify-content:space-between;padding:.35rem 0}.reservation-info .label{color:#6c757d;font-size:.9rem}.reservation-info .value{color:#333;font-weight:500}.nights-selector{align-items:center;background:#e8f4fd;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.nights-selector label{color:#333;font-weight:500}.nights-controls{align-items:center;display:flex;gap:.75rem}.nights-controls button{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .2s;width:36px}.nights-controls button:hover:not(:disabled){background:#5568d3;transform:scale(1.1)}.nights-controls button:disabled{background:#ccc;cursor:not-allowed}.nights-value{color:#333;font-size:1.5rem;font-weight:700;min-width:2rem;text-align:center}.cost-breakdown{margin-bottom:1.5rem}.cost-breakdown h4{border-bottom:2px solid #eee;color:#333;font-size:1rem;margin:0 0 1rem;padding-bottom:.5rem}.cost-row{display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.cost-row .highlight{color:#667eea;font-weight:600}.cost-row.total{border-top:1px solid #ddd;font-weight:600;margin-top:.5rem;padding-top:.75rem}.cost-row.grand-total{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-weight:600;margin:.5rem -1rem;padding:.75rem 1rem}.cost-row.pending span.warning{color:#f39c12;font-weight:600}.availability-status{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.availability-status.available{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.availability-status.unavailable{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.availability-status .conflicts{font-size:.9rem;margin-top:.75rem}.availability-status .conflicts p{margin:0 0 .5rem}.availability-status .conflict-item{background:#ffffff80;border-radius:4px;font-weight:400;margin-top:.25rem;padding:.5rem}.payment-section{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1rem}.payment-section h4{color:#333;font-size:1rem;margin:0 0 1rem}.payment-section .form-row{margin-bottom:.75rem}.payment-section label{color:#555;display:block;font-size:.9rem;margin-bottom:.35rem}.payment-section input,.payment-section select{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:.6rem;transition:border-color .2s;width:100%}.payment-section input:focus,.payment-section select:focus{border-color:#667eea;outline:none}.payment-note{background:#fff;border-radius:4px;color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem;padding:.5rem}.loading-calc{color:#666;padding:2rem;text-align:center}.error-message{background:#f8d7da;color:#721c24;margin-bottom:1rem;padding:.75rem}.extend-stay-footer{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:1rem;padding:1rem 1.5rem}.extend-stay-footer button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s}.extend-stay-footer .btn-cancel{background:#e9ecef;color:#495057}.extend-stay-footer .btn-cancel:hover:not(:disabled){background:#dee2e6}.extend-stay-footer .btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.extend-stay-footer .btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.extend-stay-footer .btn-confirm:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:480px){.extend-stay-modal{max-height:95vh}.extend-stay-content{padding:1rem}.nights-selector{gap:.75rem}.extend-stay-footer,.nights-selector{flex-direction:column}}.room-details-overlay{align-items:center;animation:rdmFadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172abf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes rdmFadeIn{0%{opacity:0}to{opacity:1}}.room-details-modal{animation:rdmSlideUp .35s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:20px;box-shadow:0 0 0 1px #0000000d,0 25px 50px -12px #00000059;max-height:90vh;max-width:520px;overflow:hidden;width:100%}@keyframes rdmSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.rdm-hero-header{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border-bottom:3px solid #3b82f6;border-bottom:3px solid var(--status-color,#3b82f6);padding:28px 24px 20px;position:relative}.rdm-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fffc;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.rdm-close-btn:hover{background:#fff3;color:#fff;transform:scale(1.05)}.rdm-hero-content{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.rdm-room-number-wrapper{display:flex;flex-direction:column}.rdm-room-label{color:#fff9;font-size:13px;font-weight:500;letter-spacing:1.5px;margin-bottom:4px;text-transform:uppercase}.rdm-room-number{color:#fff;font-size:56px;font-weight:800;letter-spacing:-2px;line-height:1;text-shadow:0 4px 12px #0000004d}.rdm-status-indicator{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:12px;display:flex;gap:10px;padding:10px 16px}.rdm-status-dot{animation:rdmPulse 2s ease-in-out infinite;border-radius:50%;box-shadow:0 0 12px currentColor;height:12px;width:12px}@keyframes rdmPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.rdm-status-text{color:#fff;font-size:14px;font-weight:600}.rdm-badges-row{display:flex;flex-wrap:wrap;gap:10px}.rdm-type-badge{align-items:center;background:#fffffff2;border-radius:10px;box-shadow:0 2px 8px #00000026;display:inline-flex;font-size:13px;gap:8px;padding:8px 14px}.rdm-badge-code{color:#1e40af;font-weight:700}.rdm-badge-separator{color:#cbd5e1}.rdm-badge-name{color:#475569;font-weight:500}.rdm-category-badge{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:10px;box-shadow:0 2px 8px #8b5cf666;color:#fff;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.8px;padding:8px 14px;text-transform:uppercase}.rdm-room-info-card{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-top:8px;padding:20px}.rdm-info-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#334155;display:flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:16px;padding-bottom:12px}.rdm-info-icon{color:#3b82f6}.rdm-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.rdm-info-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:14px;transition:all .2s ease}.rdm-info-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rdm-info-item-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;color:#3b82f6;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.rdm-info-item-content{display:flex;flex-direction:column;gap:2px}.rdm-info-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rdm-info-value{color:#1e293b;font-size:18px;font-weight:700}.rdm-info-value small{color:#64748b;font-size:12px;font-weight:500}.rdm-info-price .rdm-info-item-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.rdm-info-value.rdm-price{color:#059669}.rdm-info-price{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#bbf7d0;grid-column:1/-1}.room-details-body{padding:24px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.spinner{border-top-color:#3b82f6;height:40px;width:40px}.error-state p{color:#ef4444;font-size:14px}.retry-btn{background:#3b82f6;font-size:14px;font-weight:500;padding:8px 16px}.retry-btn:hover{background:#2563eb}.details-section{background:#f9fafb}.section-title{color:#111827;font-size:16px;gap:8px}.title-icon{font-size:20px}.guest-card{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{background:#f9fafb;border-left:4px solid;border-radius:8px;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{border-radius:4px;height:8px;margin-bottom:8px}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px}.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;justify-content:center;margin-top:8px;padding:12px}.confirmation-number{color:#6b7280;font-family:monospace;font-size:13px;font-weight:600}.rdm-modal .cleaning-assignment,.rdm-modal .last-guest-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:14px 16px}.rdm-modal .cleaning-assignment h4,.rdm-modal .last-guest-info h4{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.03em;margin:0 0 10px;padding-bottom:8px;text-transform:uppercase}.rdm-modal .info-row{align-items:center!important;border-bottom:1px solid #f1f5f9!important;display:flex!important;justify-content:space-between!important;padding:6px 0!important}.rdm-modal .info-row:last-child{border-bottom:none!important}.rdm-modal .info-label{color:#64748b!important;font-size:13px!important;font-weight:500!important}.rdm-modal .info-value{color:#1e293b!important;font-size:14px!important;font-weight:600!important;max-width:60%;text-align:right!important;word-break:break-word}.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}.room-details-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:20px}.details-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:16px;padding:20px}.section-title{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:15px;gap:10px;margin-bottom:16px;padding-bottom:12px}.title-icon{font-size:18px}@media (max-width:768px){.room-details-overlay{align-items:flex-end;padding:0}.room-details-modal{border-radius:20px 20px 0 0;max-height:95vh;max-width:100%}.rdm-hero-header{padding:20px 16px 16px}.rdm-room-number{font-size:44px}.rdm-hero-content{align-items:flex-start;flex-direction:column;gap:12px}.rdm-status-indicator{align-self:flex-start}.rdm-badges-row{gap:8px}.rdm-category-badge,.rdm-type-badge{font-size:12px;padding:6px 12px}.rdm-info-grid{grid-template-columns:1fr}.rdm-info-price{grid-column:1}.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}}@media print{.room-details-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;position:static!important}.room-details-modal{border-radius:0!important;box-shadow:none!important;max-height:none!important;max-width:100%!important}.close-modal-btn,.rdm-close-btn{display:none!important}.rdm-hero-header{background:#f8fafc!important;border-bottom:3px solid #334155!important;padding:20px!important}.rdm-room-number{color:#111827!important;font-size:36px!important;text-shadow:none!important}.rdm-room-label{color:#6b7280!important}.rdm-status-indicator{background:#f3f4f6!important}.rdm-status-text{color:#374151!important}.room-details-header{border-left-width:6px!important;page-break-after:avoid!important}.room-number-large{font-size:28px!important;margin-bottom:8px!important}.details-section,.guest-card,.guests-composition,.occupied-section,.rdm-room-info-card,.wristbands-section{page-break-inside:avoid!important}.wristband-item{border-left-width:4px!important;margin-bottom:8px!important;padding:12px!important}.wristband-code{font-size:16px!important;font-weight:700!important}.room-details-body{background:#fff!important;max-height:none!important;overflow:visible!important}.rdm-hero-header:before{border-bottom:1px solid #e5e7eb;color:#6b7280;content:"Registro de Habitación";display:block;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px;text-align:center}body{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.rdm-action-buttons{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:20px;padding-top:16px}.rdm-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease}.rdm-btn:disabled{cursor:not-allowed;opacity:.6}.rdm-btn-checkout{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 14px #8b5cf659;color:#fff}.rdm-btn-checkout:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 6px 20px #8b5cf673;transform:translateY(-2px)}.rdm-btn-checkout:active:not(:disabled){transform:translateY(0)}.rdm-btn-checkin{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 14px #10b98159;color:#fff}.rdm-btn-checkin:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98173;transform:translateY(-2px)}.rdm-btn-print{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 14px #3b82f659;color:#fff}.rdm-btn-print:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f673;transform:translateY(-2px)}.payment-info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:16px}.payment-info-section h4{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:6px;margin:0 0 12px}.payment-info-section h4:before{content:"💰"}.payment-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.payment-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.payment-label{color:#64748b;font-size:12px}.payment-value{color:#1e293b;font-size:14px;font-weight:600}.room-selection-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.room-selection-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:100%}.room-selection-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.room-selection-header h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0}.room-selection-close{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.room-selection-close:hover{background-color:#f5f5f5;color:#1a1a1a}.room-selection-info{align-items:center;background-color:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0;display:flex;font-size:.9rem;gap:8px;padding:12px 24px}.info-icon{font-size:1.1rem}.room-selection-search{border-bottom:1px solid #e0e0e0;padding:16px 24px}.search-input{padding:12px 16px}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.search-input::placeholder{color:#999}.room-selection-body{flex:1 1;overflow-y:auto;padding:16px 24px}.no-rooms-message{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.no-rooms-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.no-rooms-message p{color:#999;font-size:1.1rem;margin:0}.room-selection-body::-webkit-scrollbar{width:8px}.room-selection-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.room-selection-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.room-selection-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.room-selection-modal{border-radius:12px 12px 0 0;margin:0;max-height:90vh;max-width:100%}.room-selection-header h2{font-size:1.25rem}.room-selection-body,.room-selection-search{padding:12px 16px}}.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}.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:1024px){.reception-main-container{flex-direction:column!important;height:auto!important;min-height:100vh!important}.reception-sidebar{border-bottom:1px solid #e9ecef!important;border-right:none!important;height:auto!important;padding:15px!important;position:relative!important;width:100%!important}.reception-sidebar nav{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.reception-sidebar>div:first-child{align-items:center!important;display:flex!important;font-size:16px!important;justify-content:center!important;margin-bottom:15px!important}.reception-sidebar>div:first-child br{display:none!important}.reception-sidebar>div:first-child small{margin-left:10px!important}}@media (max-width:768px){.reception-main-container{flex-direction:column!important;height:auto!important;min-height:100vh!important}.reception-sidebar{height:auto!important;padding:10px!important;position:relative!important;width:100%!important}.reception-sidebar>div:first-child{font-size:14px!important;margin-bottom:10px!important}.reception-sidebar nav{display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:center!important}.reception-sidebar nav>div{flex:0 1 auto!important;font-size:12px!important;margin:0!important;padding:8px 12px!important;white-space:nowrap!important}.reception-main-container>div:last-child{padding:10px!important}.reception-main-container>div:last-child>div:first-child{flex-direction:column!important;gap:10px!important;padding:15px!important;text-align:center!important}.reception-main-container div[style*=grid]{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}button{font-size:12px!important;padding:8px 12px!important}.modal-content{max-height:85vh!important;padding:15px!important;width:95%!important}div[style*="position: fixed"][style*="top: 20px"][style*="right: 20px"]{left:10px!important;right:10px!important;width:calc(100% - 20px)!important}div[style*="position: fixed"][style*="bottom: 20px"]{bottom:10px!important;right:10px!important}div[style*="position: fixed"][style*="bottom: 20px"] button{font-size:18px!important;height:45px!important;width:45px!important}}@media (max-width:480px){.reception-sidebar{padding:8px!important}.reception-sidebar>div:first-child{font-size:12px!important}.reception-sidebar nav>div{font-size:11px!important;padding:6px 10px!important}.reception-main-container div[style*=grid]{grid-template-columns:1fr 1fr!important}.reception-main-container div[style*="backgroundColor: white"][style*=borderRadius]{padding:12px!important}.reception-main-container div[style*="fontSize: '24px'"],.reception-main-container div[style*="fontSize: '28px'"]{font-size:18px!important}.reception-main-container div[style*="fontSize: '18px'"]{font-size:14px!important}}@media print{body,html{background:#fff!important;margin:0!important;padding:0!important}#root>:not(.wristband-print-overlay),.Navbar,.dashboard-grid,.reception-container,.reception-content,.reception-header,.reception-sidebar,.sidebar,aside,footer,header,nav{display:none!important;visibility:hidden!important}.wristband-print-overlay{background:#fff!important;bottom:0!important;display:block!important;height:auto!important;left:0!important;margin:0!important;overflow:visible!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:999999!important}.wristband-print-content,.wristband-print-overlay,.wristband-print-overlay *{visibility:visible!important}.wristband-print-content{background:#fff!important;border-radius:0!important;box-shadow:none!important;display:block!important;height:auto!important;margin:0 auto!important;max-height:none!important;max-width:100%!important;overflow:visible!important;padding:15px!important;page-break-inside:avoid;position:relative!important;width:100%!important}.no-print,.wristband-print-content .no-print{display:none!important;visibility:hidden!important}.wristband-print-content h1{font-size:18pt!important;margin-bottom:8px!important}.wristband-print-content h2{font-size:14pt!important;margin-bottom:6px!important}.wristband-print-content h3{font-size:11pt!important;margin-bottom:4px!important}.wristband-print-content p{font-size:9pt!important;margin:2px 0!important}.wristband-print-content table{border-collapse:collapse!important;font-size:9pt!important;page-break-inside:avoid;width:100%!important}.wristband-print-content td,.wristband-print-content th{border:1px solid #ccc!important;padding:4px 6px!important}.wristband-print-content th{background-color:#34495e!important;color:#fff!important}.wristband-print-content div{margin-bottom:8px!important}*{color-adjust:exact!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:letter portrait;margin:.4in}}.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%}@media (max-width:1024px){.reception-main-container{flex-direction:column!important;height:auto!important;min-height:100vh!important}.reception-sidebar{border-bottom:1px solid #e9ecef!important;border-right:none!important;box-shadow:0 2px 5px #0000001a!important;height:auto!important;max-width:100%!important;min-height:auto!important;padding:12px 15px!important;width:100%!important}.reception-sidebar>div:first-child{align-items:center!important;display:flex!important;flex-direction:row!important;font-size:16px!important;gap:10px!important;justify-content:center!important;margin-bottom:10px!important}.reception-sidebar>div:first-child br{display:none!important}.reception-sidebar nav{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.reception-sidebar nav>div{flex:0 1 auto!important;font-size:13px!important;margin:0!important;padding:10px 16px!important}.reception-main-container>div:nth-child(2){padding:15px!important;width:100%!important}}@media (max-width:768px){.reception-notifications{left:5vw!important;right:5vw!important;width:90vw!important}.reception-refresh-button{bottom:10px!important;height:45px!important;right:10px!important;width:45px!important}.reception-sidebar{padding:10px!important}.reception-sidebar>div:first-child{font-size:14px!important;margin-bottom:8px!important}.reception-sidebar>div:first-child small{font-size:11px!important}.reception-sidebar nav>div{font-size:12px!important;padding:8px 12px!important}.reception-main-container>div:nth-child(2)>div:first-child{flex-direction:column!important;gap:12px!important;padding:12px!important;text-align:center!important}.reception-main-container h1,.reception-main-container>div:nth-child(2)>div:first-child>div:first-child>div:first-child{font-size:20px!important}.reception-main-container>div:nth-child(2)>div:nth-child(2){grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.reception-main-container>div:nth-child(2)>div:nth-child(2)>div{padding:12px!important;text-align:center!important}.reception-main-container>div:nth-child(2)>div:nth-child(2)>div>div:first-child{font-size:20px!important}.reception-main-container>div:nth-child(2)>div:nth-child(2)>div>div:nth-child(2){font-size:11px!important}.reception-main-container>div:nth-child(2)>div:nth-child(3){display:flex!important;flex-direction:column!important;gap:15px!important}.reception-main-container>div:nth-child(2)>div:nth-child(3)>div{padding:12px!important;width:100%!important}.reception-main-container button{font-size:12px!important;padding:8px 12px!important}.reception-main-container>div:nth-child(2)>div:nth-child(4)>div:nth-child(2){gap:6px!important;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important}.reception-main-container>div:nth-child(2)>div:nth-child(4)>div:nth-child(2)>div{font-size:12px!important;padding:8px!important}}@media (max-width:480px){.reception-sidebar{padding:8px!important}.reception-sidebar>div:first-child{font-size:12px!important}.reception-sidebar nav{gap:4px!important}.reception-sidebar nav>div{font-size:11px!important;padding:6px 10px!important}.reception-main-container>div:nth-child(2)>div:nth-child(2){grid-template-columns:repeat(2,1fr)!important}.reception-main-container>div:nth-child(2)>div:nth-child(2)>div>div:first-child{font-size:18px!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}.success-toast{align-items:center;animation:slideIn .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 10px 40px #10b98166;color:#fff;display:flex;gap:12px;max-width:450px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;transition:opacity .3s ease,transform .3s ease;z-index:10000}.success-toast.hidden{opacity:0;transform:translateX(100%)}.success-toast.visible{opacity:1;transform:translateX(0)}.success-toast-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.success-toast-content{flex:1 1}.success-toast-title{font-size:16px;font-weight:600;margin-bottom:2px}.success-toast-confirmation{font-size:13px;opacity:.9}.success-toast-confirmation strong{font-weight:700;letter-spacing:.5px}.success-toast-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;transition:background .2s;width:28px}.success-toast-close:hover{background:#ffffff4d}.floors-container{display:flex;flex-direction:column;gap:16px;min-height:400px;padding:20px 0}.secondary-stats{padding:16px 20px}.secondary-stats h4{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px;margin:0 0 12px}.secondary-stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr)}.secondary-stat{background:#f9fafb;border:1px solid #e5e7eb;padding:14px 12px;transition:all .15s ease}.secondary-stat:hover{background:#f3f4f6;border-color:#d1d5db}.secondary-stat .number{font-size:18px}.secondary-stat .label{color:#9ca3af;display:block;font-size:10px}.secondary-stat:first-child{border-top:3px solid #10b981}.secondary-stat:nth-child(2){border-top:3px solid #3b82f6}.secondary-stat:nth-child(3){border-top:3px solid #8b5cf6}.secondary-stat:nth-child(4){border-top:3px solid #f59e0b}.secondary-stat:nth-child(4) .number{color:#f59e0b;font-size:20px}.rooms-stats{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin:16px 0;min-height:80px;padding:0}.stat-item{align-items:center;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;min-height:auto;overflow:hidden;padding:16px 12px;position:relative;transition:all .2s ease}.stat-item:after,.stat-item:before{display:none}.stat-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-item{border-top:3px solid #6366f1}.stat-item.available{background:linear-gradient(180deg,#ecfdf5,#fff);border-top-color:#10b981}.stat-item.occupied{background:linear-gradient(180deg,#fef2f2,#fff);border-top-color:#ef4444}.stat-item.maintenance{background:linear-gradient(180deg,#fffbeb,#fff);border-top-color:#f59e0b}.stat-item.cleaning{background:linear-gradient(180deg,#ecfeff,#fff);border-top-color:#06b6d4}.stat-item.reserved{background:linear-gradient(180deg,#eff6ff,#fff);border-top-color:#3b82f6}.stat-item.out-of-order{background:linear-gradient(180deg,#f8fafc,#fff);border-top-color:#64748b}.stat-number{font-size:28px;margin-bottom:4px;position:relative;z-index:2}.stat-item .stat-number{color:#6366f1}.stat-item.available .stat-number{color:#10b981}.stat-item.occupied .stat-number{color:#ef4444}.stat-item.maintenance .stat-number{color:#f59e0b}.stat-item.cleaning .stat-number{color:#06b6d4}.stat-item.reserved .stat-number{color:#3b82f6}.stat-item.out-of-order .stat-number{color:#64748b}.stat-label{position:relative;z-index:2}.rooms-filters{align-items:flex-end;border:1px solid #e5e7eb;border-radius:10px;gap:16px;margin:16px 0;min-height:70px;padding:16px 20px}.filter-group{min-width:160px}.filter-group label{color:#6b7280;font-size:11px;letter-spacing:.3px}.filter-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:13px;font-weight:500;padding:8px 12px;transition:all .15s ease}.filter-select:hover{background:#fff;border-color:#9ca3af}.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.filter-results{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;font-weight:600;padding:8px 14px}.rooms-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.rooms-header,.rooms-header h2{align-items:center;display:flex}.rooms-header h2{color:#1e293b;font-size:24px;font-weight:700;gap:10px;margin:0}.loading-indicator{font-size:16px}.rooms-actions{align-items:center;flex-wrap:wrap;gap:12px}.btn-toggle{align-items:center;border-radius:8px;display:flex;font-weight:600;gap:6px;padding:10px 16px}.btn-toggle:hover{background:#e2e8f0}.btn-toggle.active{box-shadow:0 2px 8px #0000001a;color:#3b82f6}.btn-refresh{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-refresh:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-new-reservation{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.btn-new-reservation:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.action-buttons-row{align-items:center;display:flex;gap:8px}.rooms-legend{align-items:center;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #0000000f;flex-wrap:wrap;margin:20px 0;min-height:50px;padding:16px 24px}.legend-item{color:#4a5568;font-size:13px;font-weight:600;gap:8px}.status-indicator{border:2px solid #fff;box-shadow:0 2px 6px #0003;height:14px;width:14px}.status-indicator.green{background:linear-gradient(135deg,#11998e,#38ef7d)}.status-indicator.red{background:linear-gradient(135deg,#ee0979,#ff6a00)}.status-indicator.orange{background:linear-gradient(135deg,#fa709a,#fee140)}.status-indicator.yellow{background:linear-gradient(135deg,#ffd89b,#19547b)}.status-indicator.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.status-indicator.grey{background:linear-gradient(135deg,#607d8b,#455a64)}.elegant-modal-header-v2{background:#fff;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;justify-content:space-between;padding:16px 20px}.elegant-modal-header-v2,.header-left-v2{align-items:center;display:flex;gap:12px}.room-label-sm{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.room-number-lg{color:#1e293b;font-size:32px;font-weight:800;line-height:1}.header-badges-v2{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.badge-code{background:#3b82f6;color:#fff;font-weight:700;letter-spacing:.3px;padding:6px 12px}.badge-category,.badge-code{border-radius:6px;font-size:11px;text-transform:uppercase}.badge-category{background:#fff;border:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:5px 10px}.badge-status{border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:6px 12px;text-transform:uppercase}.close-btn-x{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .15s;width:36px}.close-btn-x:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.elegant-room-modal .room-image-gallery{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.elegant-room-modal .gallery-main{background:#f3f4f6;border-radius:8px;height:160px;overflow:hidden;width:100%}.elegant-room-modal .gallery-main img{height:100%;object-fit:cover;width:100%}.elegant-room-modal .gallery-thumbs{display:flex;gap:6px}.elegant-room-modal .gallery-thumbs .thumb{background:#f3f4f6;border:2px solid #0000;border-radius:6px;cursor:pointer;flex:1 1;height:48px;overflow:hidden}.elegant-room-modal .gallery-thumbs .thumb:hover{border-color:#3b82f6}.elegant-room-modal .gallery-thumbs .thumb img{height:100%;object-fit:cover;width:100%}.elegant-room-modal .gallery-thumbs .thumb.more{align-items:center;background:#e5e7eb;color:#4b5563;display:flex;font-size:12px;font-weight:600;justify-content:center}.elegant-room-modal .room-image-placeholder{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;gap:6px;height:100px;justify-content:center;margin-bottom:0;width:100%}.elegant-room-modal .room-image-placeholder span{font-size:12px;font-weight:500}.elegant-room-modal .placeholder-icon{font-size:32px;opacity:.6}.elegant-room-modal .capacity-badges{display:flex;flex-wrap:wrap;gap:8px}.elegant-room-modal .capacity-badge{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:6px;padding:8px 12px}.elegant-room-modal .capacity-badge .cap-icon{font-size:14px}.elegant-room-modal .capacity-badge .cap-value{color:#111827;font-size:14px;font-weight:600}.elegant-room-modal .capacity-badge .cap-label{color:#6b7280;font-size:12px;font-weight:500}.elegant-room-modal .capacity-badge.bed{background:#f5f3ff;border-color:#ddd6fe}.elegant-room-modal .capacity-badge.bed .cap-value{color:#7c3aed}.elegant-room-modal .capacity-badge.size{background:#ecfdf5;border-color:#a7f3d0}.elegant-room-modal .capacity-badge.size .cap-value{color:#059669}.elegant-room-modal .amenities-grid{display:flex;flex-wrap:wrap;gap:6px}.elegant-room-modal .amenity-tag{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#374151;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px}.elegant-room-modal .amenity-tag.more{background:#3b82f6;border:none;color:#fff;font-weight:600}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.elegant-room-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;position:relative;width:90%}.elegant-modal-header{border-radius:20px 20px 0 0;flex-shrink:0;padding:24px 30px;position:relative}.room-number-section{display:flex;flex-direction:column;gap:5px}.room-label{color:#666;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.room-number-big{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#3498db);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1}.header-badges{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.room-code-badge{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px;box-shadow:0 4px 12px #3498db4d;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.category-badge-elegant{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #764ba24d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.8px;padding:6px 14px;text-transform:uppercase}.status-badge-elegant{border-radius:10px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.elegant-close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:36px}.elegant-close-btn:hover{background:#00000026;transform:rotate(90deg)}.elegant-modal-body{background:#f3f4f6;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:16px}.elegant-modal-body::-webkit-scrollbar{width:8px}.elegant-modal-body::-webkit-scrollbar-track{background:#0000;margin:4px 0}.elegant-modal-body::-webkit-scrollbar-thumb{background:#00000026;background-clip:padding-box;border:2px solid #0000;border-radius:10px}.elegant-modal-body::-webkit-scrollbar-thumb:hover{background:#00000040;background-clip:padding-box}.elegant-room-modal .info-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;padding:16px 20px}.elegant-room-modal .section-title{align-items:center;color:#9ca3af;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.elegant-room-modal .title-icon{font-size:13px}.elegant-room-modal .info-grid{display:flex;flex-direction:column;gap:0}.elegant-room-modal .info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:row;justify-content:space-between;min-height:40px;padding:10px 0}.elegant-room-modal .info-row:first-child{padding-top:0}.elegant-room-modal .info-row:last-child{border-bottom:none;padding-bottom:0}.elegant-room-modal .info-label{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500}.elegant-room-modal .info-value{color:#111827;flex-shrink:0;font-size:13px;font-weight:600;text-align:right}.elegant-room-modal .info-value.price-value{color:#059669;font-size:18px;font-weight:700}.elegant-room-modal .guest-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:12px;text-align:center}.elegant-room-modal .guest-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center}.elegant-room-modal .guest-name:before{content:"👤";font-size:16px}.elegant-room-modal .dates-container{align-items:center;display:flex;gap:8px;justify-content:space-between}.elegant-room-modal .date-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;padding:12px;text-align:center}.elegant-room-modal .checkin-card{border-left:3px solid #3b82f6}.elegant-room-modal .checkout-card{border-left:3px solid #ef4444}.elegant-room-modal .date-label{font-size:10px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.elegant-room-modal .checkin-card .date-label{color:#3b82f6}.elegant-room-modal .checkout-card .date-label{color:#ef4444}.elegant-room-modal .date-value{color:#111827;font-size:13px;font-weight:600;margin-bottom:2px}.elegant-room-modal .date-time{color:#6b7280;font-size:11px;font-weight:500}.elegant-room-modal .date-separator{color:#d1d5db;font-size:16px}.elegant-room-modal .payment-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.elegant-room-modal .payment-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 14px}.elegant-room-modal .payment-row:last-child{border-bottom:none}.elegant-room-modal .pending-row{background:#fef2f2}.elegant-room-modal .payment-label{color:#6b7280;font-size:12px;font-weight:500}.elegant-room-modal .payment-amount{font-size:14px;font-weight:600}.elegant-room-modal .total-amount{color:#059669}.pending-amount{color:#ef4444}.registered-guests-list{display:flex;flex-direction:column;gap:8px}.registered-guest-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;transition:all .15s ease}.registered-guest-item:hover{background:#f1f5f9;border-color:#cbd5e1}.rg-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.rg-name{color:#1e293b;font-size:14px;font-weight:600}.rg-type{border-radius:12px;font-size:11px;font-weight:600;padding:3px 8px;white-space:nowrap}.rg-type-titular{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.rg-type-adulto{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.rg-type-junior{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.rg-type-menor{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d}.rg-details{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.rg-detail{align-items:center;display:inline-flex;gap:4px}.elegant-modal-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:16px 20px}.btn-modal-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .15s ease;white-space:nowrap}.btn-modal-action:hover{transform:translateY(-1px)}.btn-modal-action:active{transform:translateY(0)}.btn-modal-action.btn-success{background:#10b981;color:#fff}.btn-modal-action.btn-success:hover{background:#059669}.btn-modal-action.btn-warning{background:#f59e0b;color:#fff}.btn-modal-action.btn-warning:hover{background:#d97706}.btn-modal-action.btn-secondary{background:#6366f1;color:#fff}.btn-modal-action.btn-secondary:hover{background:#4f46e5}.btn-modal-action.btn-danger{background:#64748b;color:#fff}.btn-modal-action.btn-danger:hover{background:#475569}.btn-elegant-close{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .15s ease;white-space:nowrap}.btn-elegant-close:hover{background:#e2e8f0;color:#1e293b}.btn-elegant-close:active{transform:translateY(0)}@media (max-width:768px){.secondary-stats-grid{grid-template-columns:repeat(2,1fr)}.rooms-stats{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.rooms-filters{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-results{margin-left:0;text-align:center}.elegant-room-modal{max-height:95vh;width:95%}.elegant-modal-header{padding:20px}.room-number-big{font-size:36px}.header-content{flex-direction:column;gap:15px}.header-badges{align-items:center;flex-direction:row;flex-wrap:wrap;width:100%}.elegant-modal-body{padding:0 20px 20px}.elegant-room-modal .dates-container{flex-direction:column}.elegant-room-modal .date-separator{transform:rotate(90deg)}.elegant-room-modal .payment-row{align-items:flex-start;flex-direction:column;gap:8px}.payment-amount{font-size:20px}}@media (max-width:480px){.secondary-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.secondary-stat{padding:10px 8px}.secondary-stat .number{font-size:16px}.rooms-stats{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:12px 8px}.stat-number{font-size:24px}.stat-label{font-size:9px}}.pagination-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:8px;justify-content:center;margin:32px 0 24px;padding:20px}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.pagination-btn:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);box-shadow:none;cursor:not-allowed;opacity:.6}.pagination-number{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .25s ease}.pagination-number:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea;transform:translateY(-2px)}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.05)}.pagination-ellipsis{color:#a0aec0;font-size:1.1rem;font-weight:700;padding:0 8px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.pagination-container{gap:6px;padding:16px 12px}.pagination-btn{font-size:.85rem;padding:8px 14px}.pagination-number{font-size:.85rem;height:36px;min-width:36px}}.rack-visual-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:400px;padding:16px}.rack-floor-section{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:12px}.rack-floor-section:last-of-type{margin-bottom:12px}.rack-floor-header{align-items:center;border-bottom:1px dashed #d1d5db;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.rack-floor-label{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:700;gap:4px}.rack-floor-label:before{color:#667eea;content:"▪";font-size:14px}.rack-floor-count{color:#9ca3af;font-size:10px;font-weight:500}.rack-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.rack-cell{align-items:center;aspect-ratio:1;border:2px solid #fff3;border-radius:6px;color:#fff;display:flex;flex-direction:column;font-weight:700;justify-content:center;min-height:48px;overflow:hidden;position:relative;text-shadow:0 1px 2px #00000040;transition:all .15s ease}.rack-cell:hover{border-color:#ffffff80;box-shadow:0 6px 20px #0000004d;transform:scale(1.12);z-index:10}.rack-cell:active{transform:scale(1.05)}.rack-room-number{font-size:14px;font-weight:800;line-height:1}.rack-room-type{font-size:8px;font-weight:600;letter-spacing:.3px;margin-top:2px;opacity:.85}.rack-guest-name{font-size:7px;font-weight:500;margin-top:1px;max-width:95%;opacity:.9;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.rack-status-icon{font-size:9px;margin-top:1px}.rack-legend{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px;padding:12px 16px}.rack-legend-item{align-items:center;color:#4b5563;display:flex;font-size:11px;font-weight:600;gap:5px}.rack-legend-dot{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;height:12px;width:12px}@media (max-width:1024px){.rack-grid{gap:5px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.rack-cell{min-height:46px}.rack-room-number{font-size:13px}.rack-room-type{font-size:7px}}@media (max-width:768px){.rack-visual-container{padding:12px}.rack-floor-section{margin-bottom:10px;padding:10px}.rack-floor-header{margin-bottom:8px;padding-bottom:6px}.rack-floor-label{font-size:12px}.rack-grid{gap:4px;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.rack-cell{border-radius:5px;min-height:40px}.rack-room-number{font-size:12px}.rack-room-type{font-size:7px}.rack-guest-name{display:none}.rack-status-icon{font-size:8px}.rack-legend{gap:8px;padding:10px 12px}.rack-legend-item{font-size:10px}.rack-legend-dot{height:10px;width:10px}}@media (max-width:480px){.rack-grid{gap:3px;grid-template-columns:repeat(5,1fr)}.rack-cell{border-width:1px;min-height:38px}.rack-room-number{font-size:10px}.rack-room-type{font-size:6px}.rack-legend{flex-wrap:wrap;gap:6px}.rack-legend-item{font-size:9px;gap:3px}}@media (min-width:1400px){.rack-grid{gap:7px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.rack-cell{min-height:56px}.rack-room-number{font-size:15px}.rack-room-type{font-size:9px}.rack-guest-name{font-size:8px}}.rooms-list-modern{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.list-header-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-transform:uppercase}.list-header-row,.list-room-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:100px 100px 60px 120px 100px 1fr 120px}.list-room-row{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 20px;transition:all .15s ease}.list-room-row:hover{background:#f8fafc}.list-room-row:last-child{border-bottom:none}.room-number-list{color:#111827;font-size:16px;font-weight:700}.room-type-badge{background:#f3f4f6;border-radius:6px;color:#4b5563;display:inline-block;letter-spacing:.3px;padding:4px 8px;text-transform:uppercase}.floor-badge{align-items:center;background:#e5e7eb;border-radius:50%;color:#374151;display:inline-flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.status-pill{border-radius:20px;color:#fff;font-size:11px;letter-spacing:.3px;padding:5px 12px;text-transform:uppercase}.price-text{color:#374151;font-size:14px;font-weight:600}.guest-name-list{color:#111827;font-size:13px;font-weight:500}.no-guest{color:#d1d5db;font-size:14px}.col-actions{display:flex;gap:6px;justify-content:flex-end}.action-btn{align-items:center;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.action-btn:hover{transform:scale(1.1)}.action-btn.success{background:#d1fae5;color:#059669}.action-btn.success:hover{background:#a7f3d0}.action-btn.warning{background:#fef3c7;color:#d97706}.action-btn.warning:hover{background:#fde68a}.action-btn.neutral{background:#f3e8ff;color:#7c3aed}.action-btn.neutral:hover{background:#e9d5ff}.action-btn.info{background:#e0f2fe;color:#0284c7}.action-btn.info:hover{background:#bae6fd}.list-room-row.cleaning{border-left:4px solid #ff9800}.list-room-row.maintenance{border-left:4px solid #9c27b0}.list-room-row.occupied{border-left:4px solid #f44336}.list-room-row.reserved{border-left:4px solid #2196f3}.list-room-row.available{border-left:4px solid #4caf50}.list-room-row.out-of-order,.list-room-row.out_of_order{border-left:4px solid #607d8b;opacity:.7}@media (max-width:1024px){.list-header-row,.list-room-row{gap:8px;grid-template-columns:80px 80px 50px 100px 80px 1fr 100px;padding:10px 14px}.room-number-list{font-size:14px}.room-type-badge{font-size:10px;padding:3px 6px}.status-pill{font-size:10px;padding:4px 8px}}@media (max-width:768px){.list-header-row{display:none}.rooms-list-modern{background:#0000;box-shadow:none;display:flex;flex-direction:column;gap:12px}.list-room-row{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:16px}.list-room-row.available{border-left-color:#22c55e}.list-room-row.occupied{border-left-color:#ef4444}.list-room-row.reserved{border-left-color:#3b82f6}.list-room-row.cleaning{border-left-color:#f59e0b}.list-room-row.maintenance{border-left-color:#8b5cf6}.col-room{flex:0 0 auto;order:1}.room-number-list{color:#1e293b;font-size:20px;font-weight:800}.col-type{flex:0 0 auto;order:2}.room-type-badge{background:#e0e7ff;border-radius:6px;color:#4338ca;font-size:11px;font-weight:700;padding:4px 10px}.col-status{flex:1 1;order:3;text-align:right}.status-pill{border-radius:20px;font-size:10px;padding:5px 10px}.col-floor{display:none}.col-price{align-items:center;display:flex;flex:0 0 auto;order:4}.price-text{color:#059669;font-size:15px;font-weight:700}.col-guest{align-items:center;display:flex;flex:1 1;order:5}.guest-name-list{color:#374151;font-size:14px;font-weight:500}.no-guest{color:#d1d5db}.col-actions{border-top:1px solid #f3f4f6;flex:0 0 100%;gap:8px;justify-content:flex-end;margin-top:10px;order:6;padding-top:12px}.action-btn{border-radius:10px;font-size:16px;height:40px;width:40px}.rooms-header{align-items:stretch;flex-direction:column;gap:10px;padding:12px 16px}.rooms-header h2{font-size:18px;margin:0;text-align:center}.rooms-actions{display:flex;flex-direction:column;gap:8px;width:100%}.view-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;order:1;padding:3px;width:100%}.btn-toggle{align-items:center;border-radius:6px;display:flex;flex:1 1;font-size:11px;gap:3px;justify-content:center;padding:8px 4px;white-space:nowrap}.action-buttons-row{display:flex;gap:8px;order:2;width:100%}.action-buttons-row .btn-refresh{flex:0 0 auto;font-size:13px;padding:10px 14px}.action-buttons-row .btn-new-reservation{flex:1 1;font-size:12px;justify-content:center;padding:10px 12px}.rooms-stats{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(2,1fr)!important;margin:12px 0;padding:0}.stat-item{border-radius:10px;padding:12px 8px}.stat-number{font-size:22px}.stat-label{font-size:9px;letter-spacing:.3px}.rooms-legend,.stat-item:nth-child(n+7){display:none}}@media (max-width:480px){.rooms-header h2{font-size:16px}.view-toggle{flex-wrap:nowrap}.btn-toggle{font-size:10px;gap:2px;padding:6px 4px}.action-buttons-row{gap:6px}.action-buttons-row .btn-refresh{font-size:12px;padding:8px 12px}.action-buttons-row .btn-new-reservation{font-size:11px;padding:8px 10px}.rooms-stats{gap:6px!important;grid-template-columns:repeat(2,1fr)!important}.stat-item{padding:10px 6px}.stat-number{font-size:20px}.stat-label{font-size:8px}.stat-item:nth-child(n+7){display:none}.list-room-row{gap:8px;padding:12px}.room-number-list{font-size:18px}.room-type-badge{font-size:10px;padding:3px 8px}.status-pill{font-size:9px;padding:4px 8px}.price-text{font-size:13px}.guest-name-list{font-size:12px}.action-btn{font-size:14px;height:36px;width:36px}.col-price{display:none}}.guests-stats{flex-wrap:nowrap;gap:12px}.guests-stats .stat-item{align-items:center;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:14px 24px;transition:transform .2s ease,box-shadow .2s ease}.guests-stats .stat-item.clickable{cursor:pointer}.guests-stats .stat-item.clickable:hover{border-color:#86efac;box-shadow:0 4px 12px #16653426;transform:translateY(-2px)}.guests-stats .stat-item .stat-number{color:#166534;display:block;font-size:32px;font-weight:700;line-height:1}.guests-stats .stat-item .stat-label{color:#475569;display:block;font-size:11px;font-weight:600;letter-spacing:.2px;line-height:1.2;margin-top:6px;text-transform:uppercase;white-space:nowrap}.guests-stats .stat-item .stat-sublabel{color:#16a34a;display:block;font-size:10px;font-weight:500;margin-top:3px;white-space:nowrap}.guests-stats .stat-item.checked-in{background:linear-gradient(135deg,#f0fdf4,#fff);border-left:4px solid;border-color:#86efac}.guests-stats .stat-item.checked-in .stat-number{color:#16a34a}.guests-stats .stat-item.not-checked-in{background:linear-gradient(135deg,#f8fafc,#fff);border-left:4px solid #94a3b8}.guests-stats .stat-item.not-checked-in .stat-number{color:#64748b}.guests-stats .stat-item:first-child{border-left:4px solid #166534}.guests-stats.loading .stat-item.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;min-height:90px}@media (max-width:768px){.guests-stats{gap:8px}.guests-stats .stat-item{padding:12px 16px}.guests-stats .stat-item .stat-number{font-size:26px}.guests-stats .stat-item .stat-label{font-size:10px}}@media (max-width:480px){.guests-stats{gap:6px}.guests-stats .stat-item{padding:10px 12px}.guests-stats .stat-item .stat-number{font-size:22px}.guests-stats .stat-item .stat-label{font-size:9px}.guests-stats .stat-item .stat-sublabel{font-size:8px}}.guest-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.guest-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.guest-card.checked-in{border-left:4px solid #22c55e}.guest-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.guest-card-info{flex:1 1}.guest-card-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.guest-card-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.guest-card-meta span{white-space:nowrap}.guest-card-status{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.guest-card-status.green{background:#dcfce7;color:#16a34a}.guest-card-status.gray{background:#f1f5f9;color:#64748b}.guest-card-content{margin-bottom:16px}.guest-card-reservation{border-radius:8px;margin-bottom:10px;padding:12px}.guest-card-reservation.current{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;overflow:hidden}.guest-card-reservation.upcoming{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:12px}.reservation-code-bar{align-items:center;background:linear-gradient(135deg,#166534,#15803d);display:flex;justify-content:space-between;margin:-12px -12px 12px;padding:10px 14px}.code-section{align-items:center;display:flex;gap:8px}.code-icon,.code-value{font-size:14px}.code-value{color:#fff;font-family:SF Mono,Monaco,Menlo,monospace;font-weight:700;letter-spacing:.5px}.nights-badge{background:#fff3;border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:4px 10px}.room-info-bar{margin-bottom:10px}.room-main{align-items:center;display:flex;gap:6px}.room-icon{font-size:16px}.room-label{color:#64748b;font-size:12px}.room-number{color:#166534;font-size:18px}.room-type-badge{background:#dcfce7;border-radius:4px;color:#166534;font-size:11px;font-weight:600;margin-left:4px;padding:2px 8px}.reservation-dates-bar{align-items:center;background:#fff;border:1px solid #d1fae5;border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:10px}.date-item{display:flex;flex-direction:column;gap:2px}.date-label{color:#64748b;font-size:10px;letter-spacing:.5px}.date-value{color:#1e293b;font-size:13px}.date-arrow{color:#22c55e;font-size:16px;font-weight:700}.reservation-guests{background:#fff;border:1px solid #d1fae5;border-radius:8px;padding:10px}.guests-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.guests-icon{font-size:14px}.guests-count{color:#166534;font-size:12px;font-weight:600}.wristbands-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.wristband-item{align-items:center;background:#f0fdf4;border-radius:6px;display:flex;font-size:12px;justify-content:space-between;padding:6px 10px}.wristband-name{color:#1e293b;font-weight:500}.wristband-number{background:#dcfce7;border-radius:4px;color:#16a34a;font-size:10px;font-weight:600;padding:2px 6px}.guests-breakdown{color:#475569;font-size:12px;padding:4px 0}.reservation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.reservation-header strong{color:#1e293b}.reservation-id{color:#94a3b8;font-size:12px}.reservation-dates,.upcoming-info{color:#475569;font-size:13px}.upcoming-info{margin-top:4px}.guest-card-history{color:#64748b;font-size:13px}.guest-card-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}.guest-card-actions button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.guest-card-actions .btn-tertiary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.guest-card-actions .btn-tertiary:hover{background:#f1f5f9;border-color:#cbd5e1}.guest-card-actions .btn-secondary{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155}.guest-card-actions .btn-secondary:hover{background:#e2e8f0}.guest-card-actions .btn-primary{background:linear-gradient(135deg,#166534,#22c55e)!important;border:none!important;box-shadow:0 2px 6px #16653440!important;color:#fff!important}.guest-card-actions .btn-primary:hover{background:linear-gradient(135deg,#15803d,#16a34a)!important;box-shadow:0 4px 12px #16653466!important;transform:translateY(-2px)!important}.guest-card-actions .btn-checkout{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.guest-card-actions .btn-checkout:hover{background:#fecaca}@media (max-width:768px){.guest-card{padding:16px}.guest-card-header{flex-direction:column;gap:10px}.guest-card-status{align-self:flex-start}.guest-card-meta{font-size:12px;gap:8px}.guest-card-actions{justify-content:stretch}.guest-card-actions button{flex:1 1;min-width:calc(50% - 4px)}}.guest-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px;padding:20px}.filter-group.search-group{flex:1 1;min-width:200px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{font-size:14px;left:12px;pointer-events:none;position:absolute}.search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 36px;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.clear-search{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:4px;position:absolute;right:10px}.clear-search:hover{color:#64748b}.filter-input,.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:150px;padding:10px 12px;transition:border-color .2s ease}.filter-input:focus,.filter-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26;outline:none}.btn-export{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-weight:500;padding:10px 16px;white-space:nowrap}.btn-export:hover{background:#dcfce7;border-color:#86efac}.filters-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.btn-toggle,.filter-results{font-size:13px}.btn-toggle{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;padding:8px 14px;transition:all .2s ease}.btn-toggle:hover{color:#334155}.btn-toggle.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}@media (max-width:768px){.guest-filters{padding:16px}.filters-row{gap:12px}.filter-group{flex:1 1;min-width:45%}.filter-group.search-group{min-width:100%}.filters-footer{align-items:stretch;flex-direction:column;gap:12px}.filter-results{text-align:center}.view-toggle{justify-content:center}}@media (max-width:480px){.filter-group{min-width:100%}.btn-export{justify-content:center;width:100%}}.guest-form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.guest-form-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.guest-form-modal .modal-header h3{font-size:18px;font-weight:600;margin:0}.guest-form-modal .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .2s;width:32px}.guest-form-modal .close-btn:hover{background:#ffffff4d}.modal-body-scroll{flex:1 1;overflow-y:auto;padding:24px}.guest-form{gap:16px}.guest-form .form-group{display:flex;flex-direction:column;gap:6px}.guest-form .form-group label{color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.guest-form .form-group input,.guest-form .form-group select,.guest-form .form-group textarea{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;padding:12px 14px;transition:all .2s}.guest-form .form-group input:focus,.guest-form .form-group select:focus,.guest-form .form-group textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.guest-form .form-group input::placeholder,.guest-form .form-group textarea::placeholder{color:#9ca3af}.guest-form .form-group textarea{min-height:60px;resize:vertical}.form-row-3col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.billing-section{background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;border-radius:12px;margin-top:8px;padding:20px}.billing-section h4{color:#854d0e;font-size:15px;font-weight:600;margin:0 0 16px}.checkbox-wrapper{background:#fff;border:1px solid #e5e7eb;gap:10px;padding:12px 16px}.checkbox-wrapper:hover{border-color:#f59e0b}.checkbox-wrapper input[type=checkbox]{accent-color:#f59e0b}.checkbox-wrapper label{color:#374151;font-size:14px;font-weight:500}.form-error{color:#dc2626;font-size:12px;margin-top:4px}input.error,select.error,textarea.error{background:#fef2f2!important;border-color:#dc2626!important}.form-actions{border-top:1px solid #e5e7eb;margin-top:24px}.form-actions .btn-secondary{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s}.form-actions .btn-secondary:hover{background:#f3f4f6;border-color:#9ca3af}.form-actions .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 20px;transition:all .2s}.form-actions .btn-primary:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.form-actions .btn-primary:disabled,.form-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-body-scroll::-webkit-scrollbar{width:6px}.modal-body-scroll::-webkit-scrollbar-track{background:#f1f5f9}.modal-body-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-body-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.duplicate-alert{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;margin:8px 0;padding:16px}.duplicate-alert-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.duplicate-alert-icon{font-size:20px}.duplicate-alert-title{color:#92400e;flex:1 1;font-weight:600}.duplicate-alert-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#92400e;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;transition:all .2s;width:24px}.duplicate-alert-close:hover{background:#0003}.duplicate-alert-message{color:#78350f;font-size:13px;margin:0 0 12px}.duplicate-matches-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.duplicate-match-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;gap:12px;justify-content:space-between;padding:12px}.duplicate-match-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.duplicate-match-info strong{color:#1f2937;font-size:14px}.duplicate-match-details{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.duplicate-match-details span{align-items:center;display:flex;gap:3px}.duplicate-match-visits{color:#059669;font-weight:500}.btn-use-guest{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.btn-use-guest:hover{box-shadow:0 2px 8px #10b98166;transform:translateY(-1px)}.duplicate-alert-hint{color:#92400e;font-size:11px;font-style:italic;margin:0}.checking-duplicate{align-items:center;background:#f3f4f6;border-radius:8px;color:#6b7280;display:flex;font-size:12px;gap:8px;padding:8px 12px}.spinner-small{animation:spin .8s linear infinite;border-top-color:#f59e0b;height:14px;width:14px}@media (max-width:640px){.guest-form-modal{max-height:95vh}.modal-body-scroll{padding:16px}.form-row,.form-row-3col{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.duplicate-match-item{align-items:stretch;flex-direction:column}.btn-use-guest{margin-top:8px;width:100%}}.details-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.details-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:100%}.details-modal-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.details-header-info{align-items:center;display:flex;gap:14px}.details-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:22px;font-weight:700;height:50px;justify-content:center;width:50px}.details-modal-header h3{font-size:18px;font-weight:600;margin:0 0 4px}.details-status{border-radius:12px;font-size:12px;font-weight:500;padding:3px 10px}.details-status.checked-in{background:#22c55e4d;color:#dcfce7}.details-status.not-checked{background:#fff3;color:#ffffffe6}.details-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .2s;width:32px}.details-close-btn:hover{background:#ffffff4d}.details-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.details-current-stay{background:#fff;border:1px solid #d1fae5;border-radius:12px;margin-bottom:20px;overflow:hidden}.stay-confirmation-bar{align-items:center;background:linear-gradient(135deg,#166534,#15803d);display:flex;justify-content:space-between;padding:12px 16px}.confirmation-info{align-items:center;display:flex;gap:10px}.confirmation-icon{font-size:18px}.confirmation-details{display:flex;flex-direction:column}.confirmation-label{color:#fffc;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.confirmation-code{color:#fff;font-family:SF Mono,Monaco,Menlo,monospace;font-size:16px;font-weight:700;letter-spacing:.5px}.stay-nights-badge{background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.stay-details-grid{grid-gap:1px;background:#e2e8f0;display:grid;gap:1px;grid-template-columns:repeat(3,1fr)}.stay-detail-item{align-items:center;background:#f0fdf4;display:flex;gap:8px;padding:12px}.stay-detail-icon{font-size:16px}.stay-detail-content{display:flex;flex-direction:column}.stay-detail-label{color:#64748b;font-size:10px;letter-spacing:.3px;text-transform:uppercase}.stay-detail-value{color:#166534;font-size:14px;font-weight:600}.details-section{margin-bottom:20px}.details-section h4{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.details-section.billing{background:#fffbeb;border-bottom:1px solid #fde68a;border-top:1px solid #fde68a;margin:0 -24px 20px;padding:16px 24px}.details-section.billing h4{border-bottom-color:#fde68a;color:#92400e}.details-section.billing .detail-item{background:#fef3c7!important;border-color:#fde68a}.details-section.billing .detail-label{color:#92400e!important}.details-section.billing .detail-value{color:#78350f!important}.details-section.notes{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin:0 -24px 20px;padding:16px 24px}.details-section.notes h4{border-bottom-color:#e2e8f0;color:#475569}.details-section.notes p{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:13px;line-height:1.6;margin:0;padding:10px 14px}.details-grid{grid-template-columns:repeat(2,1fr)}.detail-item{background:#f8fafc!important;border:1px solid #e2e8f0;gap:4px}.detail-label{background:#0000!important;color:#64748b!important;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{background:#0000!important;color:#1e293b!important;font-size:14px;word-break:break-word}.detail-value.rfc{background:#fef9c3!important;border-radius:6px;color:#854d0e!important;display:inline-block;font-family:SF Mono,Monaco,monospace;font-size:13px;padding:6px 10px}.details-stats{grid-gap:10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:16px}.stat-item{border-radius:8px;padding:8px}.stat-value{color:#0369a1!important;font-size:22px}.stat-label{color:#64748b!important;font-size:10px}.details-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 24px}.details-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s;width:100%}.details-btn:hover{background:#f3f4f6;border-color:#9ca3af}.details-modal-content::-webkit-scrollbar{width:6px}.details-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.details-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.details-location-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:12px;margin:16px 0;padding:14px}.location-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.location-icon{font-size:16px}.location-title{color:#065f46;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.location-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.location-item{background:#fff;border:1px solid #d1fae5;border-radius:8px;padding:10px 12px;text-align:center}.loc-label{color:#059669;display:block;font-size:10px;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.loc-value{color:#064e3b;display:block;font-size:13px;font-weight:600}@media (max-width:480px){.details-modal{max-height:90vh}.details-grid{grid-template-columns:1fr}.details-stats{grid-template-columns:repeat(3,1fr)}.stay-details-grid{grid-template-columns:1fr}.stay-confirmation-bar{align-items:flex-start;flex-direction:column;gap:10px}.stay-nights-badge{align-self:flex-end}.confirmation-code{font-size:14px}.location-grid{grid-template-columns:1fr}}.history-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.history-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:100%}.history-modal-header{align-items:center;background:linear-gradient(135deg,#166534,#15803d);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.history-modal-header h3{font-size:18px;font-weight:600;margin:0}.history-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s;width:32px}.history-close-btn:hover{background:#ffffff4d}.history-stats{grid-gap:12px;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px 24px}.history-stat{text-align:center}.history-stat-value{color:#1e293b;font-size:20px;font-weight:700}.history-stat-label{color:#64748b;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.history-stat-value.green{color:#16a34a}.history-stat-value.blue{color:#0369a1}.history-stat-value.purple{color:#166534}.history-filters{border-bottom:1px solid #e5e7eb;gap:8px;overflow-x:auto;padding:12px 24px}.history-filter-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s;white-space:nowrap}.history-filter-btn:hover{background:#f0fdf4;border-color:#22c55e}.history-filter-btn.active{background:linear-gradient(135deg,#166534,#22c55e);border-color:#0000;color:#fff}.history-filter-btn .filter-icon{font-size:14px}.history-filter-btn .filter-label{font-weight:500}.history-filter-btn .filter-count{background:#0000001a;border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.history-filter-btn.active .filter-count{background:#ffffff40}.history-content{flex:1 1;overflow-y:auto;padding:16px 24px}.history-section-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.history-list{gap:10px}.history-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px;transition:all .2s}.history-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.history-item.checked-in{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.history-item.confirmed{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.history-item.cancelled{background:#fef2f2;border-color:#fecaca}.history-item-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.history-item-code{align-items:center;display:flex;gap:8px}.history-item-code .code-icon{font-size:16px}.history-item-code .code-text{color:#166534;font-family:SF Mono,Monaco,Menlo,monospace;font-size:15px;font-weight:700;letter-spacing:.3px}.history-item.checked-in .history-item-code .code-text{color:#166534}.history-item.completed .history-item-code .code-text{color:#4b5563}.history-item.cancelled .history-item-code .code-text{color:#991b1b}.history-item-id{color:#1f2937;font-size:15px;font-weight:600}.history-status-badge{border-radius:12px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.history-status-badge.completed{background:#e5e7eb;color:#4b5563}.history-status-badge.checked-in{background:#dcfce7;color:#166534}.history-status-badge.confirmed{background:#dbeafe;color:#1e40af}.history-status-badge.cancelled{background:#fee2e2;color:#991b1b}.history-item-details{grid-gap:6px 16px;display:grid;font-size:13px;gap:6px 16px;grid-template-columns:repeat(2,1fr)}.history-detail{align-items:center;color:#4b5563;display:flex;gap:6px}.history-detail-icon{font-size:14px;width:18px}.history-detail-value{color:#1f2937;font-weight:500}.history-wristbands{background:#fff;border:1px solid #d1fae5;border-radius:8px;margin-top:10px;padding:10px}.history-wristbands-title{color:#166534;font-size:12px;font-weight:600;margin-bottom:6px}.history-wristbands-list{display:flex;flex-wrap:wrap;gap:6px}.history-wristband-tag{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;color:#166534;font-size:11px;font-weight:500;padding:4px 10px}.history-empty{color:#6b7280;padding:40px 20px;text-align:center}.history-empty-icon{font-size:48px;margin-bottom:12px}.history-empty-text{font-size:14px}.history-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.history-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s}.history-btn-primary{background:linear-gradient(135deg,#166534,#22c55e);border:none;color:#fff}.history-btn-primary:hover{box-shadow:0 4px 12px #16653466;transform:translateY(-1px)}.history-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#4b5563}.history-btn-secondary:hover{background:#f3f4f6}.history-content::-webkit-scrollbar{width:6px}.history-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.history-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.history-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:480px){.history-modal{max-height:90vh}.history-stats{grid-template-columns:repeat(2,1fr)}.history-item-details{grid-template-columns:1fr}}.guests>.guests-header{align-items:center;background:linear-gradient(135deg,#166534,#15803d);border-radius:16px;box-shadow:0 4px 15px #16653440;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.guests>.guests-header h2{align-items:center;color:#fff!important;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0}.guests>.guests-header h2 .loading-indicator{font-size:18px}.guests .guests-actions{align-items:center;display:flex;gap:12px}.guests .view-toggle{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:10px;display:flex;gap:4px;padding:4px}.guests .btn-toggle{background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.guests .btn-toggle:hover{background:#ffffff26;color:#fff}.guests .btn-toggle.active{background:#fff;box-shadow:0 2px 8px #00000026;color:#166534}.guests .btn-primary{background:#fff!important;border:2px solid #ffffff4d!important;border-radius:10px;box-shadow:0 2px 8px #0000001a;color:#166534!important;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.guests .btn-primary:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.guests .guests-stats .stat-item{border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.guests .guests-stats .stat-item:hover{border-color:#86efac;box-shadow:0 4px 12px #1665341a}.guests .guests-stats .stat-number{color:#166534!important}.guests .hint{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:10px;margin-bottom:16px;padding:10px 16px}.guests .hint small{color:#166534;font-size:13px}.guests .no-guests{background:#fff;border:2px dashed #86efac;border-radius:16px;padding:48px;text-align:center}.guests .no-guests h3{color:#166534;font-size:20px;margin-bottom:8px}.guests .no-guests p{color:#64748b;margin-bottom:20px}.guests .no-guests .btn-primary{background:linear-gradient(135deg,#166534,#22c55e)!important;border:none!important;box-shadow:0 4px 12px #1665344d;color:#fff!important;padding:12px 24px}.new-guest-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.new-guest-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.new-guest-modal-header{background:linear-gradient(135deg,#166534,#15803d);color:#fff;padding:2rem;position:relative}.new-guest-modal-header h3{font-size:1.75rem;font-weight:700;margin:0}.new-guest-modal-header p{font-size:.95rem;margin:.5rem 0 0;opacity:.9}.new-guest-modal .close-btn{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;font-weight:300;height:44px;justify-content:center;line-height:1;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:44px}.new-guest-modal .close-btn:hover{background:#fff6;transform:rotate(90deg) scale(1.1)}.new-guest-form{flex:1 1;overflow-y:auto;padding:2rem}.new-guest-form .form-group{margin-bottom:1.5rem}.new-guest-form label{color:#374151;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.new-guest-form input[type=date],.new-guest-form input[type=email],.new-guest-form input[type=tel],.new-guest-form input[type=text],.new-guest-form select,.new-guest-form textarea{background-color:#fff;border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;outline:none;padding:.85rem 1rem;transition:all .2s;width:100%}.new-guest-form input:focus,.new-guest-form select:focus,.new-guest-form textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.new-guest-form input.error,.new-guest-form textarea.error{border-color:#f44336}.new-guest-form textarea{min-height:80px;resize:vertical}.new-guest-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.new-guest-form .form-row-2col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-bottom:1.5rem}.new-guest-form .form-row-3col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}@media (max-width:768px){.new-guest-form .form-row-2col,.new-guest-form .form-row-3col{grid-template-columns:1fr}}.billing-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:1.5rem}.billing-section h4{color:#374151;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.checkbox-wrapper{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;transition:all .2s}.checkbox-wrapper:hover{border-color:#22c55e}.checkbox-wrapper input[type=checkbox]{cursor:pointer;height:20px;margin:0;width:20px}.checkbox-wrapper label{cursor:pointer;font-weight:600;margin:0}.form-error{color:#f44336;display:block;font-size:.85rem;margin-top:.25rem}.new-guest-form .form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.new-guest-form .btn-primary,.new-guest-form .btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.new-guest-form .btn-primary{background:linear-gradient(135deg,#166534,#22c55e);box-shadow:0 4px 12px #1665344d;color:#fff}.new-guest-form .btn-primary:hover{box-shadow:0 6px 16px #16653466;transform:translateY(-2px)}.new-guest-form .btn-secondary{background:#6c757d;color:#fff}.new-guest-form .btn-secondary:hover{background:#5a6268}@media (max-width:640px){.new-guest-modal{border-radius:20px 20px 0 0;max-height:95vh}.new-guest-modal-header{padding:1.5rem}.new-guest-modal-header h3{font-size:1.5rem}.new-guest-form{padding:1.5rem}.new-guest-form .form-actions{flex-direction:column-reverse}.new-guest-form .form-actions button{width:100%}.new-guest-modal .close-btn{font-size:1.5rem;height:40px;width:40px}}.guests-table{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.guests-table table{border-collapse:collapse;width:100%}.guests-table thead{background:linear-gradient(135deg,#166534,#15803d)}.guests-table thead th{border:none;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.guests-table thead th:first-child{border-radius:0}.guests-table thead th:last-child{border-radius:0;text-align:center}.guests-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.guests-table tbody tr:last-child{border-bottom:none}.guests-table tbody tr:hover{background:#f8fafc}.guests-table tbody tr.checked-in{background:linear-gradient(90deg,#f0fdf4,#fff)}.guests-table tbody tr.checked-in:hover{background:linear-gradient(90deg,#dcfce7,#f8fafc)}.guests-table tbody td{color:#334155;font-size:14px;padding:16px 20px;vertical-align:middle}.guests-table tbody td:first-child{color:#166534;font-family:SF Mono,Monaco,Menlo,monospace;font-weight:700}.guests-table tbody td:last-child{text-align:center}.guests-table .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.guests-table .status-badge.green{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #86efac;color:#166534}.guests-table .status-badge.gray{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.guest-actions-list{display:flex;gap:8px;justify-content:center}.guest-actions-list .btn-sm{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.guest-actions-list .btn-sm:hover{background:#f0fdf4;border-color:#86efac;box-shadow:0 4px 12px #16653426;transform:translateY(-2px)}.guests-table tbody td:nth-child(6){color:#166534;font-weight:700}.guests-table tbody td:nth-child(7){color:#0369a1;font-weight:600;text-align:center}.guests-table tbody td:nth-child(4){max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.guests-table{overflow-x:auto}.guests-table table{min-width:800px}.guests-table tbody td,.guests-table thead th{font-size:13px;padding:12px 14px}}@media (max-width:768px){.guests-table tbody td,.guests-table thead th{font-size:12px;padding:10px 12px}.guest-actions-list .btn-sm{font-size:14px;height:32px;width:32px}}.agencies-page,.companies-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 60px);padding:0}.agencies-page .page-header,.companies-page .page-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87 50%,#3d7ab5);border-radius:0 0 24px 24px;box-shadow:0 8px 32px #1e3a5f40;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}.agencies-page .page-header:before,.companies-page .page-header:before{background:linear-gradient(135deg,#ffffff1a,#0000 60%);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:300px}.agencies-page .page-header h2,.companies-page .page-header h2{align-items:center;color:#fff;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0;text-shadow:0 2px 4px #0003}.agencies-page .page-header .subtitle,.companies-page .page-header .subtitle{color:#ffffffd9;font-size:15px;margin-top:8px}.stats-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:0 24px}.stat-card-premium{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-premium:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.stat-card-premium:before{background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:4px 0 0 4px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.agencies-page .stat-card-premium:before{background:linear-gradient(180deg,#7c3aed,#a855f7)}.stat-card-premium.success:before{background:linear-gradient(180deg,#22c55e,#16a34a)}.stat-card-premium.warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.stat-card-premium.danger:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.stat-card-premium .stat-value{color:#1e293b;font-size:32px;font-weight:800;line-height:1;margin-bottom:8px}.stat-card-premium .stat-label{color:#64748b;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.filters-section{align-items:center;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;flex-wrap:wrap;gap:20px;margin:0 24px 24px}.search-box{min-width:250px;position:relative}.search-box input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:14px 20px 14px 48px;transition:all .3s ease;width:100%}.search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-box:before{content:"🔍";font-size:18px;left:16px;opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.filter-results{color:#64748b}.btn-add{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 4px 12px #22c55e4d;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.btn-add:hover{box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.table-container{border:1px solid #0000000a;border-radius:20px;box-shadow:0 4px 24px #0000000f;margin:0 24px 24px}.premium-table{border-collapse:initial;border-spacing:0;width:100%}.premium-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:-webkit-sticky;position:sticky;top:0;z-index:10}.premium-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:700;letter-spacing:.8px;padding:18px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.premium-table th:first-child{padding-left:28px}.premium-table th:last-child{padding-right:28px;text-align:center}.premium-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.premium-table tbody tr:hover{background:linear-gradient(90deg,#3b82f60a,#3b82f605)}.premium-table tbody tr:last-child{border-bottom:none}.premium-table td{color:#334155;font-size:14px;line-height:1.5;padding:20px;vertical-align:middle}.premium-table td:first-child{padding-left:28px}.premium-table td:last-child{padding-right:28px;text-align:center}.premium-table .agency-name,.premium-table .company-name{color:#1e293b;font-size:15px;font-weight:700;margin-bottom:4px}.premium-table .company-source{align-items:center;color:#94a3b8;display:flex;font-size:12px;gap:4px}.premium-table .tax-id{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.premium-table .agency-code,.premium-table .tax-id{border-radius:8px;display:inline-block;font-family:SF Mono,Monaco,monospace;font-size:13px;font-weight:600;padding:6px 12px}.premium-table .agency-code{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;color:#7c3aed}.premium-table .contact-info{color:#475569;font-size:13px;line-height:1.6}.premium-table .contact-info .email{color:#3b82f6;font-weight:500}.premium-table .contact-info .phone{color:#64748b}.premium-table .discount-value{color:#059669;font-size:16px;font-weight:700}.premium-table .location-info{color:#475569;font-size:13px}.premium-table .location-info .city{color:#334155;font-weight:600}.premium-table .location-info .country{color:#94a3b8;font-size:12px}.premium-table .commission-value{background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d);border-radius:8px;color:#7c3aed;display:inline-block;font-size:16px;font-weight:700;padding:6px 12px}.premium-table .agency-name{color:#1e293b;font-size:15px;font-weight:700}.premium-table .created-by{align-items:center;color:#3b82f6;display:flex;font-size:13px;font-weight:500;gap:8px}.premium-table .created-by.manual{color:#94a3b8}.credit-info{display:flex;flex-direction:column;gap:8px}.credit-badge{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.credit-badge.enabled{background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid #22c55e33;color:#15803d}.credit-badge.disabled{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444426;color:#b91c1c}.credit-used{color:#64748b;font-size:12px;padding-left:4px}.btn-credit-details{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:8px;color:#0369a1;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s ease}.btn-credit-details:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc);box-shadow:0 4px 12px #0369a133;transform:translateY(-1px)}.status-badge-premium{align-items:center;border-radius:50px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.status-badge-premium.active,.status-badge-premium.approved{background:linear-gradient(135deg,#22c55e26,#22c55e14);border:1px solid #22c55e40;color:#15803d}.status-badge-premium.pending{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border:1px solid #f59e0b40;color:#b45309}.status-badge-premium.cancelled,.status-badge-premium.inactive{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444426;color:#b91c1c}.actions-cell{align-items:center;display:flex;gap:8px;justify-content:center}.btn-action{align-items:center;border-radius:10px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s ease}.btn-action.edit{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;color:#475569}.btn-action.edit:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 12px #0000001a;color:#1e293b;transform:translateY(-2px)}.btn-action.approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-action.approve:hover{box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-action.deactivate,.btn-action.delete{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef444433;color:#dc2626}.btn-action.deactivate:hover,.btn-action.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 6px 20px #ef444466;color:#fff;transform:translateY(-2px)}.credit-modal{max-width:650px}.credit-modal .modal-header{background:linear-gradient(135deg,#1e40af,#3b82f6)}.credit-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.credit-stat{border-radius:16px;padding:20px;text-align:center;transition:transform .2s ease}.credit-stat:hover{transform:translateY(-2px)}.credit-stat.limit{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.credit-stat.used{background:linear-gradient(135deg,#fef3c7,#fde68a)}.credit-stat.available{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.credit-stat .value{font-size:28px;font-weight:800;margin-bottom:6px}.credit-stat.limit .value{color:#0369a1}.credit-stat.used .value{color:#d97706}.credit-stat.available .value{color:#059669}.credit-stat .label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.utilization-section{margin-bottom:24px}.utilization-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.utilization-header span{color:#64748b;font-size:14px;font-weight:500}.utilization-header strong{color:#1e293b;font-size:16px}.utilization-bar{background:#e2e8f0;border-radius:10px;box-shadow:inset 0 2px 4px #0000000d;height:14px;overflow:hidden;width:100%}.utilization-fill{border-radius:10px;height:100%;transition:width .5s ease,background .3s ease}.utilization-fill.low{background:linear-gradient(90deg,#22c55e,#16a34a)}.utilization-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.utilization-fill.high{background:linear-gradient(90deg,#ef4444,#dc2626)}.credit-stats-grid{grid-gap:16px;background:#f8fafc;border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:20px}.credit-stats-grid .stat-item{align-items:center;display:flex;gap:8px}.credit-stats-grid .stat-item .label{color:#64748b;font-size:14px}.credit-stats-grid .stat-item .value{color:#1e293b;font-weight:700}.credit-stats-grid .stat-item .value.danger{color:#dc2626}.credit-stats-grid .stat-item .value.success{color:#16a34a}.premium-table tbody tr.pending-approval{background:linear-gradient(90deg,#f59e0b14,#f59e0b08);border-left:4px solid #f59e0b}.premium-table tbody tr.pending-approval:hover{background:linear-gradient(90deg,#f59e0b1f,#f59e0b0f)}.empty-state-premium{background:#fff;border-radius:20px;margin:24px;padding:80px 40px;text-align:center}.empty-state-premium .icon{font-size:72px;margin-bottom:24px;opacity:.6}.empty-state-premium h3{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:12px}.empty-state-premium p{color:#64748b;font-size:16px;margin-bottom:28px}@media (max-width:1200px){.table-container{overflow-x:auto}.premium-table{min-width:1100px}}@media (max-width:768px){.agencies-page .page-header,.companies-page .page-header{border-radius:0 0 16px 16px;padding:24px 20px}.agencies-page .page-header h2,.companies-page .page-header h2{font-size:22px}.filters-section{align-items:stretch;flex-direction:column;margin:0 16px 16px;padding:16px}.search-box{min-width:0;min-width:auto;width:100%}.btn-add{justify-content:center;width:100%}.table-container{border-radius:16px;margin:0 16px 16px}.stats-row{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 16px}.stat-card-premium{padding:16px}.stat-card-premium .stat-value{font-size:24px}.credit-stats-grid,.credit-summary-grid{gap:12px;grid-template-columns:1fr}.actions-cell{flex-direction:column;gap:6px}.btn-action{justify-content:center;width:100%}}@media (max-width:480px){.stats-row{grid-template-columns:1fr}}.hk-progress-section{padding:20px}.hk-progress-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:8px}.hk-progress-card{background:linear-gradient(145deg,#fff,#f0fdfa);border:1px solid #0d948826;border-radius:16px;border-top:4px solid #0d9488;box-shadow:0 4px 16px #0d94881a;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.hk-progress-card:hover{border-top-color:#06b6d4;box-shadow:0 8px 28px #0d94882e;transform:translateY(-4px)}.hk-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hk-card-name{color:#0f766e;font-size:20px;font-weight:700}.hk-card-progress-label{background:#0d94881a;border-radius:20px;color:#0d9488;font-size:15px;font-weight:700;padding:6px 14px}.hk-card-progress{background:#0d94881a;border-radius:999px;height:12px;overflow:hidden;position:relative}.hk-card-progress-bar{background:linear-gradient(90deg,#0d9488,#06b6d4);border-radius:999px;bottom:0;box-shadow:0 0 12px #0d948866;left:0;position:absolute;top:0;transition:width .5s ease}.hk-card-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.hk-stat-chip{align-items:center;border-radius:12px;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;justify-content:center;padding:12px 8px;text-align:center}.hk-stat-chip .stat-icon{font-size:18px}.hk-stat-chip .stat-value{font-size:18px;font-weight:700}.hk-stat-chip .stat-label{font-size:11px;opacity:.8}.hk-stat-chip.pending{background:#06b6d41f;color:#0891b2}.hk-stat-chip.in-progress{background:#f59e0b26;color:#d97706}.hk-stat-chip.completed{background:#0d948826;color:#0d9488}.hk-stat-chip.time{background:#6b72801f;color:#6b7280}.hk-card-note{align-items:flex-start;background:#0d948814;border-radius:12px;display:flex;gap:10px;padding:14px 16px}.hk-card-note .note-icon{flex-shrink:0;font-size:18px}.hk-card-note .note-text{color:#374151;font-size:13px;font-style:italic;line-height:1.5}.hk-card-actions{border-top:1px solid #0d94881a;margin-top:auto;padding-top:16px}.hk-card-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:10px;box-shadow:0 4px 12px #0d948840;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.hk-card-btn:hover{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 6px 18px #0d948859;transform:translateY(-2px)}.hk-loading{align-items:center;color:#0d9488;display:flex;font-size:16px;justify-content:center;padding:40px}.hk-empty{color:#64748b;font-size:15px;padding:40px;text-align:center}@media (max-width:768px){.hk-progress-grid{gap:16px;grid-template-columns:1fr}.hk-progress-card{padding:20px}.hk-card-stats{grid-template-columns:repeat(2,1fr)}.hk-card-name{font-size:18px}}.minibar-section{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.minibar-empty,.minibar-error,.minibar-loading{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px 24px;text-align:center}.minibar-loading{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1}.minibar-loading .loading-icon{animation:spin 1s linear infinite;font-size:40px}.minibar-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#b91c1c}.minibar-error span,.retry-btn{font-weight:600}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:10px 20px;transition:all .2s ease}.retry-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.minibar-empty{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;color:#64748b}.minibar-empty .empty-icon{font-size:48px;margin-bottom:4px}.minibar-products-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.minibar-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.minibar-product-card:before{background:linear-gradient(90deg,#e5e7eb,#d1d5db);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.minibar-product-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.minibar-product-card.has-consumption{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b33}.minibar-product-card.has-consumption:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.product-name{color:#1f2937;font-size:14px;font-weight:700;gap:6px;margin-bottom:8px}.product-info,.product-name{align-items:center;display:flex}.product-info{justify-content:space-between;margin-bottom:12px}.product-info .available{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:11px;padding:3px 8px}.product-info .price{color:#059669;font-size:24px;font-weight:800;letter-spacing:-.5px}.minibar-product-card.has-consumption .product-info .price{color:#d97706}.consumption-input{align-items:center;display:flex;gap:0;justify-content:center}.consumption-input label{display:none}.consumption-input input{-moz-appearance:textfield;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:18px;font-weight:800;height:44px;padding:8px 12px;text-align:center;transition:all .25s ease;width:100%}.consumption-input input::-webkit-inner-spin-button,.consumption-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.consumption-input input::placeholder{color:#cbd5e1;font-weight:600}.consumption-input input:focus{background:#fff;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626;color:#1e293b;outline:none}.minibar-product-card.has-consumption .consumption-input input{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33;color:#92400e;font-size:20px}.consumption-input input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.minibar-summary{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;box-shadow:0 10px 40px #0f172a4d;margin-top:20px;overflow:hidden}.summary-title{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.3px;padding:14px 20px}.summary-items{display:flex;flex-direction:column;gap:10px;padding:16px 20px}.summary-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.summary-item:hover{background:#ffffff1f}.summary-item-left{align-items:center;display:flex;gap:10px}.summary-item-icon{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.summary-item-name{color:#f1f5f9;font-size:14px;font-weight:600}.summary-item-qty{color:#94a3b8;font-size:12px;margin-top:2px}.summary-item-price{color:#4ade80;font-size:16px;font-weight:700;text-shadow:0 0 20px #4ade804d}.summary-total{align-items:center;background:linear-gradient(135deg,#059669,#047857);display:flex;justify-content:space-between;padding:16px 20px}.summary-total-label{color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.summary-total-value{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 10px #0003}.minibar-section.compact .minibar-products-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.minibar-section.compact .minibar-product-card{border-radius:14px;padding:14px}.minibar-section.compact .product-name{font-size:13px;margin-bottom:6px}.minibar-section.compact .product-info{margin-bottom:10px}.minibar-section.compact .product-info .available{font-size:10px;padding:2px 6px}.minibar-section.compact .product-info .price{font-size:22px}.minibar-section.compact .consumption-input input{border-radius:10px;font-size:16px;height:42px}.minibar-section.compact .minibar-product-card.has-consumption .consumption-input input{font-size:18px}.minibar-section.compact .summary-item{padding:10px 14px}.minibar-section.compact .summary-item-icon{font-size:16px;height:32px;width:32px}.minibar-section.compact .summary-item-name{font-size:13px}.minibar-section.compact .summary-item-qty{font-size:11px}.minibar-section.compact .summary-item-price{font-size:15px}@media (max-width:768px){.minibar-products-grid,.minibar-section.compact .minibar-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.minibar-products-grid{gap:8px;grid-template-columns:1fr 1fr}.minibar-product-card{padding:12px}.product-info .price{font-size:20px}.summary-item{align-items:flex-start;flex-direction:column;gap:8px}.summary-item-price{align-self:flex-end}}.summary-item{animation:slideIn .3s ease forwards}.summary-item:first-child{animation-delay:.05s}.summary-item:nth-child(2){animation-delay:.1s}.summary-item:nth-child(3){animation-delay:.15s}.summary-item:nth-child(4){animation-delay:.2s}.summary-item:nth-child(5){animation-delay:.25s}.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{background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s ease;width:100%}input::placeholder,textarea::placeholder{color:#94a3b8;font-weight:400}input:focus,select:focus,textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.room-check-modal select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;color:#1e293b;color-scheme:light;cursor:pointer;padding-right:40px}.room-check-modal select option{background-color:#fff;color:#1e293b;padding:12px}textarea{min-height:100px;resize:vertical}@media (max-width:767px){input[type=number],input[type=text],select,textarea{border-radius:12px!important;font-size:16px!important;min-height:52px!important;padding:14px 16px!important}.room-check-modal select{background-position:right 14px center!important;padding-right:44px!important}textarea{min-height:120px!important}}.btn-primary{background:linear-gradient(135deg,#bd2a2e,#3b3936);transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #bd2a2e4d}.btn-secondary{border:none;font-size:16px;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}}.supplies-input{align-items:stretch;display:flex;gap:10px}.supplies-input select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;min-width:0;padding:14px 44px 14px 16px;transition:all .2s ease}.supplies-input select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.supplies-input select option{background:#fff;color:#1e293b;font-size:15px;padding:12px 16px}.supplies-input select option:checked{background:#eff6ff;color:#1e40af}.supplies-input button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:700;height:52px;min-width:52px;padding:0 18px;transition:all .2s}.supplies-input button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.supplies-input button:active{transform:scale(.95)}@media (max-width:767px){.supplies-input{flex-direction:column!important;gap:12px!important}.supplies-input select{background-position:right 16px center!important;border-radius:14px!important;font-size:18px!important;min-height:56px!important;padding:16px 48px 16px 18px!important;width:100%!important}.supplies-input select option{font-size:18px!important;min-height:48px;padding:16px!important}.supplies-input button{align-items:center!important;border-radius:14px!important;display:flex!important;font-size:16px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;letter-spacing:.3px!important;min-height:56px!important;width:100%!important}.supplies-input select:focus{font-size:18px!important}}.issue-input{align-items:stretch;display:flex;gap:10px}.issue-input input{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;flex:1 1;font-size:15px;font-weight:500;min-width:0;padding:14px 16px;transition:all .2s ease}.issue-input input::placeholder{color:#94a3b8}.issue-input input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;outline:none}.issue-input button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:700;height:52px;min-width:52px;padding:0 18px;transition:all .2s}.issue-input button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.issue-input button:active{transform:scale(.95)}@media (max-width:767px){.issue-input{flex-direction:column!important;gap:12px!important}.issue-input input{padding:16px 18px!important}.issue-input button,.issue-input input{border-radius:14px!important;font-size:16px!important;min-height:56px!important;width:100%!important}.issue-input button{align-items:center!important;display:flex!important;font-weight:600!important;gap:8px!important;justify-content:center!important;letter-spacing:.3px!important}}.issues-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.issue-item{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;gap:12px;padding:12px 16px}.issue-item span{color:#92400e;flex:1 1;font-size:14px}.issue-item button{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}@media (max-width:767px){.issues-list{gap:10px!important}.issue-item{border-radius:12px!important;padding:14px 16px!important}.issue-item span{font-size:15px!important}.issue-item button{min-height:40px!important;min-width:40px!important}}.lost-item-form{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}.lost-item-input{display:flex;flex-direction:column;gap:12px}.lost-item-input input{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;font-weight:500;padding:14px 16px;transition:all .2s ease;width:100%}.lost-item-input input::placeholder{color:#94a3b8}.lost-item-input input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;outline:none}.lost-item-input>div{display:flex;gap:10px}.lost-item-input>div input{flex:1 1;min-width:0}.lost-item-input>div button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;min-width:auto;padding:14px 20px;transition:all .2s;white-space:nowrap}.lost-item-input>div button:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}@media (max-width:767px){.lost-item-form{gap:10px!important}.lost-item-input{gap:12px!important}.lost-item-input input{border-radius:14px!important;font-size:16px!important;min-height:56px!important;padding:16px 18px!important}.lost-item-input>div{flex-direction:column!important;gap:12px!important}.lost-item-input>div button,.lost-item-input>div input{min-height:56px!important;width:100%!important}.lost-item-input>div button{border-radius:14px!important;font-size:16px!important}}.form-section{margin-bottom:20px}.form-section h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}@media (max-width:767px){.form-section{margin-bottom:16px!important}.form-section h4{font-size:15px!important;margin-bottom:10px!important}}.supplies-list{margin-top:12px}@media (max-width:767px){.supplies-list{gap:10px!important}.supplies-list .supply-tag{border-radius:12px!important;flex-direction:row!important;padding:12px 14px!important}.supplies-list .supply-tag span{font-size:15px!important}.supplies-list .supply-tag button{min-height:36px!important;min-width:36px!important}}.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.task-checkbox{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;gap:10px;padding:12px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.task-checkbox:hover{background:#f1f5f9;border-color:#cbd5e1}.task-checkbox:has(input:checked){background:#dcfce7;border-color:#22c55e}.task-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;width:20px}.task-checkbox span{color:#374151;font-size:14px;line-height:1.4}@media (max-width:767px){.tasks-grid{gap:10px!important;grid-template-columns:1fr!important}.task-checkbox{border-radius:12px!important;min-height:52px!important;padding:14px 16px!important}.task-checkbox input[type=checkbox]{height:24px!important;width:24px!important}.task-checkbox span{font-size:15px!important}}.radio-group label{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;gap:12px;padding:14px 18px;transition:all .2s}.radio-group label:hover{background:#f1f5f9;border-color:#cbd5e1}.radio-group label:has(input:checked){background:#dbeafe;border-color:#3b82f6}.radio-group input[type=radio]{cursor:pointer;flex-shrink:0;height:20px;width:20px}@media (max-width:767px){.radio-group label{border-radius:12px!important;font-size:15px!important;min-height:56px!important;padding:14px 16px!important}.radio-group input[type=radio]{height:24px!important;width:24px!important}.room-check-modal [style*="grid-template-columns: 1fr 1fr"],.room-check-modal [style*="repeat(auto-fill"],.room-check-modal [style*=gridTemplateColumns]{grid-template-columns:1fr!important}.room-check-modal .form-section{border-radius:12px!important;padding:14px!important}.room-check-modal .info-grid{grid-template-columns:1fr!important}.room-check-modal .assignment-info{padding:16px!important}.room-check-modal .assignment-info .info-grid{gap:10px!important}.room-check-modal input[type=checkbox]{min-height:24px!important;min-width:24px!important}.room-check-modal select{font-size:16px!important;min-height:48px!important}.room-check-modal .room-bed-info{flex-direction:column!important;gap:12px!important;padding:16px!important;text-align:center!important}.room-check-modal .room-bed-info>div:first-child{margin:0 auto!important}.room-check-modal .room-bed-info>div:last-child{text-align:center!important}.room-check-modal .room-bed-info>div:last-child>div:last-child{flex-direction:column!important;gap:4px!important}.room-check-modal .modal-body{padding:16px!important}.room-check-modal textarea{font-size:16px!important;min-height:100px!important}.room-check-modal .modal-actions{margin-left:-16px!important;margin-right:-16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;padding-left:16px!important;padding-right:16px!important}.room-check-modal .modal-actions button[type=submit]{border-radius:14px!important;font-size:16px!important;min-height:56px!important;width:100%!important}.room-check-modal button,.room-check-modal input,.room-check-modal label,.room-check-modal select{-webkit-tap-highlight-color:transparent}.room-check-modal button:active:not(:disabled){opacity:.9;transform:scale(.97)!important}.room-check-modal input[type=number],.room-check-modal input[type=text],.room-check-modal select,.room-check-modal textarea{font-size:16px!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-gap:24px!important;align-content:start!important;align-items:start!important;display:grid!important;gap:24px!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;margin-top:20px;padding:0 8px}.room-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014,0 1px 3px #0000000f;display:flex;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.room-card:hover{border-color:#cbd5e1;box-shadow:0 12px 28px #0000001f,0 4px 8px #00000014;transform:translateY(-6px)}.room-card .room-header{align-items:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;flex:0 0 auto;gap:12px;justify-content:space-between;padding:16px 20px}.room-card.housekeeping.cleaning .room-header{background:linear-gradient(135deg,#c2410c,#ea580c)}.room-card.housekeeping.maintenance .room-header{background:linear-gradient(135deg,#7c2d12,#9a3412)}.room-card.housekeeping.available .room-header{background:linear-gradient(135deg,#0d9488,#14b8a6)}.room-card .room-header h3{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 1px 2px #0000001a}.room-card .status-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;white-space:nowrap}.room-card .status-badge.available,.room-card .status-badge.cleaning,.room-card .status-badge.maintenance{background:#ffffff4d;color:#fff}.room-card .room-info{grid-gap:10px;background:linear-gradient(145deg,#fefce8,#fef9c3);border-bottom:1px solid #fde047;display:grid;flex:0 0 auto;gap:10px;grid-template-columns:repeat(2,1fr);padding:16px 20px}.room-card .room-info>div{align-items:center;color:#475569;display:flex;font-size:14px;gap:6px}.room-card .room-info>div strong{color:#1e293b;font-weight:600}.room-card .room-requests-section{background:#fef3c7;border-bottom:1px solid #fcd34d;flex:0 0 auto;padding:14px 20px}.room-card .room-requests-section h5{color:#92400e;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.room-card .embedded-request{background:#fff;border-left:4px solid #f59e0b;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:8px;padding:12px}.room-card .embedded-request:last-child{margin-bottom:0}.room-card .embedded-request p{color:#44403c;font-size:13px;line-height:1.4;margin:0 0 10px}.room-card .embedded-request .request-actions{display:flex;gap:8px}.room-card .room-actions.main-actions{background:#fff;padding:16px 20px}.room-card .room-actions.main-actions .btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.housekeeping-rooms-page .room-card .btn-primary,.room-card .room-actions.main-actions .btn-primary,.rooms-grid.housekeeping-view .room-card .btn-primary{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;box-shadow:0 4px 12px #06b6d459!important;color:#fff!important}.housekeeping-rooms-page .room-card .btn-primary:hover:not(:disabled),.room-card .room-actions.main-actions .btn-primary:hover:not(:disabled),.rooms-grid.housekeeping-view .room-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#0891b2)!important;box-shadow:0 6px 16px #06b6d473!important;transform:translateY(-2px)}.room-card .room-actions.main-actions .btn-primary:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}.room-card .room-actions.main-actions .btn-success{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 12px #f59e0b59;color:#fff}.room-card .room-actions.main-actions .btn-success:hover{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 6px 16px #f59e0b73;transform:translateY(-2px)}.room-card .room-actions.main-actions .btn-secondary{background:#64748b;color:#fff}.room-card.has-request{animation:pulse-border 2s ease-in-out infinite;border:2px solid #f59e0b}@keyframes pulse-border{0%,to{border-color:#f59e0b}50%{border-color:#fbbf24}}.room-card .btn-sm{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 14px;transition:all .2s ease}.housekeeping-rooms-page .btn-sm.btn-primary,.room-card .btn-sm.btn-primary{background:#0891b2!important;color:#fff!important}.housekeeping-rooms-page .btn-sm.btn-primary:hover,.room-card .btn-sm.btn-primary:hover{background:#0e7490!important}.housekeeping-rooms-page .btn-sm.btn-success,.room-card .btn-sm.btn-success{background:#d97706!important;color:#fff!important}.housekeeping-rooms-page .btn-sm.btn-success:hover,.room-card .btn-sm.btn-success:hover{background:#b45309!important}.housekeeping-rooms-page .page-header{background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa);box-shadow:0 4px 20px #2563eb4d,0 2px 8px #0000001a;color:#fff;margin:-20px -20px 0;overflow:hidden;padding:28px 24px;position:relative}.housekeeping-rooms-page .page-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;pointer-events:none;position:absolute;right:0;top:0}.housekeeping-rooms-page .page-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:1}.housekeeping-rooms-page .page-header h1{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 2px 4px #00000026}.housekeeping-rooms-page .page-header p{color:#ffffffe6;font-size:15px;font-weight:500;margin:8px 0 0}.housekeeping-rooms-page .sync-status{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 2px 8px #0000001a;display:flex;gap:10px;padding:12px 18px}.housekeeping-rooms-page .sync-status .status-indicator{font-size:16px}.housekeeping-rooms-page .sync-status .status-text{color:#fff;font-size:14px;font-weight:600}.housekeeping-rooms-page .sync-status .last-sync{color:#fffc;font-size:12px}.housekeeping-rooms-page .tab-navigation{-webkit-overflow-scrolling:touch;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;overflow-x:auto;padding:16px 24px;scrollbar-width:none}.housekeeping-rooms-page .tab-navigation::-webkit-scrollbar{display:none}.housekeeping-rooms-page .tab-btn{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 1px 3px #0000000f;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 18px;transition:all .2s ease;white-space:nowrap}.housekeeping-rooms-page .tab-btn:hover{background:#e2e8f0;color:#334155}.housekeeping-rooms-page .tab-btn.active{background:linear-gradient(135deg,#0d9488,#14b8a6);box-shadow:0 4px 12px #14b8a64d;color:#fff}.housekeeping-rooms-page .tab-btn .tab-count{background:#00000026;border-radius:12px;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.housekeeping-rooms-page .tab-btn.active .tab-count{background:#ffffff40}.housekeeping-rooms-page .tab-btn .tab-text-short{display:none}.housekeeping-rooms-page .tab-content{margin:0 auto;max-width:1400px;padding:24px}.housekeeping-rooms-page .tab-pane h2{color:#1e293b;font-size:22px;font-weight:600;margin:0 0 20px}.housekeeping-rooms-page .empty-state{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;color:#64748b;font-size:16px;padding:48px 24px;text-align:center}.housekeeping-rooms-page .requests-list{display:flex;flex-direction:column;gap:12px}.housekeeping-rooms-page .request-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #00000014;padding:16px 20px;transition:all .2s ease}.housekeeping-rooms-page .request-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.housekeeping-rooms-page .request-card .request-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.housekeeping-rooms-page .request-card h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.housekeeping-rooms-page .request-card .priority{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.housekeeping-rooms-page .request-card .priority-urgent{background:#fef2f2;color:#dc2626}.housekeeping-rooms-page .request-card .priority-high{background:#fef3c7;color:#d97706}.housekeeping-rooms-page .request-card .priority-normal{background:#ecfdf5;color:#059669}.housekeeping-rooms-page .request-card .priority-low{background:#f0f9ff;color:#0284c7}.housekeeping-rooms-page .request-card .request-details{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.housekeeping-rooms-page .request-card .detail-item{color:#475569;font-size:13px}.housekeeping-rooms-page .request-card .detail-item strong{color:#1e293b}.housekeeping-rooms-page .request-card .request-actions{display:flex;gap:8px}.housekeeping-rooms-page .request-card .btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.housekeeping-rooms-page .request-card .btn-primary{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.housekeeping-rooms-page .request-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0e7490,#0891b2)}.housekeeping-rooms-page .request-card .btn-success{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.housekeeping-rooms-page .request-card .btn-success:hover{background:linear-gradient(135deg,#b45309,#d97706)}.housekeeping-rooms-page .completed-card{background:linear-gradient(145deg,#ecfeff,#cffafe);border:1px solid #67e8f9;border-radius:14px;margin-bottom:12px;padding:16px 20px}.housekeeping-rooms-page .completed-card h4{color:#0e7490;font-size:15px;margin:0 0 8px}.housekeeping-rooms-page .completed-card .completed-info{color:#0891b2;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.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:16px!important;grid-template-columns:1fr!important;padding:0 4px!important}.room-card{border-radius:14px!important;padding:0!important}.room-card .room-header{flex-wrap:wrap;padding:14px 16px!important}.room-card .room-header h3{font-size:18px!important}.room-card .status-badge{font-size:11px!important;padding:5px 10px!important}.room-card .room-info{gap:8px!important;padding:12px 16px!important}.room-card .room-info>div{font-size:13px!important}.room-card .room-requests-section{padding:12px 16px!important}.room-card .room-requests-section h5{font-size:12px!important}.room-card .embedded-request{padding:10px!important}.room-card .embedded-request p{font-size:12px!important}.room-card .room-actions.main-actions{padding:14px 16px!important}.room-card .room-actions.main-actions .btn{border-radius:10px!important;font-size:16px!important;min-height:52px!important;padding:14px 20px!important}.room-card .btn-sm{font-size:13px!important;min-height:44px!important;padding:10px 16px!important}.housekeeping-rooms-page .page-header{margin:-12px -12px 0!important;padding:16px!important}.housekeeping-rooms-page .page-header .header-content{align-items:flex-start;flex-direction:column;gap:12px}.housekeeping-rooms-page .page-header h1{font-size:22px!important}.housekeeping-rooms-page .page-header p{font-size:13px!important}.housekeeping-rooms-page .sync-status{justify-content:center;width:100%}.housekeeping-rooms-page .tab-navigation{gap:6px!important;padding:12px 16px!important}.housekeeping-rooms-page .tab-btn{border-radius:8px!important;font-size:13px!important;padding:10px 12px!important}.housekeeping-rooms-page .tab-btn .tab-text-full{display:none}.housekeeping-rooms-page .tab-btn .tab-text-short{display:inline}.housekeeping-rooms-page .tab-btn .tab-count{font-size:11px!important;padding:2px 6px!important}.housekeeping-rooms-page .tab-content{padding:16px!important}.housekeeping-rooms-page .tab-pane h2{font-size:18px!important;margin-bottom:16px!important}.housekeeping-rooms-page .empty-state{font-size:14px!important;padding:32px 16px!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}}.hk-btn-cleaning{background:linear-gradient(135deg,#059669,#10b981 50%,#34d399)!important;border:none!important;border-radius:16px!important;box-shadow:0 6px 20px #10b98166,0 2px 6px #10b98133!important;color:#fff!important;cursor:pointer;font-size:16px!important;font-weight:700!important;letter-spacing:1px;padding:18px 24px!important;text-transform:uppercase;transition:all .3s ease!important;width:100%}.hk-btn-cleaning:hover:not(:disabled){background:linear-gradient(135deg,#065f46,#047857 50%,#059669)!important;box-shadow:0 14px 40px #10b98199,0 8px 20px #10b98166!important;color:#fff!important;text-shadow:0 2px 4px #0000004d;transform:translateY(-4px) scale(1.03)!important}.hk-btn-cleaning:disabled{background:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.hk-btn-cleaning-sm{background:linear-gradient(135deg,#059669,#10b981 50%,#34d399)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #10b98159!important;color:#fff!important;cursor:pointer;font-size:14px!important;font-weight:700!important;letter-spacing:.5px;padding:12px 20px!important;transition:all .3s ease!important}.hk-btn-cleaning-sm:hover:not(:disabled){background:linear-gradient(135deg,#065f46,#047857 50%,#059669)!important;box-shadow:0 10px 28px #10b98199,0 6px 14px #10b98166!important;color:#fff!important;text-shadow:0 2px 4px #0000004d;transform:translateY(-3px) scale(1.08)!important}.hk-btn-cleaning-sm:disabled{background:#cbd5e1!important;box-shadow:none!important;cursor:not-allowed!important;transform:none!important}@media (max-width:767px){.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}}.head-housekeeper-dashboard{background:linear-gradient(135deg,#f0fdfa,#ecfeff 50%,#f0f9ff);min-height:100vh;padding-bottom:40px}.executive-header{background:linear-gradient(135deg,#134e4a,#0f766e 50%,#0d9488)!important;border-radius:0 0 24px 24px!important;box-shadow:0 8px 32px #0d948840,0 4px 12px #0000001a!important;color:#fff;margin-bottom:28px!important;overflow:hidden;padding:28px 32px!important;position:relative}.executive-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-10%;top:-50%;width:300px}.executive-header:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-30%;content:"";height:200px;left:10%;pointer-events:none;position:absolute;width:200px}.executive-header h1{font-size:32px!important;font-weight:800!important;letter-spacing:-.02em;margin:0!important;text-shadow:0 2px 4px #00000026}.executive-header p{font-size:16px!important;margin-top:8px!important;opacity:.95!important}.executive-tabs{display:flex;flex-wrap:wrap;gap:10px!important;margin-bottom:28px!important;padding:0 28px!important}.executive-tabs button.tab{border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;cursor:pointer;font-size:15px!important;font-weight:600!important;overflow:hidden;padding:14px 28px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.executive-tabs button.tab:not(.active){background:#fff!important;color:#475569!important}.executive-tabs button.tab:not(.active):hover{background:#f0fdfa!important;box-shadow:0 4px 12px #0d948826!important;color:#0d9488!important;transform:translateY(-2px)}.executive-tabs button.tab.active{background:linear-gradient(135deg,#0d9488,#14b8a6)!important;box-shadow:0 4px 16px #0d948859!important;color:#fff!important}.executive-tabs button:last-child{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;box-shadow:0 4px 12px #06b6d44d!important;margin-left:auto!important;padding:14px 20px!important}.executive-tabs button:last-child:hover{background:linear-gradient(135deg,#0e7490,#0891b2)!important;box-shadow:0 6px 16px #06b6d466!important;transform:translateY(-2px)}.kpi-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:28px;padding:0 24px}.kpi-card{border-radius:14px!important;box-shadow:0 2px 12px #00000014!important;min-height:110px;padding:18px 16px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.kpi-card:hover{box-shadow:0 8px 24px #0000001f!important;transform:translateY(-4px)!important}.kpi-card.rooms{background:linear-gradient(135deg,#0d9488,#14b8a6)!important;box-shadow:0 4px 20px #0d94884d!important}.kpi-card.assigned{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;box-shadow:0 4px 20px #06b6d44d!important}.kpi-card.pending{background:linear-gradient(135deg,#d97706,#f59e0b)!important;box-shadow:0 4px 20px #d977064d!important}.kpi-card.completed{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 4px 20px #0596694d!important}.kpi-card.time{background:linear-gradient(135deg,#7c3aed,#8b5cf6)!important;box-shadow:0 4px 20px #7c3aed4d!important}.kpi-card.efficiency{background:linear-gradient(135deg,#0f766e,#14b8a6)!important;box-shadow:0 4px 20px #0f766e4d!important}.kpi-card.requests{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 4px 20px #dc26264d!important}.kpi-card.availability{background:linear-gradient(135deg,#475569,#64748b)!important;box-shadow:0 4px 20px #4755694d!important}.kpi-card{color:#fff!important;flex-direction:column;justify-content:center}.kpi-card .kpi-icon{font-size:48px;line-height:1;opacity:.2;pointer-events:none;position:absolute;right:8px;top:8px}.kpi-card .kpi-value{font-size:32px;font-weight:800;line-height:1.1;margin-bottom:4px;position:relative;text-shadow:0 2px 4px #00000026;z-index:2}.kpi-card .kpi-label{font-size:13px;font-weight:600;line-height:1.2;margin-bottom:6px;opacity:.95;position:relative;z-index:2}.kpi-card .kpi-detail{align-items:center;background:#0000001a;border-radius:6px;display:flex;flex-wrap:wrap;font-size:11px;gap:4px;line-height:1.3;margin-top:auto;opacity:.9;padding:4px 8px;position:relative;z-index:2}.executive-summary{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.5fr 1fr;margin-top:8px}.alerts-panel,.summary-main{background:#fff!important;border:1px solid #e2e8f0;border-radius:18px!important;box-shadow:0 4px 24px #0000000f!important;padding:24px!important}.alerts-panel h3,.summary-main h3{align-items:center;border-bottom:2px solid #f1f5f9;color:#0f172a!important;display:flex;font-size:18px!important;font-weight:700!important;gap:10px;margin:0 0 20px!important;padding-bottom:12px}.summary-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(2,1fr)}.summary-item{background:linear-gradient(145deg,#f8fafc,#f1f5f9)!important;border-left:5px solid!important;border-radius:12px!important;padding:20px!important;transition:all .3s ease}.summary-item:hover{box-shadow:0 4px 12px #00000014;transform:translateX(4px)}.summary-item:first-child{border-left-color:#10b981!important}.summary-item:nth-child(2){border-left-color:#ef4444!important}.summary-item:nth-child(3){border-left-color:#0891b2!important}.summary-item:nth-child(4){border-left-color:#f59e0b!important}.alerts-panel{max-height:420px}.alerts-list,.alerts-panel{display:flex;flex-direction:column}.alerts-list{flex:1 1;gap:10px;overflow-y:auto;padding-right:4px}.alerts-list::-webkit-scrollbar{width:4px}.alerts-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.alerts-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.alert{align-items:flex-start;border-radius:10px!important;font-size:13px!important;font-weight:500!important;gap:8px;line-height:1.4;padding:12px 14px!important;transition:all .3s ease}.alert:hover{transform:translateX(4px)}.alert-critical{background:linear-gradient(90deg,#fef2f2,#fee2e2)!important;border:1px solid #fecaca!important;border-left:4px solid #dc2626!important;color:#991b1b!important}.alert-warning{background:linear-gradient(90deg,#fffbeb,#fef3c7)!important;border:1px solid #fde68a!important;border-left:4px solid #f59e0b!important;color:#92400e!important}.alert-success{background:linear-gradient(90deg,#ecfdf5,#d1fae5)!important;border:1px solid #a7f3d0!important;border-left:4px solid #10b981!important;color:#065f46!important}.alert-info{background:linear-gradient(90deg,#ecfeff,#cffafe)!important;border:1px solid #a5f3fc!important;border-left:4px solid #06b6d4!important;color:#0e7490!important}.team-management{background:#fff!important;border:1px solid #e2e8f0;border-radius:16px!important;box-shadow:0 4px 24px #0000000f!important;padding:28px!important}.team-management h3{align-items:center;color:#0f172a!important;display:flex;font-size:24px!important;font-weight:700!important;gap:12px;margin:0 0 28px!important}.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.team-card{background:linear-gradient(145deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 16px #0000000d!important;overflow:hidden;padding:24px!important;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.team-card:before{background:linear-gradient(90deg,#0d9488,#14b8a6 50%,#06b6d4);content:"";height:4px;left:0;position:absolute;right:0;top:0}.team-card:hover{border-color:#14b8a6!important;box-shadow:0 12px 32px #0d94881f!important;transform:translateY(-4px)!important}.team-card h4{color:#0f172a!important;font-size:17px!important;font-weight:700!important;margin:0!important}.member-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px}.member-stats>div{border-radius:10px!important;padding:14px!important;text-align:center;transition:all .3s ease}.member-stats>div:first-child{background:linear-gradient(145deg,#ecfeff,#cffafe)!important}.member-stats>div:last-child{background:linear-gradient(145deg,#ecfdf5,#d1fae5)!important}.member-stats>div:hover{transform:scale(1.02)}.team-card .efficiency-bar{background:#e2e8f0;border-radius:4px;height:8px;margin:8px 0;overflow:hidden;width:100%}.team-card .efficiency-bar .fill{border-radius:4px;height:100%;transition:width .5s ease}.team-card .efficiency-bar .fill.high{background:linear-gradient(90deg,#10b981,#34d399)}.team-card .efficiency-bar .fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.team-card .efficiency-bar .fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.team-card-header{align-items:center;display:flex;gap:14px;margin-bottom:18px}.team-avatar{font-size:40px;line-height:1}.team-role{color:#64748b;font-size:13px;margin-top:4px}.member-stats .stat-value{color:#0891b2;font-size:24px;font-weight:800;line-height:1.1}.member-stats .stat-value.green{color:#059669!important}.member-stats .stat-label{color:#64748b;font-size:11px;font-weight:500;line-height:1.3;margin-top:6px}.team-card .progress-section{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:10px;margin-top:16px;padding:14px}.team-card .progress-header{align-items:center;color:#475569;display:flex;font-size:13px;justify-content:space-between;margin-bottom:10px}.team-card .progress-value{font-weight:600}.team-card .progress-value.high{color:#10b981}.team-card .progress-value.medium{color:#f59e0b}.team-card .progress-value.low{color:#ef4444}.team-card .progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.team-card .progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.team-card .progress-fill.high{background:linear-gradient(90deg,#10b981,#34d399)}.team-card .progress-fill.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.team-card .progress-fill.low{background:linear-gradient(90deg,#ef4444,#f87171)}.team-card .progress-footer{color:#64748b;display:flex;font-size:12px;justify-content:space-between}.team-card-footer{background:#f8fafc;border-radius:8px;color:#64748b;font-size:12px;margin-top:16px;padding:12px}.summary-item .summary-value{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.summary-item .summary-label{color:#64748b;font-size:13px;font-weight:500;margin-top:8px}.tab-content{padding:0 28px}.tab.refresh-btn{background:linear-gradient(135deg,#0891b2,#06b6d4)!important;color:#fff!important;margin-left:auto!important}.maintenance-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:28px}.maintenance-section h3{color:#0f172a;font-size:22px;font-weight:700;margin:0 0 24px}.maintenance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.maintenance-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .3s ease}.maintenance-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.maintenance-card.status-completed{border-left:4px solid #10b981}.maintenance-card.status-in_progress{border-left:4px solid #f59e0b}.maintenance-card.status-pending{border-left:4px solid #64748b}.executive-notification{animation:slideInRight .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d9488,#14b8a6)!important;border:1px solid #fff3;border-radius:14px!important;box-shadow:0 8px 32px #0d94884d!important;color:#fff;font-size:14px;font-weight:500;padding:18px 22px!important}.executive-notification.success{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 8px 32px #0596694d!important}.executive-notification.warning{background:linear-gradient(135deg,#d97706,#f59e0b)!important;box-shadow:0 8px 32px #d977064d!important}.executive-notification.error{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 8px 32px #dc26264d!important}.loading{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ecfeff);display:flex;justify-content:center;min-height:60vh}.loading>div{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0d948826;padding:40px;text-align:center}.loading .spinner{animation:pulse 2s ease-in-out infinite;font-size:56px;margin-bottom:20px}@media (max-width:1024px){.executive-summary{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.executive-header{border-radius:0 0 16px 16px!important;padding:20px!important}.executive-header h1{font-size:24px!important}.executive-tabs{-webkit-overflow-scrolling:touch;gap:8px!important;overflow-x:auto;padding:0 16px!important;scrollbar-width:none}.executive-tabs::-webkit-scrollbar{display:none}.executive-tabs button.tab{flex-shrink:0;font-size:13px!important;padding:12px 16px!important;white-space:nowrap}.kpi-grid{gap:16px}.kpi-grid,.summary-grid,.team-grid{grid-template-columns:1fr!important}.tab-content{padding:0 16px!important}}.supervisor-label{color:#475569;font-size:13px;margin-bottom:10px}.supervisor-stats{grid-gap:10px;color:#64748b;display:grid;font-size:12px;gap:10px;grid-template-columns:1fr 1fr}.empty-message{color:#64748b;font-size:15px;padding:24px}.maintenance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.maintenance-header strong{color:#0f172a;font-size:16px}.status-badge{background:#f1f5f9;color:#475569;font-size:11px;font-weight:500;padding:4px 10px}.maintenance-info{color:#475569;font-size:13px;margin-bottom:4px}.maintenance-tech{color:#64748b;font-size:12px;margin-top:10px}.maintenance-desc{color:#64748b;font-size:12px;line-height:1.5;margin-top:8px}.notifications-container{display:flex;flex-direction:column;gap:12px;max-width:380px;position:fixed;right:20px;top:20px;z-index:9999}.notification-content{align-items:flex-start;display:flex;justify-content:space-between}.notification-body{flex:1 1;padding-right:12px}.notification-title{font-size:13px;font-weight:700;margin-bottom:6px}.notification-message{line-height:1.5}.notification-time{font-size:11px;margin-top:8px;opacity:.85}.notification-close{font-size:22px;line-height:1;opacity:.8;transition:opacity .2s ease}.notification-close:hover{opacity:1}.maintenance-section-enhanced{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 24px #0000000f;overflow:hidden;padding:0}.maint-header{background:linear-gradient(135deg,#475569,#64748b);color:#fff;padding:24px 28px}.maint-header h3{font-size:24px;font-weight:700;margin:0}.maint-subtitle{font-size:14px;margin:6px 0 0;opacity:.9}.maint-stats-grid{grid-gap:16px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.maint-stat-card{background:#fff;border:2px solid #0000;border-radius:14px;box-shadow:0 2px 8px #0000000d;padding:18px;text-align:center;transition:all .3s ease}.maint-stat-card:hover{box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.maint-stat-card.total{border-color:#64748b}.maint-stat-card.pending{border-color:#f59e0b}.maint-stat-card.in-progress{border-color:#3b82f6}.maint-stat-card.completed{border-color:#10b981}.maint-stat-card.urgent{border-color:#ef4444}.maint-stat-card.cost{border-color:#8b5cf6}.maint-stat-icon{font-size:28px;margin-bottom:8px}.maint-stat-value{color:#0f172a;font-size:26px;font-weight:800;margin-bottom:4px}.maint-stat-card.cost .maint-stat-value{font-size:18px}.maint-stat-label{color:#64748b;font-size:12px;font-weight:600}.maint-stat-detail{color:#94a3b8;font-size:11px;margin-top:4px}.maint-controls{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:16px 24px}.maint-controls,.maint-filters{display:flex;flex-wrap:wrap;gap:16px}.maint-filters .filter-group{align-items:center;display:flex;gap:8px}.maint-filters label{color:#475569;font-size:13px;font-weight:600}.maint-filters select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease}.maint-filters select:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1a;outline:none}.view-toggle{gap:8px}.view-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;font-size:13px;font-weight:600;padding:10px 16px}.view-btn:hover{background:#f8fafc;border-color:#64748b}.view-btn.active{background:linear-gradient(135deg,#475569,#64748b);border-color:#0000;color:#fff}.maint-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:24px}.maint-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:0;transition:all .3s ease}.maint-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.maint-card.status-pending{border-left:5px solid #94a3b8}.maint-card.status-assigned{border-left:5px solid #3b82f6}.maint-card.status-in_progress{border-left:5px solid #f59e0b}.maint-card.status-completed{border-left:5px solid #10b981}.maint-card.status-cancelled{border-left:5px solid #ef4444}.maint-card.priority-urgent{box-shadow:0 0 0 2px #ef44444d}.maint-card-header{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:16px 18px}.maint-card-header,.maint-room{align-items:center;display:flex}.maint-room{gap:8px}.room-icon{font-size:20px}.maint-room strong{color:#0f172a;font-size:16px}.maint-status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:6px 12px;text-transform:uppercase}.maint-status-badge.status-pending{background:#f1f5f9;color:#64748b}.maint-status-badge.status-assigned{background:#dbeafe;color:#1d4ed8}.maint-status-badge.status-in_progress{background:#fef3c7;color:#b45309}.maint-status-badge.status-completed{background:#d1fae5;color:#047857}.maint-status-badge.status-cancelled{background:#fee2e2;color:#b91c1c}.maint-card-type{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:14px 18px}.type-icon{font-size:24px}.type-label{color:#334155;flex:1 1;font-size:14px;font-weight:600}.priority-badge{border-radius:8px;padding:4px 10px}.priority-badge.priority-low{background:#ecfdf5;color:#047857}.priority-badge.priority-normal{background:#fef9c3;color:#a16207}.priority-badge.priority-high{background:#fee2e2;color:#b91c1c}.priority-badge.priority-urgent{background:#ef4444;color:#fff}.maint-card-desc{border-bottom:1px solid #f1f5f9;color:#475569;font-size:13px;line-height:1.6;padding:14px 18px}.maint-card-details{display:flex;flex-direction:column;gap:8px;padding:14px 18px}.detail-row{font-size:13px;gap:8px}.detail-icon{font-size:16px;text-align:center;width:20px}.detail-label{color:#64748b;font-weight:500}.detail-value{color:#0f172a}.maint-card-costs{grid-gap:12px;background:linear-gradient(145deg,#faf5ff,#f3e8ff);border-top:1px solid #e9d5ff;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:14px 18px}.cost-item{display:flex;flex-direction:column;gap:4px}.cost-label{color:#7c3aed;font-size:11px;font-weight:600;text-transform:uppercase}.cost-value{color:#5b21b6;font-size:15px;font-weight:700}.cost-value.actual{color:#047857}.maint-card-notes{align-items:flex-start;background:#fffbeb;color:#92400e;display:flex;font-size:12px;gap:8px;padding:12px 18px}.notes-icon{font-size:14px}.notes-text{line-height:1.5}.maint-list-container{overflow-x:auto;padding:24px}.maint-table{border-collapse:collapse;font-size:13px;width:100%}.maint-table th{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#334155;font-weight:700;padding:14px 12px;text-align:left;white-space:nowrap}.maint-table td{border-bottom:1px solid #f1f5f9;color:#475569;padding:14px 12px}.maint-table tbody tr:hover{background:#f8fafc}.maint-table .cell-room strong{color:#0f172a}.maint-table .cell-type{align-items:center;display:flex;gap:6px}.type-icon-small{font-size:16px}.priority-pill,.status-pill{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px}.priority-pill.priority-low{background:#ecfdf5;color:#047857}.priority-pill.priority-normal{background:#fef9c3;color:#a16207}.priority-pill.priority-high{background:#fee2e2;color:#b91c1c}.priority-pill.priority-urgent{background:#ef4444;color:#fff}.status-pill.status-pending{background:#f1f5f9;color:#64748b}.status-pill.status-assigned{background:#dbeafe;color:#1d4ed8}.status-pill.status-in_progress{background:#fef3c7;color:#b45309}.status-pill.status-completed{background:#d1fae5;color:#047857}.status-pill.status-cancelled{background:#fee2e2;color:#b91c1c}.maint-table .cell-cost{color:#5b21b6;font-weight:600}.maint-table .cell-cost.actual{color:#047857}.maint-table .cell-date{color:#64748b;font-size:12px}.status-row-completed{background:#10b98108}.status-row-in_progress{background:#f59e0b08}.status-row-urgent{background:#ef44440d}.maint-empty{padding:60px 24px;text-align:center}.maint-empty .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.maint-empty h4{color:#334155;font-size:20px;margin:0 0 8px}.maint-empty p{color:#64748b;font-size:14px;margin:0}.maint-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;display:flex;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:16px 24px}.maint-pagination{align-items:center;display:flex;gap:4px}.maint-page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.maint-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.maint-page-btn.active{background:#0f766e;border-color:#0f766e;color:#fff}.maint-page-btn:disabled{cursor:not-allowed;opacity:.4}.maint-page-dots{color:#94a3b8;padding:0 4px}.maint-filters input[type=date]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:13px;padding:6px 10px}.maint-filters input[type=date]:focus{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1a;outline:none}.maint-clear-dates{align-self:flex-end;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;padding:6px 12px;white-space:nowrap}.maint-clear-dates:hover{background:#fee2e2}@media (max-width:768px){.maint-stats-grid{grid-template-columns:repeat(2,1fr);padding:16px}.maint-controls{align-items:stretch}.maint-controls,.maint-filters{flex-direction:column}.view-toggle{justify-content:center}.maint-cards-grid{grid-template-columns:1fr;padding:16px}.maint-list-container{padding:16px}.maint-table{font-size:12px}.maint-table td,.maint-table th{padding:10px 8px}}.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:#6366f1;border-radius:15px;box-shadow:0 4px 16px #6366f133;color:#fff;margin-bottom:30px;padding:30px}.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:8px}.view-toggle{background:#ffffff26;border:1.5px solid #ffffff4d;color:#ffffffe6;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.view-toggle:hover{background:#ffffff40}.view-toggle.active{background:#fff;border-color:#fff;color:#6366f1;font-weight:700}.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:#ffebee}.state-item.clean{background:#e8f5e9}.state-item.damaged{background:#fff3e0}.state-item.retired{background:#f3e5f5}.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:#6366f1;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:1.1rem;font-weight:600;padding:20px 30px}.action-btn:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.action-btn.washing{background:#0891b2}.action-btn.storage{background:#64748b}.action-btn.report{background:#10b981}.action-btn.maintenance{background:#f59e0b}.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:1024px){.stats-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:20px}.stat-icon{font-size:2rem}.stat-number{font-size:1.8rem}.detailed-stats{grid-template-columns:1fr}}@media (max-width:768px){.header-content{flex-direction:column;text-align:center}.header-actions{flex-wrap:wrap;justify-content:center}.laundry-header{padding:20px}.laundry-header h1{font-size:1.8rem}.laundry-header p{font-size:1rem}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;gap:10px;padding:15px;text-align:center}.stat-icon{font-size:2rem}.stat-content h3{font-size:.85rem}.stat-number{font-size:1.6rem}.detailed-stats{gap:20px;grid-template-columns:1fr}.action-buttons{grid-template-columns:1fr 1fr}.action-btn{font-size:.95rem;padding:15px 20px}.filters{flex-wrap:wrap!important}.filters input[type=date]{width:130px}}.loading{color:#6c757d;font-size:1.2rem;padding:40px}.error{background:#f8d7da;border-radius:8px;color:#721c24;margin:20px 0;padding:15px;text-align:center}.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;border-radius:12px;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){.laundry-dashboard,.textiles-container{padding:10px}.textiles-header h1{font-size:1.6rem}.laundry-header{border-radius:10px;margin-bottom:15px;padding:15px}.laundry-header h1{font-size:1.4rem}.header-actions,.header-actions input[type=text]{width:100%}.view-toggle{font-size:.85rem;padding:8px 12px}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-card{border-left-width:3px;border-radius:10px;padding:12px}.stat-icon{font-size:1.5rem}.stat-content h3{font-size:.75rem;line-height:1.2;margin-bottom:5px}.stat-number{font-size:1.4rem}.stats-section{border-radius:10px;padding:15px}.stats-section h3{font-size:1.1rem;margin-bottom:15px;padding-bottom:10px}.category-item,.state-item{padding:10px 12px}.category-label,.state-label{font-size:.9rem}.category-count,.state-count{font-size:1rem;padding:4px 10px}.quick-actions{border-radius:10px;padding:15px}.quick-actions h3{font-size:1.1rem;margin-bottom:15px}.action-buttons{gap:10px;grid-template-columns:1fr}.action-btn{border-radius:8px;font-size:.9rem;padding:12px 15px}.room-summary{grid-template-columns:1fr}.summary-item .count{font-size:1.3rem}.filters{font-size:.85rem}.filters input[type=date]{font-size:.85rem;padding:6px;width:100%}.filters .view-toggle{font-size:.8rem;padding:6px 10px}}.textile-inventory{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.ti-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:24px;overflow-x:auto}.ti-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:14px;font-weight:400;padding:12px 24px;transition:all .2s;white-space:nowrap}.ti-tab:hover{color:#334155}.ti-tab.active{border-bottom-color:#3b82f6;color:#1e40af;font-weight:700}.supplies-page{background:#f8fafc;margin:0 auto;max-width:100%;min-height:100vh;padding:0 0 40px}.supplies-header{align-items:center;background:#fff;border-bottom:3px solid #7c3aed;border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0000000f;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 32px}.supplies-header h1{color:#1e293b;font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0}.supplies-header .subtitle{color:#64748b;font-size:14px;font-weight:500;margin:4px 0 0}.btn-export{background:#7c3aed;border-radius:10px;box-shadow:0 2px 8px #7c3aed40;padding:12px 24px}.btn-export:hover{background:#6d28d9;box-shadow:0 4px 12px #7c3aed59;transform:translateY(-2px)}.filters-section{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f;margin:20px 24px 16px;padding:20px 24px}.date-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:14px}.filter-group label{color:#475569}.filter-group input[type=date]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.filter-group input[type=date]:focus{background:#fff;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;outline:none}.quick-filters{flex-wrap:wrap;gap:8px}.quick-filters button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;padding:8px 16px;transition:all .2s ease}.quick-filters button:hover{background:#7c3aed;border-color:#7c3aed}.view-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:6px;margin:0 24px 20px;padding:4px}.view-tabs button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.view-tabs button.active{background:#7c3aed;box-shadow:0 2px 8px #7c3aed40;color:#fff}.view-tabs button:hover:not(.active){background:#f1f5f9;color:#7c3aed}.kpis-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:0 24px}.kpi-card{border-radius:12px;box-shadow:0 1px 3px #0000000f;gap:14px;padding:20px;transition:all .2s ease}.kpi-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.kpi-icon{font-size:36px}.kpi-value{color:#1e293b;font-size:26px;margin-bottom:2px}.kpi-label{font-size:12px;font-weight:500;line-height:1.3}.kpi-card.purple{border-left:4px solid #7c3aed}.kpi-card.pink{border-left:4px solid #ec4899}.kpi-card.blue{border-left:4px solid #3b82f6}.kpi-card.green{border-left:4px solid #10b981}.kpi-card.orange{border-left:4px solid #f59e0b}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:20px;padding:0 24px}.chart-card{border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:24px}.chart-card.full-width{grid-column:1/-1}.chart-card h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:12px}.section-header{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #7c3aed;border-radius:10px;gap:12px;margin:0 24px 16px;padding:14px 20px}.section-header h2{color:#1e293b;font-size:15px;font-weight:600;margin:0}.section-header p{border-left:1px solid #e2e8f0;color:#64748b;font-size:13px;margin:0;padding-left:12px}.housekeeper-view h2,.raw-view h2,.room-view h2{color:#1e293b;font-size:20px;font-weight:600;margin:0 0 16px;padding:0 24px}.housekeeper-grid,.room-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0 24px}.housekeeper-card,.room-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:18px;transition:all .2s ease}.housekeeper-card:hover,.room-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.housekeeper-header,.room-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:12px}.housekeeper-header h3,.room-header h3{color:#1e293b;font-size:15px;font-weight:600;margin:0}.total-badge{background:#7c3aed;border-radius:16px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.supplies-list{flex-direction:column;gap:6px}.supply-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.supply-item:hover{background:#f1f5f9;border-color:#e2e8f0}.supply-name{color:#334155;font-size:13px;font-weight:500}.supply-count{background:#7c3aed;border-radius:16px;color:#fff!important;font-size:13px;font-weight:700;min-width:28px;padding:4px 12px;text-align:center}.table-container{border-radius:12px;box-shadow:0 1px 3px #0000000f;margin:0 24px;overflow:hidden;padding:0}.raw-table{border-collapse:collapse;width:100%}.raw-table thead{background:#f1f5f9;border-bottom:2px solid #7c3aed;color:#1e293b}.raw-table th{font-size:13px;font-weight:600;letter-spacing:.3px;padding:14px 16px;text-align:left;text-transform:uppercase}.raw-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.raw-table tbody tr:hover{background:#f8fafc}.raw-table tbody tr:nth-child(2n){background:#fafafa}.raw-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.raw-table td{color:#334155;font-size:14px;padding:12px 16px}.supply-tag{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-block;font-size:12px;font-weight:500;margin:2px;padding:4px 10px}.error-message,.loading-message{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;justify-content:center;margin:24px;min-height:50vh}.error-message h2,.loading-message h2{color:#1e293b;font-weight:600;margin-bottom:16px}.loading-message h2:before{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#7c3aed;content:"";display:inline-block;height:20px;margin-right:10px;vertical-align:middle;width:20px}.btn-primary{background:#7c3aed;font-size:14px;transition:all .2s ease}.btn-primary:hover{background:#6d28d9}.textiles-view,.today-view{padding:0 24px}.stat-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px}.stat-badge.purple{background:#f3e8ff;color:#7c3aed}.stat-badge.green{background:#dcfce7;color:#16a34a}.stat-badge.blue{background:#dbeafe;color:#2563eb}.stat-badge.orange{background:#fef3c7;color:#d97706}.alert-box{background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;margin-top:20px;padding:16px 20px}.alert-box h3{color:#92400e;font-size:15px;font-weight:600;margin:0 0 8px}.alert-box p{color:#92400e;font-size:14px;line-height:1.5;margin:0}.ranking-badge{border-radius:10px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;position:absolute;right:14px;top:-6px}.ranking-badge.gold{background:#f59e0b}.ranking-badge.silver{background:#94a3b8}.ranking-badge.bronze{background:#b45309}.ranking-badge.default{background:#64748b}.progress-bar-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;padding:8px 10px}.progress-bar-label{color:#64748b;display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.progress-bar-label span:last-child{color:#7c3aed;font-weight:600}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{background:#7c3aed;border-radius:3px;transition:width .3s ease}.expand-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#7c3aed;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;margin-top:4px;padding:10px 12px;transition:all .2s ease}.expand-btn:hover{background:#e2e8f0}.expand-btn.expanded{background:#fef3c7;border-color:#fcd34d;color:#d97706}.download-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.download-btn:hover{background:#059669;transform:translateY(-1px)}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.supplies-page{padding-bottom:24px}.supplies-header{align-items:flex-start;border-radius:0 0 14px 14px;flex-direction:column;gap:14px;padding:20px}.supplies-header h1{font-size:20px}.btn-export{justify-content:center;text-align:center;width:100%}.filters-section{margin:14px;padding:14px}.date-filters{align-items:stretch;flex-direction:column}.view-tabs{flex-direction:column;gap:4px;margin:0 14px 14px}.view-tabs button{text-align:center;width:100%}.charts-grid,.housekeeper-grid,.kpis-grid,.room-grid{grid-template-columns:1fr;padding:0 14px}.table-container{border-radius:10px;margin:0 14px}.textiles-view,.today-view{padding:0 14px}.housekeeper-view h2,.raw-view h2,.room-view h2{font-size:18px;padding:0 14px}}.cleaning-history{background:#f8fafc;min-height:100vh;padding:20px}.history-header{margin-bottom:24px}.history-header h2{color:#1e293b;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 label{color:#4b5563}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;transition:border-color .2s}.btn-filter-clear{background:#4b5563;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:#6366f1}.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:#3b82f6}.stat-card.green .stat-icon{background:#10b981}.stat-card.purple .stat-icon{background:#8b5cf6}.stat-card.orange .stat-icon{background:#f59e0b}.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:#6366f1;border-color:#0000;color:#fff}.btn-export{background:#10b981!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}.cleaning-history .room-badge{background:#6366f1!important;border-radius:8px!important;color:#fff!important;font-size:16px;font-weight:700;padding:6px 12px!important}.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:#6366f1;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:#3b82f6;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:#f9fafb;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-content.detail-modal{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;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;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}@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}.filter-group input,.filter-group select{background:#fffbeb;border:2px solid #fde68a;font-size:14px;padding:10px 14px}.filter-group input:focus,.filter-group select:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.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{font-size:32px;line-height:1;margin-bottom:6px}.stat-label{font-size:13px}.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}.empty-state h3{color:#111827;font-size:28px;font-weight:700;margin-bottom:12px}.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-content.detail-modal{background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;max-height:92vh;max-width:700px;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;scrollbar-color:#fbbf24 #fef3c7;scrollbar-width:thin;width:100%}.modal-content.detail-modal::-webkit-scrollbar{width:8px}.modal-content.detail-modal::-webkit-scrollbar-track{background:#fef3c7;border-radius:0 24px 24px 0}.modal-content.detail-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:4px}.modal-content.detail-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0b,#d97706)}.modal-close{background:#ef4444;box-shadow:0 4px 12px #ef444466;font-size:28px;right:20px;top:20px}.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;display:inline-block;font-size:14px;padding:8px 24px}.detail-sections{display:flex;flex-direction:column;gap:4px;padding:20px 24px}.detail-section-modern{background:#0000;border:none;border-radius:0;padding:0}.detail-section-modern h3{align-items:center;background:linear-gradient(90deg,#fef3c799,#0000);border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:8px;margin-top:12px;padding:6px 10px}.detail-section-modern:first-child h3{margin-top:0}.detail-box{grid-gap:6px;background:#0000;border:none;border-radius:0;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:4px;padding:0 0 8px}@media (max-width:600px){.detail-box{grid-template-columns:1fr}}.detail-item-large{align-items:flex-start;background:#0000;border-radius:0;display:flex;gap:10px;padding:6px 0}.detail-item-large .icon{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.detail-item-large .label{color:#92400e;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.detail-item-large .value{color:#111827;font-size:14px;font-weight:600}.detail-item-large .sublabel{color:#78350f;font-size:12px;font-weight:500;margin-top:2px}.modal-actions{border-top:2px solid #f3f4f6;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}.item-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn-action-small{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;min-width:80px;padding:8px 12px;transition:all .2s}.btn-action-small.claim{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-action-small.claim:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-action-small.donate{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-action-small.donate:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-action-small.dispose{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-action-small.dispose:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.btn-action.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-action.primary:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-action.donate{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-action.donate:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-action.dispose{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-action.dispose:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.modal-content.claim-modal,.modal-content.dispose-modal{background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;position:relative;width:100%}.modal-subtitle{color:#ffffffe6;font-size:14px;font-weight:500;margin-top:8px}.claim-form,.dispose-form{padding:24px 32px}.form-section h3{border-bottom:2px solid #fde68a;font-size:16px;padding-bottom:8px}.form-row,.form-section h3{margin-bottom:16px}.form-row.two-cols{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group.required label:after{color:#ef4444;content:" *"}.form-group input,.form-group select,.form-group textarea{box-shadow:inset 0 1px 2px #0000000d;color:#111827;padding:12px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #f59e0b1a}.checkbox-group{flex-direction:row}.radio-group{gap:24px;margin-top:8px}.radio-label{border:2px solid #e5e7eb;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}.radio-label:has(input:checked){background:#fffbeb;border-color:#f59e0b}.radio-label input[type=radio]{accent-color:#f59e0b}.form-info{background:#f0fdf4;border:2px solid #bbf7d0;margin:20px 32px}.form-info p{font-size:13px;margin-bottom:6px}.form-info p:last-child{margin-bottom:0}.claimed-section{background:#0000;border:none;border-radius:0;margin-top:8px;padding:0}.claimed-section h3{align-items:center;background:linear-gradient(90deg,#dcfce799,#0000);border-left:3px solid #10b981;border-radius:6px;color:#166534;display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:8px;margin-top:12px;padding:6px 10px}.claimed-section .detail-box{grid-gap:6px;background:#0000;border:none;border-radius:0;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:4px;padding:0 0 8px}.dispose-section{background:#0000;border:none;border-radius:0;margin-top:8px;padding:0}.dispose-section h3{align-items:center;background:linear-gradient(90deg,#dbeafe99,#0000);border-left:3px solid #3b82f6;border-radius:6px;color:#1e40af;display:flex;font-size:13px;font-weight:700;gap:6px;margin-bottom:8px;margin-top:12px;padding:6px 10px}.dispose-section .detail-box{grid-gap:6px;background:#0000;border:none;border-radius:0;display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-bottom:4px;padding:0 0 8px}.detail-item-large.full-width{grid-column:span 2}.claimed-section .detail-item-large .icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.dispose-section .detail-item-large .icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.status-badge-large{align-items:center;border-radius:25px;box-shadow:0 4px 12px #0003;color:#fff;display:inline-flex;font-size:15px;font-weight:700;gap:8px;padding:10px 24px}.modal-content.detail-modal .modal-header-special.claimed-header{background:linear-gradient(135deg,#10b981,#059669)}.status-tabs{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:12px 16px}.status-tab{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.status-tab:hover{background:#f3f4f6;border-color:#d1d5db}.status-tab.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;box-shadow:0 4px 12px #f59e0b4d;color:#fff}.status-tab.active.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.status-tab.active.claimed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.status-tab.active.donated{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.status-tab.active.disposed{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.tab-icon{font-size:18px}.tab-count{background:#ffffff4d;border-radius:10px}.status-tab:not(.active) .tab-count{background:#e5e7eb;color:#4b5563}.status-section-header{align-items:center;border-bottom:3px solid #fde68a;display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.status-section-header .section-icon{font-size:28px}.status-section-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.status-section-header .section-count{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:14px;font-weight:700;padding:4px 12px}.modal-content.claim-modal .modal-header-special,.modal-content.dispose-modal .modal-header-special{background:linear-gradient(135deg,#10b981,#059669)}.modal-content.dispose-modal .modal-header-special{background:linear-gradient(135deg,#3b82f6,#2563eb)}.form-section{background:#fefce8;border:2px solid #fde68a;margin-bottom:0}.form-section h3{border-bottom-color:#f59e0b;color:#92400e}.form-group label{margin-bottom:4px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 4px #f59e0b26}.checkbox-label{background:#f0fdf4;border:2px solid #bbf7d0;color:#1f2937;font-size:14px;font-weight:600;gap:12px;padding:12px 16px}.checkbox-label:hover{background:#dcfce7}.checkbox-label input[type=checkbox]{accent-color:#10b981;height:22px;width:22px}.radio-label{flex:1 1;justify-content:center}.radio-label:has(input:checked).donate-option{background:#eff6ff;border-color:#3b82f6}.radio-label:has(input:checked).dispose-option{background:#f3f4f6;border-color:#6b7280}.form-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin:0;padding:16px 20px}.form-info p{align-items:center;color:#166534;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.form-info p strong{color:#14532d}@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}.form-row.two-cols{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-action{width:100%}.item-actions{flex-direction:column}.btn-action-small{width:100%}.radio-group{flex-direction:column;gap:12px}.status-tabs{gap:6px;padding:10px 12px}.status-tab{font-size:13px;padding:10px 14px}.status-tab span:not(.tab-icon):not(.tab-count){display:none}.tab-count{margin-left:0}.status-section-header{flex-wrap:wrap}.status-section-header h2{font-size:18px}}.delivery-receipt-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delivery-receipt-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:95%}.delivery-receipt-content{padding:40px}.receipt-header{margin-bottom:20px;text-align:center}.receipt-logo{margin-bottom:10px;max-height:60px}.receipt-header h1{color:#1e3a5f;font-size:24px;margin:0}.receipt-header p{color:#666;font-size:14px;margin:4px 0}.receipt-title{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;text-align:center}.receipt-title h2{color:#333;font-size:20px;margin:0}.receipt-title h3{color:#666;font-size:14px;font-weight:400;margin:5px 0 0}.receipt-divider{border-top:1px dashed #ddd;margin:20px 0}.receipt-section h4{color:#1e3a5f;font-size:14px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.receipt-table{font-size:14px;width:100%}.receipt-table td{padding:6px 0;vertical-align:top}.receipt-table td:first-child{color:#666;width:130px}.receipt-signatures{display:flex;gap:40px;justify-content:space-between;margin:30px 0}.signature-box{flex:1 1;text-align:center}.signature-line{border-bottom:1px solid #333;height:50px;margin-bottom:8px}.signature-box p{color:#666;font-size:12px;margin:4px 0}.signature-name{color:#333!important;font-weight:600}.receipt-footer{border-top:1px solid #eee;margin-top:20px;padding-top:20px;text-align:center}.receipt-footer p{color:#666;font-size:12px;margin:8px 0}.receipt-date{color:#333!important;font-weight:600}.receipt-actions{background:#f8f9fa;border-top:1px solid #eee;display:flex;gap:12px;justify-content:center;padding:20px}.btn-print{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px}.btn-print:hover{box-shadow:0 4px 12px #10b9814d}.btn-close-receipt{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.btn-close-receipt:hover{background:#4b5563}@media print{.no-print{display:none!important}.delivery-receipt-overlay{background:#fff;position:absolute}.delivery-receipt-container{box-shadow:none;max-height:none;width:100%}.delivery-receipt-content{padding:20px}}: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 .dashboard-header{background:linear-gradient(135deg,#1e40af,#7c3aed)!important;border:none!important;border-radius:0!important;box-shadow:0 10px 15px -3px #0000001a!important;box-shadow:var(--shadow-lg)!important;color:#fff!important;margin-bottom:2rem!important;overflow:hidden!important;padding:2rem 2rem 3rem!important;position:relative!important}.dashboard .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 .dashboard-header h1{-webkit-text-fill-color:#fff!important;align-items:center!important;color:#fff!important;display:flex!important;font-size:2rem!important;font-weight:700!important;gap:.75rem!important;letter-spacing:-.5px!important;margin:0 0 1.5rem!important;position:relative!important;text-shadow:0 2px 4px #0000004d!important;z-index:10!important}.dashboard .dashboard-header .header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;position:relative;z-index:1}.dashboard .dashboard-header .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}.dashboard .dashboard-header .date-range-control label{color:#fff!important;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:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);gap:1rem;min-height:140px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{height:4px;right: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)}.kpi-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:3rem;line-height:1;opacity:.9}.kpi-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.kpi-label{color:var(--text-secondary);font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem}.kpi-value{color:var(--text-primary)!important;font-size:2rem;font-weight:700;letter-spacing:-.5px;overflow-wrap:break-word;text-shadow:0 1px 2px #0000000d;word-break:break-word}.kpi-subtitle{color:#64748b;color:var(--text-secondary);font-size:.7rem;font-weight:500;margin-bottom:.25rem;opacity:.8}.kpi-trend{align-items:center;background:#00000008;border-radius:6px;display:inline-flex;font-size:.8rem;font-weight:700;gap:.25rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.kpi-trend.positive{background:#0596691a;color:#059669;color:var(--director-emerald)}.kpi-trend.negative{background:#e11d481a;color:#e11d48;color:var(--director-rose)}.kpi-header{flex-direction:column;gap:.25rem;margin-bottom:1rem}.kpi-header h3{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.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:visible;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{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);border-radius:8px;color:#0f172a;color:var(--text-primary);cursor:pointer;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}.team-section-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.section-title{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.section-title,.team-controls{align-items:center;display:flex}.team-controls{gap:1rem}.team-count{border-radius:20px;color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.375rem .75rem}.team-count,.view-toggle{background:#f8fafc;background:var(--bg-secondary)}.view-toggle{border:1px solid #e2e8f0;border:1px solid var(--border-color);padding:3px}.toggle-btn{color:#64748b;color:var(--text-secondary);font-size:1rem;padding:.375rem .75rem;transition:all .2s ease}.toggle-btn.active{background:#1e40af;background:var(--director-blue);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.toggle-btn:hover:not(.active){background:#0000000d}.team-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-card-compact{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.875rem;transition:all .2s ease}.team-card-compact:hover{border-color:#1e40af;border-color:var(--director-blue);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.card-top{gap:.625rem;margin-bottom:.75rem}.card-top,.member-avatar-sm{align-items:center;display:flex}.member-avatar-sm{background:linear-gradient(135deg,#1e40af,#7c3aed);background:linear-gradient(135deg,var(--director-blue),var(--director-purple));border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:36px;justify-content:center;width:36px}.member-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.member-name{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-role-sm{color:#64748b;color:var(--text-secondary);font-size:.7rem}.perf-badge{border-radius:12px;flex-shrink:0;font-size:.7rem;font-weight:700;padding:.25rem .5rem}.perf-badge.excellent{background:#0596691f;color:#059669;color:var(--director-emerald)}.perf-badge.good{background:#1e40af1f;color:#1e40af;color:var(--director-blue)}.perf-badge.low{background:#d977061f;color:#d97706;color:var(--director-amber)}.card-stats-row{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.5rem;padding-top:.625rem}.mini-stat{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:6px;display:flex;flex:1 1;flex-direction:column;padding:.375rem .25rem;text-align:center}.mini-stat.revenue{flex:1.5 1}.mini-val{color:#0f172a;color:var(--text-primary);font-size:.8rem;font-weight:700;line-height:1.2}.mini-stat.revenue .mini-val{font-size:.7rem}.mini-lbl{color:#64748b;color:var(--text-secondary);font-size:.6rem;font-weight:500;text-transform:uppercase}.team-list-container{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.team-list-table{border-collapse:collapse;font-size:.8rem;width:100%}.team-list-table thead{background:#f8fafc;background:var(--bg-secondary)}.team-list-table th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#64748b;color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.625rem .75rem;text-align:left;text-transform:uppercase}.team-list-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);padding:.625rem .75rem}.team-list-table tbody tr:hover{background:#1e40af08}.team-list-table tbody tr:last-child td{border-bottom:none}.list-member{gap:.5rem}.list-member,.member-avatar-xs{align-items:center;display:flex}.member-avatar-xs{background:linear-gradient(135deg,#1e40af,#7c3aed);background:linear-gradient(135deg,var(--director-blue),var(--director-purple));border-radius:50%;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;height:28px;justify-content:center;width:28px}.list-name{color:#0f172a;color:var(--text-primary);font-weight:600}.role-tag{background:#f8fafc;background:var(--bg-secondary);border-radius:4px;color:#64748b;color:var(--text-secondary);font-size:.7rem;padding:.2rem .5rem}.perf-badge-sm{border-radius:8px;font-size:.7rem;font-weight:700;padding:.2rem .4rem}.perf-badge-sm.excellent{background:#0596691f;color:#059669;color:var(--director-emerald)}.perf-badge-sm.good{background:#1e40af1f;color:#1e40af;color:var(--director-blue)}.perf-badge-sm.low{background:#d977061f;color:#d97706;color:var(--director-amber)}.revenue-cell{color:#059669;color:var(--director-emerald);font-weight:600}.team-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}.page-btn{background:var(--bg-card);border:1px solid var(--border-color);color:#0f172a;color:var(--text-primary);font-weight:500;padding:.5rem 1rem}.page-btn:hover:not(:disabled){background:#1e40af;background:var(--director-blue);border-color:#1e40af;border-color:var(--director-blue);color:#fff}.page-btn:disabled{opacity:.5}.page-info{color:#64748b;color:var(--text-secondary);font-size:.8rem}.page-info strong{color:#0f172a;color:var(--text-primary)}.team-empty{align-items:center;background:#fff;background:var(--bg-card);border:1px dashed #e2e8f0;border:1px dashed var(--border-color);border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:2.5rem}.empty-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.7}.empty-text{color:#0f172a;color:var(--text-primary);font-size:.9rem;font-weight:500}.empty-hint{color:#64748b;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem}@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-cards-grid{grid-template-columns:1fr}.team-section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}@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}.team-cards-grid{grid-template-columns:1fr}.card-stats-row{flex-wrap:wrap}.mini-stat{flex:1 1 45%}.mini-stat.revenue{flex:1 1 100%}.team-list-table{font-size:.75rem}.team-list-table td,.team-list-table th{padding:.5rem}.section-title{font-size:1.25rem}.kpi-value{font-size:1.75rem}.kpi-icon{font-size:2.5rem}.kpi-card{min-height:120px}.chart-card,.kpi-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}.kpi-icon{font-size:2rem}.kpi-card{gap:.75rem;min-height:100px;padding:.875rem}.kpi-label{font-size:.75rem}.kpi-subtitle{font-size:.65rem}.kpi-trend{font-size:.7rem;padding:.2rem .4rem}.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}.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:0 4px 6px -1px #0000001a;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)}.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-gap:20px;display:grid;gap:20px;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{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;display:flex;justify-content:space-between;margin-bottom:12px}.promo-code-section{align-items:center;display:flex;gap:8px}.promo-code{background:#f3f4f6;border-radius:6px;color:#1f2937;font-family:Courier New,monospace;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;line-height:1.5;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{align-items:center;display:flex;flex-direction:column;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;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;font-size:15px}.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-overlay{padding:0}.modal-content-modern{border-radius:16px;max-height:90vh;width:90%}.modal-header-modern{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px}.modal-header-modern h2{font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;color:#fff;display:flex;font-size:20px;justify-content:center;padding:0;transition:all .2s ease}.close-btn:hover{background:#ffffff4d;color:#fff}.form-modern{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 20px 20px}.form-group-modern{gap:4px}.form-group-modern label{color:#374151;font-size:13px;font-weight:600}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#1f2937;font-size:15px;padding:10px 12px;width:100%}.form-group-modern textarea{min-height:60px;resize:vertical}.form-group-modern select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group-modern input[type=date]{-webkit-appearance:none;appearance:none;cursor:pointer;min-height:42px}.form-group-modern input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;margin-right:-4px;opacity:.7;padding:4px}.form-group-modern input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-group-modern input[type=number]{-moz-appearance:textfield}.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-group-modern input:disabled,.form-group-modern select:disabled,.form-group-modern textarea:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:1}.form-row-modern{grid-gap:12px;gap:12px}.form-row-modern.three-cols{grid-template-columns:1fr 1fr 1fr}.modal-actions-modern{background:#f9fafb;border-top:1px solid #e5e7eb;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 20px}.btn-cancel,.btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb}.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;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%}.modal-overlay{align-items:stretch;padding:0}.modal-content-modern{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.modal-header-modern{padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header-modern h2{font-size:18px}.form-modern{gap:14px;padding:16px 20px 100px}.form-row-modern{gap:14px;grid-template-columns:1fr}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{font-size:16px;min-height:48px;padding:14px 12px}.form-group-modern input[type=date]{min-height:52px}.form-group-modern select{padding-right:40px}.form-group-modern label{font-size:13px}.form-group-modern textarea{min-height:80px}.modal-actions-modern{background:#fff;bottom:0;box-shadow:0 -4px 12px #0000001a;left:0;padding:12px 20px;position:fixed;right:0;z-index:20}.modal-actions-modern .btn-cancel,.modal-actions-modern .btn-primary{flex:1 1;font-size:15px;padding:14px 16px}.fab-button{bottom:20px;font-size:28px;height:56px;right:20px;width:56px}}@media (max-width:480px){.sales-executive-dashboard{padding:12px}.user-welcome h1{font-size:24px}.modal-header-modern h2{font-size:16px}.form-modern{padding:14px 16px 100px}.form-group-modern input,.form-group-modern select{padding:12px 10px}}.manager-room-types{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh;padding:2rem 2.5rem}.page-header{background:#0000;margin-bottom:2.5rem;padding:0}.header-left h1{color:#0f172a;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .35rem}.subtitle{color:#64748b;font-size:.9rem;font-weight:400;margin:0}.btn-primary{background:#0f172a;font-size:.875rem;padding:.75rem 1.25rem;transition:all .15s ease}.btn-primary:hover{background:#1e293b}.btn-secondary{font-size:.875rem;padding:.75rem 1.25rem;transition:all .15s ease}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.alert{font-size:.9rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-error,.alert-success{border:none}.alert button{font-size:1.1rem;line-height:1;opacity:.5;padding:0;transition:opacity .15s}.alert button:hover{opacity:1}.manager-room-types .room-types-grid{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}.manager-room-types .room-type-card{background:#fff!important;border:1px solid #0000000a!important;border-radius:16px!important;box-shadow:0 1px 3px #0000000f!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.room-type-card:hover{border-color:#0000!important;box-shadow:0 20px 40px #0000001a!important;transform:translateY(-4px)!important}.room-type-card.inactive{filter:grayscale(.3);opacity:.5}.manager-room-types .room-type-card .card-image{background:linear-gradient(135deg,#1e293b,#0f172a)!important;height:200px!important;overflow:hidden!important;position:relative!important;width:100%!important}.card-image img{height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.room-type-card:hover .card-image img{transform:scale(1.05)}.image-placeholder{align-items:center;background:linear-gradient(135deg,#475569,#1e293b);color:#ffffff80;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:3rem;margin-bottom:.75rem;opacity:.7}.image-placeholder span:last-child{font-size:.85rem;font-weight:500;letter-spacing:.5px}.inactive-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444f2;border-radius:6px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.35rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;z-index:2}.manager-room-types .room-type-card .card-content{display:flex!important;flex:1 1!important;flex-direction:column!important;padding:1.25rem 1.5rem!important}.manager-room-types .room-type-card .card-content h3{color:#0f172a!important;font-size:1.15rem!important;font-weight:700!important;letter-spacing:-.01em!important;margin:0 0 .5rem!important}.manager-room-types .room-type-card .short-desc{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#64748b!important;display:-webkit-box!important;font-size:.85rem!important;line-height:1.5!important;margin-bottom:1rem!important;overflow:hidden!important}.manager-room-types .room-type-card .card-stats{grid-gap:.25rem!important;background:#f8fafc!important;border:none!important;border-radius:10px!important;display:grid!important;gap:.25rem!important;grid-template-columns:1.4fr 1fr 1fr 1fr!important;margin-bottom:1rem!important;padding:.75rem .5rem!important}.manager-room-types .room-type-card .stat{align-items:center!important;background:none!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;padding:.25rem!important;text-align:center!important}.manager-room-types .stat .stat-icon{display:none!important}.manager-room-types .stat .stat-value{color:#0f172a!important;font-size:.95rem!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}.manager-room-types .stat .stat-label{color:#64748b!important;font-size:.55rem!important;font-weight:600!important;letter-spacing:.05em!important;margin-top:.15rem!important;text-transform:uppercase!important;white-space:nowrap!important}.amenities-preview{display:flex;flex-wrap:nowrap;gap:.4rem;margin-bottom:1rem;overflow:hidden}.amenity-tag{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .15s ease;width:32px}.amenity-tag:hover{background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.amenity-more{align-items:center;background:#0f172a;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:32px;padding:0 .6rem}.manager-room-types .room-card,.rooms-grid-enhanced,.rooms-header,.rooms-header strong,.rooms-list,.rooms-subtitle{display:none}.manager-room-types .room-card:hover{transform:none}.manager-room-types .room-available,.manager-room-types .room-cleaning,.manager-room-types .room-maintenance,.manager-room-types .room-number,.manager-room-types .room-occupied,.manager-room-types .room-reserved,.manager-room-types .room-status-indicator{display:none}.web-info{margin-top:auto;padding-top:.75rem}.info-badge{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:6px;color:#059669;display:inline-flex;font-size:.7rem;gap:.4rem;padding:.4rem .65rem}.room-type-card.inactive .info-badge{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.info-icon{font-size:.75rem}.manager-room-types .room-type-card .card-actions{background:#fafbfc!important;border-top:1px solid #f1f5f9!important;display:flex!important;gap:.5rem!important;padding:1rem 1.5rem!important}.manager-room-types .card-actions button{align-items:center!important;border:none!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;flex:1 1!important;font-size:.8rem!important;font-weight:600!important;gap:.35rem!important;justify-content:center!important;padding:.625rem .75rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.manager-room-types .btn-edit{background:#0f172a!important;color:#fff!important;flex:2 1!important}.manager-room-types .btn-edit:hover{background:#1e293b!important;transform:translateY(-1px)!important}.manager-room-types .btn-toggle{background:#fff!important;border:1px solid #e2e8f0!important;color:#64748b!important}.manager-room-types .btn-toggle:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.manager-room-types .btn-delete{background:#fff!important;border:1px solid #fecaca!important;color:#ef4444!important}.manager-room-types .btn-delete:hover{background:#fef2f2!important;border-color:#fca5a5!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{box-shadow:0 25px 50px -12px #00000040}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{color:#0f172a;font-size:1.125rem}.btn-close{align-items:center;border-radius:6px;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.modal-footer{background:#f9fafb;gap:.75rem;padding:1.25rem 1.5rem}.room-type-form{padding:1.5rem}.form-section{margin-bottom:1.75rem}.form-section h3{border-bottom:1px solid #e5e7eb;color:#0f172a;font-size:.9rem;margin:0 0 1rem;padding-bottom:.75rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.8rem;margin-bottom:.375rem}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#0f172a;font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all .15s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.form-hint{font-size:.7rem;margin-top:.25rem}.checkbox-label{border-radius:6px;color:#374151;font-size:.85rem;gap:.625rem;padding:.625rem .75rem;transition:background .15s}.checkbox-label:hover{background:#f9fafb}.checkbox-label input[type=checkbox]{accent-color:#0f172a;height:16px;width:16px}.checkbox-prominent{background:#f9fafb;border:1px solid #e5e7eb;margin-bottom:1rem}.checkbox-prominent:hover{background:#f3f4f6;border-color:#0f172a}.modal-room-edit{max-width:550px}.amenities-grid{grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.amenity-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.625rem;transition:all .15s ease}.amenity-checkbox:hover{background:#f9fafb;border-color:#0f172a}.amenity-checkbox input[type=checkbox]{accent-color:#0f172a;cursor:pointer;height:14px;width:14px}.amenity-icon{font-size:1rem}.amenity-label{color:#374151;font-size:.75rem;font-weight:500}.loading-container{gap:1rem;min-height:50vh}.loading-container p{color:#6b7280;font-size:.9rem}.spinner{border:3px solid #e5e7eb;border-top-color:#0f172a;height:36px;width:36px}.empty-state{border:1px solid #0000000a;box-shadow:0 1px 3px #0000000f;grid-column:1/-1;padding:5rem 2rem}.empty-state p{font-weight:500;margin-bottom:1.5rem}.info-readonly{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:.5rem;padding:.875rem}.info-readonly p{color:#6b7280;font-size:.8rem;margin:.3rem 0}.info-readonly strong{color:#0f172a;font-weight:600}.images-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:.625rem}.image-preview-item{aspect-ratio:4/3;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;position:relative}.image-preview-item img{height:100%;object-fit:cover;width:100%}.image-preview-item:hover{border-color:#0f172a}.image-preview-item .image-overlay{background:linear-gradient(0deg,#000000b3 0,#0000 60%);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:.375rem;position:absolute;transition:opacity .2s}.image-preview-item:hover .image-overlay{opacity:1}.main-badge{align-self:flex-start;background:#16a34a;border-radius:3px;color:#fff;font-size:.55rem;font-weight:600;padding:.15rem .35rem;text-transform:uppercase}.image-actions{gap:.3rem}.image-actions button{background:#fff;border:none;border-radius:4px;color:#374151;display:flex;font-size:.75rem;height:24px;width:24px}.image-actions button:hover{background:#f3f4f6}.image-actions .btn-remove{background:#ef4444;color:#fff}.image-actions .btn-remove:hover{background:#dc2626}.image-upload-btn{align-items:center;aspect-ratio:4/3;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;justify-content:center;transition:all .15s}.image-upload-btn:hover{background:#0f172a05;border-color:#0f172a}.upload-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:.25rem}.upload-icon{font-size:1.25rem}.upload-placeholder span:nth-child(2){color:#374151;font-size:.7rem;font-weight:500}.upload-hint{color:#9ca3af;font-size:.6rem}.image-preview-item.uploading{border-color:#0f172a}.image-preview-item.uploading img{filter:blur(2px) brightness(.9)}.upload-spinner{align-items:center;background:#ffffffe6;color:#0f172a;display:flex;flex-direction:column;font-size:.75rem;font-weight:500;inset:0;justify-content:center;position:absolute}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-top-color:#0f172a;height:18px;margin-bottom:.35rem;width:18px}.warning-text{align-items:center;display:flex;font-size:.8rem;gap:.35rem;margin-top:.5rem}.required-badge{background:#f59e0b;border-radius:3px;color:#fff;font-size:.55rem;font-weight:600;margin-left:.35rem;padding:.15rem .35rem;text-transform:uppercase}@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}.room-types-grid{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.amenities-grid{grid-template-columns:1fr 1fr}.modal-content{max-height:95vh}.room-type-form{padding:1rem}}@media (max-width:480px){.card-actions{flex-direction:column}.card-actions button{width:100%}.amenities-grid{grid-template-columns:1fr}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f3f4f6}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.rooms-list::-webkit-scrollbar{display:none}.promotions-manager{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:1.5rem 2rem}.promotions-manager .promo-manager-header{justify-content:space-between;margin-bottom:1.5rem}.promotions-manager .header-left,.promotions-manager .promo-manager-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.promotions-manager .header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:0}.promotions-manager .btn-back{background:#fff;border:1.5px solid #e0e7ff;border-radius:8px;color:#4f46e5;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.promotions-manager .btn-back:hover{background:#e0e7ff;transform:translateX(-2px)}.promotions-manager .btn-create-promo{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;box-shadow:0 4px 12px #4f46e54d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.6rem 1.5rem;transition:all .2s}.promotions-manager .btn-create-promo:hover{box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.promotions-manager .promo-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.25rem}.promotions-manager .stat-card{align-items:center;background:#fff;border:1px solid #0000000a;border-radius:10px;box-shadow:0 1px 4px #0000000d;display:flex;gap:.75rem;padding:.85rem 1rem;transition:all .2s}.promotions-manager .stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.promotions-manager .stat-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.promotions-manager .stat-icon.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.promotions-manager .stat-icon.revenue{background:linear-gradient(135deg,#fef3c7,#fde68a)}.promotions-manager .stat-icon.usage{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.promotions-manager .stat-icon.discount{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.promotions-manager .stat-info{display:flex;flex-direction:column;min-width:0}.promotions-manager .stat-value{background:none!important;border-radius:0!important;color:#111827!important;font-size:1.1rem!important;font-weight:800!important;line-height:1.2;padding:0!important}.promotions-manager .stat-label{color:#6b7280!important;font-size:.65rem!important;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.promotions-manager .promo-filters{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:.65rem 1.25rem}.promotions-manager .filter-group{align-items:center;display:flex;gap:.4rem}.promotions-manager .filter-group label{color:#6b7280;font-size:.75rem;font-weight:600;white-space:nowrap}.promotions-manager .filter-group select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%234b5563' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:1.5px solid #e5e7eb;border-radius:6px;color:#111827;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem 2rem .4rem .65rem;transition:border-color .2s}.promotions-manager .filter-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.promotions-manager .filter-summary{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:.78rem;font-weight:600;margin-left:auto;padding:.4rem .85rem}.promotions-manager .filter-summary strong{color:#4f46e5;font-weight:800}.promotions-manager .promotions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.promotions-manager .promotion-card{background:#fff;border:1px solid #0000000d;border-radius:10px;box-shadow:0 1px 4px #0000000a;overflow:hidden;padding:1rem;position:relative;transition:all .2s}.promotions-manager .promotion-card:before{background:linear-gradient(90deg,#4f46e5,#7c3aed);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.promotions-manager .promotion-card:hover:before{opacity:1}.promotions-manager .promotion-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.promotions-manager .promo-card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.65rem;padding-bottom:.65rem}.promotions-manager .promo-title-section{flex:1 1;min-width:0}.promotions-manager .promo-title-section h3{color:#111827!important;font-size:.85rem!important;font-weight:700!important;line-height:1.3;margin:0 0 .2rem!important}.promotions-manager .promo-code{background:#eef2ff;border-radius:3px;color:#4f46e5;display:inline-block;font-family:SF Mono,Courier New,monospace;font-size:.6rem;font-weight:600;padding:.1rem .4rem}.promotions-manager .promo-badges{align-items:center;display:flex;flex-shrink:0;gap:.3rem}.promotions-manager .status-badge,.promotions-manager .visibility-badge{border-radius:5px;font-size:.6rem;font-weight:700;padding:.15rem .45rem;white-space:nowrap}.promotions-manager .status-active{background:#dcfce7;color:#166534}.promotions-manager .status-paused{background:#fef3c7;color:#92400e}.promotions-manager .status-expired{background:#fee2e2;color:#991b1b}.promotions-manager .status-draft{background:#f3f4f6;color:#374151}.promotions-manager .status-pending{background:#dbeafe;color:#1e40af}.promotions-manager .status-rejected{background:#fee2e2;color:#991b1b}.promotions-manager .visibility-badge.public{background:#dbeafe;color:#1e40af}.promotions-manager .promo-card-body{margin-bottom:.65rem}.promotions-manager .promo-info-row{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:1fr 1fr;margin-bottom:.4rem}.promotions-manager .info-item{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:6px;display:flex;gap:.4rem;overflow:hidden;padding:.4rem .5rem}.promotions-manager .info-item:hover{background:#fff;box-shadow:0 1px 3px #0000000a}.promotions-manager .info-icon{flex-shrink:0;font-size:.75rem!important;line-height:1;opacity:.7}.promotions-manager .info-content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.promotions-manager .info-label{color:#9ca3af!important;font-size:.55rem!important;font-weight:600;letter-spacing:.3px;line-height:1;text-transform:uppercase}.promotions-manager .info-value{color:#111827!important;font-size:.78rem!important;font-weight:700!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotions-manager .promo-revenue-section{border-top:1px solid #f3f4f6;margin-top:.4rem;padding-top:.4rem}.promotions-manager .revenue-bar{background:#e5e7eb;border-radius:4px;height:4px;margin-bottom:.3rem;overflow:hidden}.promotions-manager .revenue-progress{background:linear-gradient(90deg,#4f46e5,#7c3aed);height:100%;transition:width .4s ease}.promotions-manager .revenue-labels{color:#6b7280!important;display:flex;font-size:.65rem;font-weight:500;justify-content:space-between}.promotions-manager .revenue-labels span{color:#6b7280!important}.promotions-manager .promo-card-actions{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.65rem}.promotions-manager .pm-action-btn{align-items:center;border-radius:6px!important;cursor:pointer;display:inline-flex;font-size:.72rem!important;font-weight:600!important;gap:.25rem;line-height:1.3;padding:.35rem .7rem!important;transition:all .15s;white-space:nowrap}.promotions-manager .pm-action-btn.view{background:#eef2ff!important;border:1.5px solid #c7d2fe!important;color:#4f46e5!important}.promotions-manager .pm-action-btn.view:hover{background:#4f46e5!important;border-color:#4f46e5!important;color:#fff!important}.promotions-manager .pm-action-btn.toggle{background:#fffbeb!important;border:1.5px solid #fde68a!important;color:#d97706!important}.promotions-manager .pm-action-btn.toggle:hover{background:#d97706!important;border-color:#d97706!important;color:#fff!important}.promotions-manager .pm-action-btn.delete{background:#fef2f2!important;border:1.5px solid #fecaca!important;color:#ef4444!important}.promotions-manager .pm-action-btn.delete:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.promotions-manager .pm-action-btn.visibility{background:#f9fafb!important;border:1.5px solid #d1d5db!important;color:#6b7280!important}.promotions-manager .pm-action-btn.visibility:hover{background:#1e40af!important;border-color:#1e40af!important;color:#fff!important}.promotions-manager .pm-action-btn.visibility.public{background:#eff6ff!important;border-color:#93c5fd!important;color:#1e40af!important}.promotions-manager .pm-action-btn.visibility.public:hover{background:#1e40af!important;color:#fff!important}.promotions-manager .empty-state{background:#fff;border:2px dashed #e5e7eb;border-radius:14px;grid-column:1/-1;padding:3rem 2rem;text-align:center}.promotions-manager .empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.5}.promotions-manager .empty-state h3{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 .4rem}.promotions-manager .empty-state p{color:#6b7280;font-size:.9rem;margin:0 0 1.25rem}.promotions-manager .loading-state{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:250px}.promotions-manager .spinner{animation:pm-spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:36px;width:36px}@keyframes pm-spin{to{transform:rotate(1turn)}}.promotions-manager .loading-state p{color:#6b7280;font-size:.9rem;font-weight:600}.promotions-manager .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.promotions-manager .modal-content{animation:pm-slideUp .25s ease;background:#fff;border-radius:14px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes pm-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.promotions-manager .modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 1.5rem}.promotions-manager .modal-header h2{color:#111827;font-size:1.15rem;font-weight:700;margin:0}.promotions-manager .modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.promotions-manager .modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.promotions-manager .modal-body{padding:1.25rem 1.5rem}.promotions-manager .form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.promotions-manager .form-group{display:flex;flex-direction:column;gap:.3rem}.promotions-manager .form-group.full-width{grid-column:1/-1}.promotions-manager .form-group label{color:#111827;font-size:.82rem;font-weight:600}.promotions-manager .form-group input[type=date],.promotions-manager .form-group input[type=number],.promotions-manager .form-group input[type=text],.promotions-manager .form-group select,.promotions-manager .form-group textarea{border:1.5px solid #e5e7eb;border-radius:7px;color:#111827;font-family:inherit;font-size:.85rem;font-weight:500;padding:.55rem .75rem;transition:all .2s}.promotions-manager .form-group input:focus,.promotions-manager .form-group select:focus,.promotions-manager .form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.promotions-manager .form-group input::placeholder,.promotions-manager .form-group textarea::placeholder{color:#9ca3af}.promotions-manager .form-group small{color:#6b7280;font-size:.72rem;font-weight:500}.promotions-manager .form-group textarea{min-height:60px;resize:vertical}.promotions-manager .form-group input[type=checkbox]{cursor:pointer;height:16px;margin-right:.35rem;width:16px}.promotions-manager .modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:.65rem;justify-content:flex-end;padding:.85rem 1.5rem}.promotions-manager .btn-secondary{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;color:#111827;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1.15rem;transition:all .2s}.promotions-manager .btn-secondary:hover{background:#f3f4f6}.promotions-manager .btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:7px;box-shadow:0 3px 8px #4f46e540;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1.15rem;transition:all .2s}.promotions-manager .btn-primary:hover:not(:disabled){box-shadow:0 5px 14px #4f46e559;transform:translateY(-1px)}.promotions-manager .btn-primary:disabled,.promotions-manager .btn-secondary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.promotions-manager .promo-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.promotions-manager{padding:1rem}.promotions-manager .promo-manager-header{align-items:stretch;flex-direction:column}.promotions-manager .header-left{flex-direction:column;gap:.5rem}.promotions-manager .header-left h1{font-size:1.25rem}.promotions-manager .promo-stats-grid{grid-template-columns:1fr 1fr}.promotions-manager .promo-filters{align-items:stretch;flex-direction:column}.promotions-manager .filter-summary{margin-left:0;text-align:center}.promotions-manager .form-grid,.promotions-manager .promo-info-row,.promotions-manager .promotions-grid{grid-template-columns:1fr}}@media (max-width:480px){.promotions-manager .promo-stats-grid{grid-template-columns:1fr}.promotions-manager .promo-card-actions{flex-direction:column}.promotions-manager .pm-action-btn{justify-content:center;text-align:center}}.mgr-promos{background:#f1f5f9;margin:-30px;min-height:100vh;padding:0}.mgr-loading{color:#64748b;font-size:1.1rem;justify-content:center;min-height:60vh}.mgr-header,.mgr-loading{align-items:center;display:flex}.mgr-header{background:#1e293b;gap:1rem;padding:1rem 1.5rem}.mgr-header h1{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.mgr-back{background:#334155;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.mgr-back:hover{background:#475569}.mgr-stats{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem 1.5rem}.mgr-stat{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:1rem}.mgr-stat.orange{border-left:4px solid #f59e0b}.mgr-stat.gray{border-left:4px solid #64748b}.mgr-stat.green{border-left:4px solid #10b981}.mgr-stat-num{color:#0f172a;font-size:2rem;font-weight:700;line-height:1}.mgr-stat-label{color:#475569;font-size:.8rem;font-weight:600;margin-top:.25rem;text-transform:uppercase}.mgr-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.mgr-empty{color:#64748b;font-size:1rem;padding:3rem 2rem;text-align:center}.mgr-card,.mgr-empty{background:#fff;border:1px solid #e2e8f0;border-radius:12px}.mgr-card{box-shadow:0 1px 3px #0000001a;padding:1.25rem}.mgr-card-pending_approval{border-left:4px solid #f59e0b}.mgr-card-draft{border-left:4px solid #64748b}.mgr-card-active{border-left:4px solid #10b981}.mgr-card-rejected{border-left:4px solid #ef4444}.mgr-card-paused{border-left:4px solid #8b5cf6}.mgr-card-expired{border-left:4px solid #94a3b8}.mgr-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.mgr-card-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.mgr-card-code{background:#e2e8f0;color:#475569;display:inline-block;font-family:monospace;padding:.2rem .5rem}.mgr-badge,.mgr-card-code{border-radius:4px;font-size:.75rem;font-weight:600}.mgr-badge{padding:.35rem .75rem;white-space:nowrap}.mgr-badge-draft{background:#f1f5f9;color:#475569}.mgr-badge-pending_approval{background:#fef3c7;color:#92400e}.mgr-badge-active{background:#d1fae5;color:#065f46}.mgr-badge-paused{background:#ede9fe;color:#5b21b6}.mgr-badge-expired{background:#f1f5f9;color:#64748b}.mgr-badge-rejected{background:#fee2e2;color:#991b1b}.mgr-card-desc{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;line-height:1.5;margin:0 0 1rem;padding:.75rem 1rem}.mgr-card-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.mgr-info-item{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-direction:column;min-width:100px;padding:.6rem .75rem}.mgr-info-label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.3px;margin-bottom:.2rem;text-transform:uppercase}.mgr-info-value{color:#0f172a;font-size:.9rem;font-weight:600}.mgr-highlight{color:#dc2626;font-size:1rem;font-weight:700}.mgr-public{color:#059669;font-weight:600}.mgr-rejected-reason{background:#fef2f2;border-left:3px solid #ef4444;border-radius:6px;color:#991b1b;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.mgr-card-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;padding-top:1rem}.mgr-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:background .2s,color .2s}.mgr-btn:disabled{cursor:not-allowed;opacity:.5}.mgr-btn-approve{background:#10b981;color:#fff}.mgr-btn-approve:hover:not(:disabled){background:#059669}.mgr-btn-reject{background:#fff;border:2px solid #dc2626;color:#dc2626}.mgr-btn-reject:hover:not(:disabled){background:#dc2626;color:#fff}.mgr-btn-cancel{background:#fff;border:1px solid #cbd5e1;color:#64748b}.mgr-btn-cancel:hover{background:#f1f5f9}.mgr-modal-bg{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mgr-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:1.5rem;width:90%}.mgr-modal h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.mgr-modal p{color:#64748b;font-size:.9rem;margin:0 0 1rem}.mgr-modal textarea{border:1px solid #cbd5e1;border-radius:6px;font-family:inherit;font-size:.9rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.mgr-modal textarea:focus{border-color:#3b82f6;outline:none}.mgr-modal-btns{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width:768px){.mgr-promos{margin:0}.mgr-header{align-items:flex-start;gap:.75rem}.mgr-header,.mgr-stats{flex-direction:column;padding:1rem}.mgr-stats{gap:.5rem}.mgr-list{padding:1rem}.mgr-card-top{gap:.5rem}.mgr-card-info,.mgr-card-top{flex-direction:column}.mgr-info-item{width:100%}.mgr-card-actions{flex-direction:column}}.landing-editor{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px}.loading-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;flex-direction:column;gap:16px;min-height:400px}.spinner{border:4px solid #e5e7eb;border-top-color:#667eea;height:48px;width:48px}.editor-header{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px;padding:24px 28px}.editor-header,.header-info h1{align-items:center;display:flex}.header-info h1{color:#1f2937;font-size:1.75rem;font-weight:700;gap:12px;margin:0 0 6px}.header-info h1:before{content:"🎨";font-size:1.5rem}.header-info p{color:#6b7280;font-size:.95rem;margin:0}.btn-preview{align-items:center;background:linear-gradient(135deg,#667eea,#5a67d8);border:none;border-radius:10px;box-shadow:0 4px 14px #667eea4d;color:#fff;display:flex;font-size:.95rem;gap:8px;transition:all .25s ease}.btn-preview:before{content:"👁️"}.btn-preview:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-preview:active:not(:disabled){transform:translateY(0)}.btn-preview:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.alert{border-radius:12px;font-size:.95rem;gap:10px;margin-bottom:20px;padding:14px 18px}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.alert-error:before{content:"⚠️"}.alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.alert-success:before{content:"✅"}.url-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 30px #667eea59;color:#fff;margin-bottom:28px;overflow:hidden;padding:24px 28px;position:relative}.url-card:before{background:#ffffff14;border-radius:50%;content:"";height:300px;position:absolute;right:-20%;top:-50%;width:300px}.url-label{font-size:.9rem;font-weight:500;margin-bottom:10px;opacity:.9}.url-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:12px;display:flex;gap:14px;padding:14px 18px}.url-text{flex:1 1;font-family:Monaco,Consolas,monospace;font-size:.9rem;letter-spacing:.02em;word-break:break-all}.btn-copy{align-items:center;background:#ffffff40;border:1px solid #fff6;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .25s ease}.btn-copy:before{content:"📋";font-size:.9rem}.btn-copy:hover{background:#ffffff59;transform:translateY(-1px)}.editor-tabs{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;gap:6px;margin-bottom:24px;padding:8px}.tab{border-radius:10px;font-size:.9rem;font-weight:600;padding:12px 22px;position:relative;transition:all .25s ease}.tab.active{background:linear-gradient(135deg,#667eea,#5a67d8);box-shadow:0 4px 12px #667eea4d}.editor-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.editor-form,.form-section,.tab-content{overflow:visible}.form-section{border-bottom:1px solid #f1f5f9;margin-bottom:36px;padding-bottom:32px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin:0 0 8px}.section-hint{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 20px}.form-row{gap:24px}.form-group.full-width{flex:1 1 100%}.form-group label{font-size:.875rem;letter-spacing:.01em}.landing-editor .form-group input[type=email],.landing-editor .form-group input[type=password],.landing-editor .form-group input[type=tel],.landing-editor .form-group input[type=text],.landing-editor .form-group input[type=url],.landing-editor .form-group select,.landing-editor .form-group textarea{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;background-color:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;box-sizing:border-box!important;color:#1f2937!important;font-family:inherit!important;font-size:.95rem!important;padding:12px 14px!important;transition:all .2s ease!important;width:100%!important}.landing-editor .form-group select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;cursor:pointer!important;padding-right:40px!important}.landing-editor .form-group input:hover,.landing-editor .form-group select:hover,.landing-editor .form-group textarea:hover{background-color:#fff!important;border-color:#cbd5e1!important}.landing-editor .form-group input:focus,.landing-editor .form-group select:focus,.landing-editor .form-group textarea:focus{background:#fff!important;background-color:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 4px #667eea1f!important;outline:none!important}.landing-editor .form-group input::placeholder,.landing-editor .form-group textarea::placeholder{color:#9ca3af!important}.landing-editor .form-group input:-webkit-autofill,.landing-editor .form-group input:-webkit-autofill:focus,.landing-editor .form-group input:-webkit-autofill:hover,.landing-editor .form-group select:-webkit-autofill,.landing-editor .form-group textarea:-webkit-autofill{-webkit-text-fill-color:#1f2937!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group small{color:#64748b;font-size:.8rem;line-height:1.4}.form-hint{color:#64748b;font-size:.85rem;line-height:1.5;margin:14px 0 10px}.color-picker{align-items:center;display:flex;gap:12px}.landing-editor .color-picker input[type=color]{background:#0000!important;border:2px solid #e2e8f0!important;border-radius:10px!important;cursor:pointer!important;height:44px!important;padding:3px!important;transition:all .2s!important;width:56px!important}.landing-editor .color-picker input[type=color]:hover{border-color:#667eea!important;box-shadow:0 4px 12px #0000001a!important}.landing-editor .color-picker input[type=text]{background:#fff!important;background-color:#fff!important;color:#1f2937!important;flex:1 1!important;font-family:Monaco,Consolas,monospace!important;font-size:.9rem!important;max-width:130px!important}.templates-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.template-card{padding:20px}.template-card:hover{box-shadow:0 8px 24px #0000001a}.template-card.selected{background:linear-gradient(135deg,#667eea0d,#667eea1a);box-shadow:0 4px 16px #667eea33}.template-preview{border-radius:10px;height:90px;margin-bottom:14px;position:relative}.template-preview:after{background:linear-gradient(135deg,#0000,#fff3);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.template-info h4{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0 0 6px}.template-info p{color:#64748b;font-size:.875rem;margin:0}.selected-badge{box-shadow:0 2px 8px #00000026;font-size:.75rem;padding:5px 10px;right:12px;top:12px}.image-upload-area,.image-upload-area.small{max-width:520px;overflow:visible}.upload-dropzone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:48px 24px;text-align:center;transition:all .3s ease}.upload-dropzone:hover{background:linear-gradient(135deg,#667eea0d,#667eea1a);border-color:#667eea;transform:scale(1.01)}.dropzone-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000014;color:#94a3b8;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.dropzone-hint{color:#94a3b8;font-size:.8rem;margin-top:4px}.image-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:inline-flex;flex-direction:column;max-width:500px;min-width:280px;overflow:visible;position:relative}.image-preview img{border-radius:12px 12px 0 0;display:block;height:auto;max-height:280px;object-fit:cover;width:100%}.image-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;padding:12px 16px}.image-actions,.image-actions button{align-items:center;justify-content:center;min-width:-webkit-max-content;min-width:max-content;overflow:visible}.image-actions button{border:none!important;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.image-actions button:first-child{background:#3b82f6!important;box-shadow:0 2px 6px #3b82f64d;color:#fff!important}.image-actions button:first-child:hover{background:#2563eb!important;box-shadow:0 4px 10px #3b82f666}.image-actions button:nth-child(2){background:#fef2f2!important;border:1px solid #fecaca!important;color:#dc2626!important}.image-actions button:nth-child(2):hover{background:#fee2e2!important}.logo-preview{border-radius:10px;display:inline-flex;flex-direction:column;min-width:260px;overflow:visible;width:-webkit-fit-content;width:fit-content}.logo-preview img{background:#fff;border-radius:10px 10px 0 0;max-height:90px;padding:16px;width:auto}.logo-preview .image-actions{background:#f1f5f9;border-radius:0 0 10px 10px;gap:10px;padding:12px 16px}.logo-preview .image-actions,.logo-preview .image-actions button{min-width:-webkit-max-content;min-width:max-content;overflow:visible}.logo-preview .image-actions button{border-radius:6px;flex-shrink:0;font-size:.85rem;padding:8px 16px}.form-actions{background:#fafbfc;border-top:1px solid #f1f5f9;padding:24px 32px}.btn-save,.landing-editor .btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#5a67d8)!important;border:none!important;border-radius:12px;box-shadow:0 4px 14px #667eea4d!important;color:#fff!important;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;line-height:1.2;min-height:48px;padding:14px 40px;transition:all .25s ease}.btn-save:before{content:"💾"}.btn-save:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-save:active:not(:disabled){transform:translateY(0)}.btn-save:disabled{box-shadow:none;opacity:.6;transform:none}.payment-config{background:linear-gradient(135deg,#fafbff,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;margin-top:20px;padding:24px;position:relative}.payment-config:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.payment-config h3{align-items:center;display:flex;gap:10px;margin-bottom:4px}.payment-icon{font-size:1.3rem}.payment-config a{color:#667eea;font-weight:500;text-decoration:none}.payment-config a:hover{color:#5a67d8;text-decoration:underline}.landing-editor .payment-config .form-group input[type=password],.landing-editor .payment-config .form-group input[type=text]{background:#fff!important;background-color:#fff!important;border:1.5px solid #d1d5db!important;color:#1f2937!important}.landing-editor .payment-config .form-group input:focus{background:#fff!important;background-color:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 4px #667eea26!important}.payment-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px}.payment-status-card .status-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.payment-status-card .status-icon{font-size:1.6rem}.payment-status-card .status-text{color:#1e293b;font-size:1rem;font-weight:600}.payment-status-card .status-description{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.landing-editor{background:#f1f5f9;padding:16px}.editor-header{align-items:stretch;flex-direction:column;gap:16px;padding:20px}.header-info h1{font-size:1.4rem}.header-actions{width:100%}.btn-preview{justify-content:center;width:100%}.editor-tabs{-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto;padding:6px}.tab{flex-shrink:0;font-size:.8rem;padding:10px 14px;white-space:nowrap}.tab-content{padding:20px}.form-row{flex-direction:column;gap:16px}.templates-grid{gap:14px;grid-template-columns:1fr}.payment-config{margin-top:16px;padding:18px}.url-card{padding:18px 20px}.url-display{flex-direction:column;gap:12px;text-align:center}.btn-copy{justify-content:center;width:100%}.image-upload-area,.image-upload-area.small{max-width:100%}.form-actions{padding:20px}.btn-save{justify-content:center;width:100%}}.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-group label{color:#3b3936;color:var(--brand-dark,#3b3936)}.form-group input,.form-group select,.form-group textarea{font-size:.9rem}.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;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;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:#bd2a2e;color:var(--brand-red,#bd2a2e);font-size:1.5rem}.stat-label{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 h2{color:#bd2a2e;color:var(--brand-red,#bd2a2e);font-size:2rem;margin:0 0 .5rem}.page-header p{color:#6c757d;font-size:1.1rem}.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)}}.audit-logs-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header h1{color:#333;margin:0 0 .5rem}.page-header p{font-size:1rem}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.filters-form{display:flex;flex-direction:column;gap:1rem}.filter-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:.5rem}.filter-group label{color:#333;font-size:.9rem}.filter-group input,.filter-group select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .2s}.filter-group input:focus,.filter-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-actions{align-items:end;display:flex;gap:.5rem}.logs-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.error-message,.loading,.no-logs{color:#666;padding:3rem;text-align:center}.error-message{color:#dc3545}.logs-table-container{overflow-x:auto}.logs-table{border-collapse:collapse;font-size:.9rem;width:100%}.logs-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.logs-table th{font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.logs-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.logs-table tbody tr:hover{background:#f8f9ff}.logs-table td{padding:1rem;vertical-align:top}.log-date{color:#555;font-family:Courier New,monospace;font-size:.85rem;white-space:nowrap}.log-user strong{color:#333;font-size:.95rem}.log-user small{color:#666;font-size:.8rem}.log-details details{cursor:pointer}.log-details summary{border-radius:4px;color:#667eea;font-weight:600;padding:.25rem .5rem;transition:background .2s}.log-details summary:hover{background:#f0f0ff}.log-details pre{background:#f5f5f5;border-radius:6px;font-size:.8rem;margin-top:.5rem;max-width:400px;overflow-x:auto;padding:.75rem}.log-ip code{background:#f5f5f5;border-radius:4px;color:#555;font-size:.85rem;padding:.25rem .5rem}.badge{font-size:.75rem;padding:.375rem .75rem}.badge-primary{background:#007bff;color:#fff}.badge-success{background:#28a745;color:#fff}.badge-danger{background:#dc3545;color:#fff}.badge-warning{background:#ffc107;color:#333}.badge-info{background:#17a2b8;color:#fff}.badge-secondary{background:#6c757d;color:#fff}.pagination{background:#f8f9fa;border-top:1px solid #e0e0e0;gap:1rem;padding:1.5rem}.page-info{color:#333}.btn{font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#5a6268}.text-muted{color:#999;font-style:italic}@media (max-width:768px){.audit-logs-page{padding:1rem}.filter-row{grid-template-columns:1fr}.filter-actions{width:100%}.filter-actions .btn{flex:1 1}.logs-table{font-size:.8rem}.logs-table td,.logs-table th{padding:.75rem .5rem}.log-details pre{max-width:200px}}.reservation-stats-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:calc(100vh - 60px);padding:24px}.stats-header{align-items:center;background:linear-gradient(135deg,#bd2a2e,#8b1f22);border-radius:16px;box-shadow:0 8px 32px #bd2a2e40;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 28px}.stats-header-content{align-items:center;display:flex;gap:16px}.stats-header-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:14px;display:flex;font-size:1.8rem;height:52px;justify-content:center;width:52px}.stats-header-text h1{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.stats-header-text p{color:#ffffffd9;font-size:.95rem;font-weight:400;margin:0}.stats-header-period{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.stats-tabs-container{margin-bottom:24px}.stats-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 12px #00000014;display:flex;gap:8px;padding:6px}.stats-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .25s ease}.stats-tab:hover:not(.active){background:#f8fafc;color:#334155}.stats-tab.active{background:linear-gradient(135deg,#bd2a2e,#a02428);box-shadow:0 4px 16px #bd2a2e59;color:#fff}.stats-tab .tab-icon{font-size:1.2rem}.error-alert,.stats-tab .tab-label{font-weight:600}.error-alert{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;gap:8px;margin-bottom:20px;padding:14px 18px}.tab-content{display:flex;flex-direction:column;gap:24px}.filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:16px 20px}.filters-row{align-items:flex-end}.filter-group{gap:6px}.filter-group label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.5px}.filter-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;min-width:160px;padding:10px 14px;transition:all .2s ease}.filter-group input:focus{background:#fff;border-color:#bd2a2e;box-shadow:0 0 0 3px #bd2a2e1f;outline:none}.btn-search{align-items:center;background:linear-gradient(135deg,#bd2a2e,#a02428);box-shadow:0 4px 12px #bd2a2e4d;display:flex;font-size:.9rem;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-search:hover{box-shadow:0 6px 20px #bd2a2e66}.btn-search:active{transform:translateY(0)}.empty-state,.loading-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 30px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#bd2a2e}.loading-state span{color:#64748b;font-size:1rem;font-weight:500}.empty-icon{opacity:.6}.empty-state h3{color:#334155;font-size:1.2rem;font-weight:600;margin:0}.empty-state p{color:#64748b;font-size:.95rem;margin:0}.empty-state.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.empty-state.success h3{color:#166534}.empty-state.success p{color:#15803d}.kpi-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(4,1fr)}.kpi-cancellation-grid{grid-template-columns:repeat(3,1fr)}.kpi-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.kpi-card:before{bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.kpi-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.kpi-icon-wrapper{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.kpi-icon{font-size:2rem}.kpi-data{flex:1 1;min-width:0}.kpi-value{color:#0f172a!important;font-size:2.2rem;font-weight:900;line-height:1.1;margin-bottom:4px;text-shadow:0 1px 2px #0000001a}.kpi-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.kpi-trend{position:absolute;right:14px;top:14px}.trend-badge{border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:5px 10px;text-transform:uppercase}.trend-badge.positive{background:#ede9fe;color:#7c3aed}.trend-badge.success{background:#d1fae5;color:#059669}.trend-badge.info{background:#dbeafe;color:#2563eb}.trend-badge.neutral{background:#f1f5f9;color:#475569}.trend-badge.danger{background:#fee2e2;color:#b91c1c}.kpi-card.kpi-reservations:before{background:linear-gradient(180deg,#7c3aed,#a78bfa)}.kpi-card.kpi-reservations .kpi-icon-wrapper{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.kpi-card.kpi-reservations .kpi-value{color:#5b21b6!important;text-shadow:none}.kpi-card.kpi-revenue:before{background:linear-gradient(180deg,#059669,#34d399)}.kpi-card.kpi-revenue .kpi-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.kpi-card.kpi-revenue .kpi-value{color:#047857!important;text-shadow:none}.kpi-card.kpi-checkins:before{background:linear-gradient(180deg,#2563eb,#60a5fa)}.kpi-card.kpi-checkins .kpi-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.kpi-card.kpi-checkins .kpi-value{color:#2563eb}.kpi-card.kpi-users:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.kpi-card.kpi-users .kpi-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a)}.kpi-card.kpi-users .kpi-value{color:#b45309!important;text-shadow:none}.kpi-card.kpi-danger:before{background:linear-gradient(180deg,#dc2626,#f87171)}.kpi-card.kpi-danger .kpi-icon-wrapper{background:linear-gradient(135deg,#fee2e2,#fecaca)}.kpi-card.kpi-danger .kpi-value{color:#b91c1c!important;text-shadow:none}.kpi-card.kpi-warning:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.kpi-card.kpi-warning .kpi-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a)}.kpi-card.kpi-warning .kpi-value{color:#92400e!important;text-shadow:none}.kpi-card.kpi-info:before{background:linear-gradient(180deg,#0ea5e9,#38bdf8)}.kpi-card.kpi-info .kpi-icon-wrapper{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.kpi-card.kpi-info .kpi-value{color:#0369a1!important;text-shadow:none}.ranking-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.ranking-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.ranking-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.15rem;font-weight:700;gap:8px;margin:0}.ranking-subtitle{color:#64748b;font-size:.85rem;font-weight:500}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{grid-gap:16px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:grid;gap:16px;grid-template-columns:50px 48px 1fr auto auto;padding:18px 22px;transition:all .2s ease}.ranking-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 16px #0000001a}.ranking-item.top-three{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.ranking-item.top-three:hover{box-shadow:0 6px 20px #f59e0b40}.rank-position{align-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;display:flex;font-size:1.3rem;font-weight:800;height:44px;justify-content:center;width:44px}.rank-position.gold{background:linear-gradient(135deg,#fef08a,#fcd34d);box-shadow:0 4px 16px #fcd34d80;color:#a16207}.rank-position.silver{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 12px #94a3b866;color:#475569}.rank-position.bronze{background:linear-gradient(135deg,#fed7aa,#fdba74);box-shadow:0 4px 12px #fdba7480;color:#9a3412}.user-avatar{border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:1rem;font-weight:700;height:46px;letter-spacing:.5px;width:46px}.user-details{min-width:0}.user-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.ranking-item .user-name,.ranking-item.top-three .user-name{-webkit-text-fill-color:#000!important;color:#000!important;filter:none!important;opacity:1!important}.user-name{-webkit-text-fill-color:#000;color:#000!important;font-size:1.15rem;font-weight:900;text-shadow:none}.user-role-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.user-email{color:#64748b;display:block;font-size:.8rem;margin-bottom:8px}.performance-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.performance-fill{border-radius:4px;height:100%;transition:width .6s ease}.user-metrics{display:flex;gap:24px}.metric{align-items:center;display:flex;flex-direction:column;min-width:70px;text-align:center}.metric-value{color:#0f172a;font-size:1.3rem;font-weight:900;line-height:1.2}.metric-value.success{color:#047857}.metric-value.danger{color:#b91c1c}.metric-label{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.revenue-metric .metric-value{color:#059669;font-size:1.05rem}.last-activity{align-items:flex-end;display:flex;flex-direction:column;gap:2px;text-align:right}.activity-label{color:#94a3b8;font-size:.7rem;font-weight:600;text-transform:uppercase}.activity-date{color:#64748b;font-size:.8rem;white-space:nowrap}.authorizer-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:20px 24px}.authorizer-section h4{align-items:center;color:#334155;display:flex;font-size:.9rem;font-weight:700;gap:8px;margin:0 0 14px}.authorizer-chips{display:flex;flex-wrap:wrap;gap:10px}.authorizer-chip{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;color:#334155;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:12px 18px;transition:all .2s ease}.authorizer-chip:hover{background:#fff;border-color:#bd2a2e;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.chip-count{background:linear-gradient(135deg,#bd2a2e,#d64548);border-radius:8px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 12px}.cancellations-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.cancellations-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.cancellations-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin:0}.view-toggle{background:#f1f5f9;gap:6px}.view-btn{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:1rem;opacity:.6;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background:#ffffff80;opacity:.8}.view-btn.active{background:#fff;box-shadow:0 2px 6px #0000001a;opacity:1}.cancellations-table-container{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;overflow-x:auto}.cancellations-table{border-collapse:collapse;min-width:900px;width:100%}.cancellations-table th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#334155;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:14px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.cancellations-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:.9rem;padding:14px 12px;vertical-align:middle}.cancellations-table tbody tr{transition:background .15s ease}.cancellations-table tbody tr:hover{background:#f8fafc}.cancellations-table tbody tr:last-child td{border-bottom:none}.table-code{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:6px;color:#475569;font-family:SF Mono,Consolas,monospace;font-size:.8rem;font-weight:600;padding:6px 10px}.table-guest{color:#1e293b;font-weight:600}.table-room{background:#dbeafe;border-radius:6px;color:#1d4ed8;font-size:.85rem;font-weight:700;padding:4px 10px}.table-dates{align-items:center;color:#475569;display:flex;font-size:.85rem;gap:6px}.date-separator{color:#94a3b8}.table-amount{font-size:.95rem;font-weight:700}.table-amount.danger{color:#dc2626}.table-amount.success{color:#059669}.table-reason{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#78350f;display:block;font-size:.85rem;max-width:180px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.table-authorizer{display:flex;flex-direction:column;gap:2px}.authorizer-name{color:#1e293b;font-size:.85rem;font-weight:600}.authorizer-role{background:#e2e8f0;border-radius:4px;color:#475569;font-size:.65rem;font-weight:700;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.table-date{color:#64748b;font-size:.85rem;white-space:nowrap}.cancellation-cards-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-bottom:20px}.cancellation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .2s ease}.cancellation-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.cancellation-card-header{align-items:flex-start;background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:1px solid #fecaca;display:flex;justify-content:space-between;padding:16px 18px}.cancel-guest-info{display:flex;flex-direction:column;gap:6px}.cancel-guest-name{color:#1e293b;font-size:1rem;font-weight:700}.cancel-code{background:#fff;border-radius:6px;color:#64748b;font-family:SF Mono,Consolas,monospace;font-size:.8rem;font-weight:600;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.cancel-room{background:#dc2626;border-radius:8px;color:#fff;font-size:.85rem;font-weight:700;padding:6px 12px}.cancellation-card-body{display:flex;flex-direction:column;gap:14px;padding:18px}.cancel-dates{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:14px;padding:14px}.cancel-date-item{display:flex;flex-direction:column;gap:2px}.date-label{color:#94a3b8;font-size:.7rem;font-weight:600;text-transform:uppercase}.date-value{color:#334155;font-size:.95rem;font-weight:600}.date-arrow{color:#94a3b8;font-size:1.1rem}.cancel-amounts{display:flex;gap:14px}.amount-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:12px 14px}.amount-item.paid{background:#f0fdf4;border-color:#bbf7d0}.amount-label{color:#64748b;font-size:.7rem;font-weight:600;text-transform:uppercase}.amount-value{color:#dc2626;font-size:1.1rem;font-weight:800}.amount-item.paid .amount-value{color:#059669}.cancel-reason-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:10px;padding:14px 16px}.reason-label{color:#b45309;display:block;font-size:.75rem;font-weight:700;margin-bottom:6px;text-transform:uppercase}.reason-text{color:#78350f;font-size:.95rem;line-height:1.4;margin:0}.cancel-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:14px}.cancelled-by-info{align-items:center;display:flex;gap:8px}.cancelled-label{color:#94a3b8;font-size:.8rem}.cancelled-name{color:#334155;font-size:.9rem;font-weight:600}.cancelled-role{background:#e2e8f0;border-radius:6px;color:#475569;font-size:.7rem;font-weight:700;padding:3px 10px;text-transform:uppercase}.cancelled-date{color:#64748b;font-size:.8rem}.pagination-premium{align-items:center;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:20px}.page-nav-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.page-nav-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#bd2a2e;color:#bd2a2e}.page-nav-btn:disabled{cursor:not-allowed;opacity:.4}.page-num{border-radius:10px;font-size:.85rem;height:36px;width:36px}.page-num.active{background:linear-gradient(135deg,#bd2a2e,#a02428);border-color:#bd2a2e;box-shadow:0 4px 12px #bd2a2e59}.page-ellipsis{font-size:.9rem;padding:0 6px}.pagination-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;color:#475569;font-size:.85rem;font-weight:600;padding:8px 16px}.pagination{gap:12px;margin-top:24px;padding-top:20px}.page-btn{border-radius:10px;font-size:.85rem;padding:10px 18px}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#bd2a2e;color:#bd2a2e}.page-info{background:#f1f5f9;border-radius:8px;color:#475569;font-size:.85rem;font-weight:600;padding:8px 16px}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.ranking-item{gap:12px;grid-template-columns:44px 44px 1fr}.last-activity,.user-metrics{display:none}}@media (max-width:992px){.stats-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-header-period{align-self:flex-end}.kpi-cancellation-grid{grid-template-columns:repeat(3,1fr)}.cancellation-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.reservation-stats-page{padding:16px}.stats-header{border-radius:12px;padding:16px 20px}.stats-header-icon{font-size:1.5rem;height:44px;width:44px}.stats-header-text h1{font-size:1.3rem}.stats-header-text p{font-size:.85rem}.stats-tabs{flex-direction:column;gap:4px}.stats-tab{justify-content:flex-start;padding:12px 16px}.kpi-cancellation-grid,.kpi-grid{grid-template-columns:1fr}.kpi-card{padding:18px}.kpi-value{font-size:1.6rem}.filters-row{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group input{min-width:0;width:100%}.btn-search{justify-content:center;width:100%}.ranking-item{gap:10px;grid-template-columns:40px 40px 1fr;padding:14px}.rank-position{font-size:1.1rem;height:38px;width:38px}.user-avatar{font-size:.9rem;height:40px;width:40px}.user-name{font-size:.95rem}.user-role-badge{font-size:.65rem;padding:3px 8px}.performance-bar{display:none}.pagination-premium{flex-wrap:wrap;gap:8px}.page-nav-btn{font-size:.8rem;padding:8px 12px}.page-num{font-size:.8rem;height:32px;width:32px}.cancellations-table-container{border-left:none;border-radius:0;border-right:none;margin:0 -16px}.view-toggle{display:none}}@media (max-width:480px){.stats-header-content{gap:12px}.stats-header-icon{border-radius:10px;font-size:1.3rem;height:40px;width:40px}.stats-header-text h1{font-size:1.15rem}.kpi-icon-wrapper{height:50px;width:50px}.kpi-icon{font-size:1.6rem}.kpi-value{font-size:1.4rem}.cancellation-card-header{flex-direction:column;gap:10px}.cancel-room{align-self:flex-start}.cancel-dates{align-items:flex-start;flex-direction:column}.date-arrow{margin:-4px 0;transform:rotate(90deg)}.cancel-amounts{flex-direction:column;gap:10px}.cancel-footer{align-items:flex-start;flex-direction:column;gap:8px}.page-nav-btn span:not(:first-child){display:none}}.group-reservations-page{margin:0 auto;max-width:1600px;min-height:calc(100vh - 64px);padding:24px}.page-header{background:linear-gradient(135deg,#166534,#15803d);border-radius:16px;box-shadow:0 4px 15px #16653440;padding:24px 28px}.page-header h1{color:#fff;font-size:1.75rem;letter-spacing:-.3px;margin:0}.page-header .subtitle{color:#ffffffd9;font-size:.95rem;font-weight:400}.toolbar-section{background:#fff;border-radius:14px;box-shadow:0 2px 12px #00000014;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:8px 12px}.search-box,.toolbar-section{align-items:center;border:1px solid #e2e8f0;display:flex}.search-box{background:#f8fafc;border-radius:10px;flex:1 1;max-width:320px;min-width:200px;padding:0 14px;transition:all .2s ease}.search-box:focus-within{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.search-icon{font-size:1rem;margin-right:8px;opacity:.5}.search-input{background:#0000;border:none;color:#334155;flex:1 1;font-size:.9rem;min-width:120px;outline:none;padding:10px 0}.search-input::placeholder{color:#94a3b8}.toolbar-divider{background:#e2e8f0;height:28px;margin:0 4px;width:1px}.filter-chip{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:6px;padding:6px 8px 6px 10px;transition:all .2s ease}.filter-chip:hover{background:#dcfce7;border-color:#86efac}.filter-icon{font-size:.9rem}.filter-select{-webkit-appearance:none;appearance:none;background:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 2px center;background-repeat:no-repeat;border:none;color:#166534;cursor:pointer;font-size:.85rem;font-weight:600;min-width:70px;padding:4px 22px 4px 4px}.filter-select:focus{outline:none}.sort-btn{align-items:center;background:linear-gradient(135deg,#166534,#22c55e);border:none;border-radius:8px;box-shadow:0 2px 6px #1665344d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.sort-btn:hover{box-shadow:0 4px 10px #16653466;transform:scale(1.05)}.sort-btn:active{transform:scale(.98)}.sort-btn.asc{background:linear-gradient(135deg,#22c55e,#4ade80)}.section-header{margin-bottom:16px}.group-reservations-page .section-header h2{align-items:center;color:#166534;display:flex;font-size:.78rem;font-weight:700;gap:6px;letter-spacing:.3px;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.group-reservations-page .section-header h2:before{content:"📋";flex-shrink:0;font-size:.9rem}.group-reservations-page .items-count{background:#f1f5f9;border-radius:20px;color:#64748b;flex-shrink:0;font-size:.7rem;font-weight:600;padding:3px 8px;white-space:nowrap}.pagination{border-top:1px solid #e2e8f0;gap:8px;margin-top:20px;padding-top:16px}.page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f0fdf4;border-color:#22c55e;color:#166534}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-numbers{gap:4px}.page-num,.page-numbers{align-items:center;display:flex}.page-num{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.page-num:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.page-num.active{background:linear-gradient(135deg,#166534,#22c55e);border-color:#166534;box-shadow:0 2px 8px #16653440;color:#fff}.page-ellipsis{color:#94a3b8;font-weight:600;padding:0 4px}.group-dates{display:flex;flex-direction:column;gap:2px}.group-checkin{color:#22c55e;font-size:.72rem;font-weight:500}.content-area{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:320px 1fr}.groups-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000f;max-height:calc(100vh - 220px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:24px}.groups-list{display:flex;flex-direction:column;gap:10px}.group-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s ease}.group-card:before{background:#cbd5e1;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .2s ease;width:4px}.group-card:hover{background:#f0fdf4;border-color:#86efac;transform:translateX(4px)}.group-card:hover:before{background:#22c55e}.group-card.selected{background:#f0fdf4;border-color:#22c55e;box-shadow:0 4px 12px #1665341f}.group-card.selected:before{background:#166534}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.group-code{color:#166534;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.72rem;font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-count{background:linear-gradient(135deg,#166534,#22c55e);border-radius:20px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:4px 10px}.group-name{color:#1e293b;font-size:.85rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-date{color:#94a3b8;font-size:.75rem}.group-details-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000f;min-height:400px;padding:24px}.details-header{align-items:center;border-bottom:2px solid #f0fdf4;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.details-header h2{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0}.group-code-large{background:linear-gradient(135deg,#166534,#22c55e);border-radius:10px;box-shadow:0 2px 8px #16653440;color:#fff;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:10px 20px}.stats-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-card{background:#f8fafc;border:1px solid #e2e8f0;gap:12px;padding:14px 16px}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-card.highlight{background:linear-gradient(135deg,#166534,#22c55e);border:none;color:#fff;grid-column:1/-1}.stat-card.highlight .stat-label{color:#ffffffd9}.stat-card.highlight .stat-value{color:#fff;font-size:1.5rem}.stat-card.highlight .stat-icon{background:#fff3;font-size:1.5rem}.stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.stat-card.warning .stat-value{color:#b45309}.stat-card.warning .stat-icon{background:#b4530926}.stat-icon{align-items:center;background:#e2e8f0;border-radius:10px;display:flex;flex-shrink:0;font-size:1.3rem;height:44px;justify-content:center;width:44px}.stat-card .stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{color:#1e293b;font-size:1.2rem}.stat-label{letter-spacing:.3px}.status-breakdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px 20px}.status-breakdown h3{color:#475569;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.status-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{align-items:center;border-radius:8px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px}.pill.confirmed{background:#dbeafe;color:#1d4ed8}.pill.checked-in{background:#dcfce7;color:#166534}.pill.completed{background:#e0e7ff;color:#4338ca}.pill.cancelled{background:#fee2e2;color:#b91c1c}.reservations-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.reservations-list h3{color:#475569;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.reservations-list{overflow-x:auto}.reservations-table{border-collapse:initial;border-spacing:0;font-size:.85rem;min-width:900px;width:100%}.reservations-table th{background:linear-gradient(135deg,#166534,#15803d);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:12px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.reservations-table th:first-child{border-radius:8px 0 0 8px}.reservations-table th:last-child{border-radius:0 8px 8px 0}.reservations-table td{background:#fff;border-bottom:1px solid #f1f5f9;color:#334155;padding:12px 14px;vertical-align:middle;white-space:nowrap}.reservations-table tbody tr:last-child td{border-bottom:none}.reservations-table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.reservations-table tbody tr:last-child td:last-child{border-radius:0 0 8px 0}.reservations-table tbody tr:hover td{background:#f0fdf4}.reservations-table .code{color:#166534;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8rem;font-weight:700}.reservations-table .guest-info{display:flex;flex-direction:column;gap:2px}.reservations-table .guest-name{color:#1e293b;font-weight:600}.reservations-table small{color:#94a3b8;font-size:.7rem}.reservations-table .room-number{align-items:center;background:linear-gradient(135deg,#166534,#22c55e);border-radius:6px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;margin-bottom:2px;padding:4px 10px}.reservations-table .center{text-align:center}.reservations-table .amount{color:#1e293b;font-family:SF Mono,Monaco,Menlo,monospace;font-weight:600;text-align:right}.status-badge{border-radius:6px;font-size:.65rem;letter-spacing:.3px;padding:5px 10px}.status-confirmed{background:#dbeafe;color:#1d4ed8}.status-checked-in{background:#dcfce7;color:#166534}.status-completed{background:#e0e7ff;color:#4338ca}.status-cancelled{background:#fee2e2;color:#b91c1c}.status-pending{background:#fef3c7;color:#b45309}.status-default{background:#f1f5f9;color:#64748b}.empty-details,.empty-state,.loading-state{color:#64748b;padding:48px 24px;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:16px;opacity:.4}.empty-details p,.empty-state p{color:#475569;font-size:1rem;font-weight:500;margin:0 0 6px}.empty-state small{color:#94a3b8;font-size:.85rem}.loading-state{font-weight:500;gap:10px}.loading-state:before{animation:spin .8s linear infinite;border:2px solid #dcfce7;border-radius:50%;border-top-color:#22c55e;content:"";height:20px;width:20px}.actions-cell{text-align:center;white-space:nowrap}.print-btn{align-items:center;background:linear-gradient(135deg,#bd2a2e,#d64548);border:none;border-radius:6px;box-shadow:0 2px 6px #bd2a2e4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease}.print-btn:hover{box-shadow:0 4px 10px #bd2a2e66;transform:translateY(-1px)}.print-btn:active{transform:translateY(0)}.print-menu-item{background:none;border:none;border-bottom:1px solid #eee;color:#334155;cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.print-menu-item:last-child{border-bottom:none}.print-menu-item:hover{background-color:#f8f9fa}.print-menu-desc{color:#6c757d;font-size:.75rem;margin-top:2px}.groups-list-section::-webkit-scrollbar,.reservations-list::-webkit-scrollbar{height:6px;width:6px}.groups-list-section::-webkit-scrollbar-track,.reservations-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.groups-list-section::-webkit-scrollbar-thumb,.reservations-list::-webkit-scrollbar-thumb{background:#86efac;border-radius:3px}.groups-list-section::-webkit-scrollbar-thumb:hover,.reservations-list::-webkit-scrollbar-thumb:hover{background:#22c55e}@media (max-width:1100px){.content-area{grid-template-columns:1fr}.groups-list-section{max-height:none;position:relative;top:0}.groups-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.group-details-section{margin-top:0}}@media (max-width:768px){.group-reservations-page{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:8px;padding:20px}.page-header h1{font-size:1.4rem}.page-header .subtitle{font-size:.85rem}.toolbar-section{gap:6px;padding:8px}.search-box{flex:1 1 100%;margin-bottom:4px;max-width:100%;order:-1}.toolbar-divider{display:none}.filter-chip{padding:5px 6px 5px 8px}.filter-select{font-size:.8rem;min-width:60px}.sort-btn{font-size:1rem;height:32px;width:32px}.pagination{flex-wrap:wrap;gap:6px}.page-btn{font-size:.75rem;padding:6px 10px}.page-num{font-size:.75rem;height:28px;width:28px}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.items-count{font-size:.7rem}.groups-list,.stats-cards{grid-template-columns:1fr}.stat-card.highlight{grid-column:auto}.stat-card{padding:12px 14px}.stat-value{font-size:1.1rem}.stat-card.highlight .stat-value{font-size:1.3rem}.stat-icon{font-size:1.1rem;height:38px;width:38px}.stat-label{font-size:.65rem}.details-header{align-items:flex-start;flex-direction:column;gap:12px}.details-header h2{font-size:1.2rem}.group-code-large{font-size:.8rem;padding:8px 14px}.status-pills{gap:6px}.pill{font-size:.7rem;padding:5px 10px}.reservations-list{border-left:none;border-radius:0;border-right:none;margin:0 -8px;padding:12px}.reservations-table{font-size:.8rem;min-width:700px}.reservations-table td,.reservations-table th{padding:10px}.reservations-table th{font-size:.65rem}}@media (max-width:480px){.group-reservations-page{padding:12px}.page-header{border-radius:12px;padding:16px}.page-header h1{font-size:1.25rem}.group-details-section,.groups-list-section{border-radius:12px;padding:16px}.toolbar-section{padding:6px}.filter-chip{padding:4px 5px 4px 6px}.filter-icon{font-size:.8rem}.filter-select{font-size:.75rem;min-width:55px;padding-right:18px}.sort-btn{height:30px;width:30px}.page-btn span{display:none}.page-numbers{gap:2px}.page-num{font-size:.7rem;height:26px;width:26px}.stat-card{gap:10px;padding:10px 12px}.stat-icon{height:34px;width:34px}.stat-icon,.stat-value{font-size:1rem}.stat-card.highlight .stat-value{font-size:1.2rem}.reservations-list,.status-breakdown{padding:12px}.reservations-table{min-width:600px}}.superadmin-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;color:#fff;left:0;min-height:100vh;overflow-y:auto;padding:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.sa-topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ffffff14;justify-content:space-between;padding:.5rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.sa-logo,.sa-topbar,.sa-topbar-left{align-items:center;display:flex}.sa-logo{gap:.5rem}.sa-logo-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);border-radius:10px;box-shadow:0 4px 12px #6366f166;color:#fff;display:flex;font-size:1.3rem;font-weight:800;height:38px;justify-content:center;width:38px}.sa-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}.sa-logo-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:6px;box-shadow:0 2px 8px #6366f14d;color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.sa-topbar-center{flex:1 1;margin:0 2rem;max-width:600px;position:relative}.sa-search-bar{align-items:center;background:#ffffff14;border:1px solid #0000;border-radius:24px;display:flex;padding:.5rem 1rem;transition:all .2s}.sa-search-bar:focus-within{background:#ffffff1f;border-color:#e9456080}.sa-search-icon{color:#94a3b8;font-size:1rem;margin-right:.75rem}.sa-search-input-global{background:none;border:none;color:#fff;flex:1 1;font-size:.9375rem;outline:none}.sa-search-input-global::placeholder{color:#64748b}.sa-search-clear{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;margin-left:8px;width:20px}.sa-search-clear:hover{background:#ffffff4d}.sa-search-results{background:#1e1e2e;border:1px solid #e945604d;border-radius:12px;box-shadow:0 10px 40px #00000080;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}.sa-search-section{border-bottom:1px solid #ffffff14;padding:8px 0}.sa-search-section:last-child{border-bottom:none}.sa-search-section-title{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:4px 16px 8px;text-transform:uppercase}.sa-search-result-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:12px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.sa-search-result-item:hover{background:#ffffff14}.sa-search-result-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.sa-search-result-info{display:flex;flex-direction:column;gap:2px}.sa-search-result-name{font-size:.9rem;font-weight:500}.sa-search-result-sub{color:#94a3b8;font-size:.75rem}.sa-search-no-results{color:#64748b;font-size:.875rem;padding:24px 16px;text-align:center}.sa-topbar-right{align-items:center;display:flex;gap:.5rem}.sa-topbar-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s;width:40px}.sa-topbar-btn:hover{background:#ffffff1a;color:#fff}.sa-topbar-btn.active{background:#e9456033;color:#e94560}.sa-icon-bell,.sa-icon-help{font-size:1.25rem;font-style:normal}.sa-notification-badge{align-items:center;background:#e94560;border-radius:50%;color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:4px;top:4px;width:18px}.sa-icon-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);height:18px;width:18px}.sa-icon-grid span{background:currentColor;border-radius:1px;height:4px;width:4px}.sa-app-launcher-container{position:relative}.sa-app-launcher-dropdown{background:#1e1e2e;border:2px solid #e9456080;border-radius:16px;box-shadow:0 10px 40px #00000080;min-width:320px;padding:1.25rem;position:fixed;right:100px;top:60px;z-index:99999}.sa-app-launcher-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.sa-app-item{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s}.sa-app-item:hover{background:#ffffff14}.sa-app-item.active{background:#e9456026}.sa-app-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:transform .2s;width:48px}.sa-app-item:hover .sa-app-icon{transform:scale(1.1)}.sa-app-label{color:#94a3b8;font-size:.75rem;text-align:center;white-space:nowrap}.sa-app-item:hover .sa-app-label{color:#fff}.sa-user-profile{margin-left:.5rem;position:relative}.sa-user-avatar{background:linear-gradient(135deg,#e94560,#0f3460);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:36px;transition:all .2s;width:36px}.sa-user-avatar.active,.sa-user-avatar:hover{box-shadow:0 0 0 3px #e945604d;transform:scale(1.05)}.sa-user-dropdown{background:#1e1e2e;border:2px solid #34d39980;border-radius:12px;box-shadow:0 10px 40px #00000080;min-width:220px;padding:1rem;position:fixed;right:20px;top:60px;z-index:99999}.sa-user-info{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem}.sa-user-name{color:#fff;font-size:.9375rem;font-weight:600}.sa-user-email{color:#64748b;font-size:.8125rem}.sa-user-role{color:#e94560;font-size:.75rem;font-weight:500;margin-top:.25rem}.sa-user-menu-divider{background:#ffffff1a;height:1px;margin:.5rem 0}.sa-user-menu-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:.5rem;padding:.625rem;text-align:left;transition:all .2s;width:100%}.sa-user-menu-btn:hover{background:#ffffff14;color:#fff}.sa-logout-btn{background:#ef444426;border:none;border-radius:8px;color:#f87171;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem;transition:all .2s;width:100%}.sa-logout-btn:hover{background:#ef444440}.access-denied{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.access-denied h1{color:#e94560;font-size:2.5rem;margin-bottom:1rem}.access-denied p{color:#94a3b8;font-size:1.125rem}.sa-header{background:linear-gradient(135deg,#e9456026,#0f346033);border-bottom:1px solid #ffffff14;margin:0;padding:1.5rem 2rem}.sa-header-content{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:1400px}.sa-header-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.sa-header-text h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .25rem}.sa-header-text p{color:#94a3b8;font-size:.875rem;margin:0;opacity:.7}.sa-alert{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.sa-alert-error{background:#ef444433;border:1px solid #ef4444;color:#fca5a5}.sa-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7}.sa-alert button:hover{opacity:1}.sa-tabs{background:#ffffff0d;border-radius:14px;display:flex;gap:.5rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.sa-tab{background:#0000;border:none;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s}.sa-tab:hover{background:#ffffff1a;color:#fff}.sa-tab.active{background:#e94560;box-shadow:0 4px 12px #e9456066;color:#fff}.sa-content{min-height:400px;padding:2rem}.sa-content,.sa-tabs{margin:0 auto;max-width:1400px}.sa-tabs{padding:1rem 2rem}.sa-loading{align-items:center;color:#94a3b8;display:flex;font-size:1.125rem;justify-content:center;min-height:300px}.sa-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.sa-stat-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s}.sa-stat-card:hover{background:#ffffff14;transform:translateY(-4px)}.sa-stat-card.highlight{background:linear-gradient(135deg,#e9456033,#0f34604d);border-color:#e945604d}.sa-stat-icon{align-items:center;background:#ffffff1a;border-radius:14px;display:flex;font-size:2.5rem;height:64px;justify-content:center;width:64px}.sa-stat-info{display:flex;flex-direction:column}.sa-stat-value{font-size:1.875rem;font-weight:800;letter-spacing:-.025em}.sa-stat-label{color:#94a3b8;font-size:.875rem;margin-top:.25rem}.sa-secondary-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.sa-mini-stat{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;padding:1rem 1.5rem}.sa-mini-stat.warning{background:#fbbf2426;border:1px solid #fbbf244d}.sa-mini-value{font-size:1.5rem;font-weight:700}.sa-mini-label{color:#94a3b8;font-size:.8125rem}.sa-charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sa-chart-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.sa-chart-card h3{font-size:1.125rem;font-weight:700;margin:0 0 1.25rem}.sa-plan-bars{gap:1rem}.sa-plan-bar-item,.sa-plan-bars{display:flex;flex-direction:column}.sa-plan-bar-item{gap:.5rem}.sa-plan-bar-label{display:flex;font-size:.875rem;justify-content:space-between}.sa-plan-name{text-transform:capitalize}.sa-plan-count{color:#94a3b8}.sa-plan-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.sa-plan-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.sa-plan-bar-fill.plan-trial{background:#60a5fa}.sa-plan-bar-fill.plan-starter{background:#34d399}.sa-plan-bar-fill.plan-professional{background:#e94560}.sa-plan-bar-fill.plan-business{background:#fbbf24}.sa-plan-bar-fill.plan-enterprise{background:#a78bfa}.sa-status-list{display:flex;flex-direction:column;gap:.75rem}.sa-status-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.sa-status-count{font-weight:700}.sa-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.sa-search-input,.sa-select{background:#ffffff0d;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:.9375rem;padding:.75rem 1rem}.sa-search-input{min-width:250px}.sa-search-input::placeholder{color:#64748b}.sa-select{min-width:180px}.sa-select option{background:#1a1a2e;color:#fff}.sa-table-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;overflow:hidden}.sa-table{border-collapse:collapse;width:100%}.sa-table td,.sa-table th{padding:1rem 1.25rem;text-align:left}.sa-table th{background:#ffffff0d;color:#94a3b8;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sa-table td{border-top:1px solid #ffffff0d}.sa-table tr:hover td{background:#ffffff05}.sa-hotel-name{display:flex;flex-direction:column}.sa-hotel-email{color:#64748b;font-size:.8125rem;margin-top:.25rem}.sa-code{background:#ffffff1a;border-radius:4px;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.sa-plan-badge,.sa-status-badge{border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.sa-plan-badge.plan-trial{background:#60a5fa33;color:#60a5fa}.sa-plan-badge.plan-starter{background:#34d39933;color:#34d399}.sa-plan-badge.plan-professional{background:#e9456033;color:#e94560}.sa-plan-badge.plan-business{background:#fbbf2433;color:#fbbf24}.sa-plan-badge.plan-enterprise{background:#a78bfa33;color:#a78bfa}.sa-status-badge.status-active{background:#34d39933;color:#34d399}.sa-status-badge.status-trialing{background:#60a5fa33;color:#60a5fa}.sa-status-badge.status-cancelled{background:#ef444433;color:#f87171}.sa-status-badge.status-expired{background:#64748b33;color:#94a3b8}.sa-status-badge.status-past_due{background:#fbbf2433;color:#fbbf24}.sa-status-badge.status-suspended{background:#ef444433;color:#f87171}.sa-status-badge.status-inactive{background:#64748b33;color:#94a3b8}.sa-btn{background:#0000;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s}.sa-btn:hover{background:#ffffff1a}.sa-btn:disabled{cursor:not-allowed;opacity:.5}.sa-btn-primary{background:#e94560;border-color:#e94560}.sa-btn-primary:hover{background:#d63d56}.sa-btn-secondary{background:#ffffff1a}.sa-btn-small{font-size:.8125rem;padding:.5rem .875rem}.sa-btn-danger{background:#ef444433;border-color:#ef4444;color:#f87171}.sa-btn-danger:hover{background:#ef44444d}.sa-btn-success{background:#34d39933;border-color:#34d399;color:#34d399}.sa-btn-success:hover{background:#34d3994d}.sa-actions{display:flex;gap:.5rem}.sa-pagination{color:#94a3b8;gap:1rem}.sa-modal-overlay,.sa-pagination{align-items:center;display:flex;justify-content:center}.sa-modal-overlay{background:#000000b3;bottom:0;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.sa-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.sa-modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.sa-modal-header h2{font-size:1.25rem;margin:0}.sa-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.5rem}.sa-modal-close:hover{color:#fff}.sa-modal-body{padding:1.5rem}.sa-detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.sa-detail-item{display:flex;flex-direction:column;gap:.375rem}.sa-detail-item label{color:#64748b;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.sa-detail-item span{font-weight:500}.sa-settings h2{font-size:1.5rem;margin:0 0 .5rem}.sa-settings-desc{color:#94a3b8;margin-bottom:2rem}.sa-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2.5rem}.sa-plan-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;padding:1.5rem}.sa-plan-card.enterprise{background:linear-gradient(135deg,#a78bfa1a,#0f346033);border-color:#a78bfa4d}.sa-plan-card-header{margin-bottom:1.25rem}.sa-plan-card-header h3{font-size:1.25rem;margin:0 0 .5rem}.sa-plan-card-header p{color:#94a3b8;font-size:.875rem;margin:0}.sa-plan-pricing{background:#ffffff0d;border-radius:10px;margin-bottom:1.25rem;padding:1rem}.sa-price-row{display:flex;font-size:.875rem;justify-content:space-between;padding:.375rem 0}.sa-price-row span{color:#94a3b8}.sa-plan-limits{margin-bottom:1.25rem}.sa-limit-item{border-bottom:1px solid #ffffff0d;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.sa-limit-item:last-child{border-bottom:none}.sa-limit-item span:first-child{color:#94a3b8}.sa-enterprise-note{background:#a78bfa1a;border-radius:8px;color:#a78bfa;font-size:.8125rem;margin-top:auto;padding:.75rem;text-align:center}.sa-general-settings{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.sa-general-settings h3{font-size:1.125rem;margin:0 0 1.25rem}.sa-setting-item{border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem 0}.sa-setting-item:last-child{border-bottom:none}.sa-setting-item label{color:#94a3b8}.sa-edit-form{display:flex;flex-direction:column;gap:1.5rem}.sa-form-section h4{color:#94a3b8;font-size:.9375rem;margin:0 0 .75rem}.sa-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.sa-form-row label{color:#94a3b8;display:flex;flex-direction:column;font-size:.875rem;gap:.5rem}.sa-form-row input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem}.sa-form-row input:focus{border-color:#e94560;outline:none}.sa-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media (max-width:768px){.superadmin-page{padding:0}.sa-topbar{padding:.5rem 1rem}.sa-logo-text,.sa-topbar-center{display:none}.sa-app-launcher-dropdown{min-width:280px;right:-50px}.sa-app-launcher-grid{grid-template-columns:repeat(3,1fr)}.sa-header{padding:1rem}.sa-header-icon{height:44px;width:44px}.sa-header-icon,.sa-header-text h1{font-size:1.25rem}.sa-content{padding:1rem}.sa-tabs{overflow-x:auto;padding:.75rem 1rem;width:100%}.sa-tab{font-size:.8125rem;padding:.625rem 1rem;white-space:nowrap}.sa-filters{flex-direction:column}.sa-search-input,.sa-select{min-width:0;min-width:auto;width:100%}.sa-table-container{overflow-x:auto}.sa-detail-grid,.sa-form-row{grid-template-columns:1fr}}.sa-api-tokens{display:flex;flex-direction:column;gap:1.5rem}.sa-section-header{align-items:flex-start;flex-wrap:wrap;gap:1rem}.sa-section-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.sa-section-header p{color:#ffffffb3;font-size:.95rem;margin:0}.sa-token-prefix{background:#00c85326;border-radius:4px;color:#00c853;font-family:Monaco,Consolas,monospace;font-size:.85rem;padding:4px 8px}.sa-token-created{display:flex;flex-direction:column;gap:1.5rem}.sa-token-display{background:#0000004d;border-radius:8px;padding:1rem}.sa-token-display label{color:#ffffffb3;display:block;font-size:.85rem;margin-bottom:.5rem}.sa-token-value{align-items:center;display:flex;gap:.75rem}.sa-token-value code{background:#1a1a2e;border:1px solid #00c8534d;border-radius:6px;color:#00c853;flex:1 1;font-family:Monaco,Consolas,monospace;font-size:.85rem;overflow-x:auto;padding:.75rem 1rem;white-space:nowrap}.sa-token-info{background:#ffffff0d;border-radius:8px;padding:1rem}.sa-token-info p{color:#fffc;margin:.5rem 0}.sa-token-info p:first-child{margin-top:0}.sa-permissions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.sa-permission-item{align-items:center;background:#ffffff0d;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background .2s}.sa-permission-item:hover{background:#ffffff1a}.sa-permission-item input[type=checkbox]{accent-color:#00c853;height:18px;width:18px}.sa-permission-item span{color:#ffffffe6;font-size:.9rem}.sa-modal-wide{max-width:700px}.sa-alert-warning{background:#fbbc0426;border:1px solid #fbbc044d;border-radius:8px;color:#fbbc04;font-size:.9rem;padding:1rem}.sa-alert-warning strong{color:#fbbc04}.sa-tab-badge{background:#ef4444;color:#fff;margin-left:6px;padding:2px 8px}.sa-priority-badge,.sa-tab-badge{border-radius:12px;font-size:.75rem;font-weight:600}.sa-priority-badge{display:inline-block;padding:4px 10px;text-transform:uppercase}.sa-priority-badge.priority-low{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.sa-priority-badge.priority-medium{background:#fbbc0433;border:1px solid #fbbc044d;color:#fbbc04}.sa-priority-badge.priority-high{background:#f9731633;border:1px solid #f973164d;color:#f97316}.sa-priority-badge.priority-critical{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.sa-status-badge.status-new{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.sa-status-badge.status-investigating{background:#fbbc0433;border:1px solid #fbbc044d;color:#fbbc04}.sa-status-badge.status-resolved{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.sa-status-badge.status-ignored{background:#6b728033;border:1px solid #6b72804d;color:#9ca3af}.sa-section{margin-top:2rem}.sa-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.sa-section-header h3{color:#fff;margin:0}.sa-top-errors{display:flex;flex-direction:column;gap:.75rem}.sa-top-error-item{align-items:center;background:#ffffff0d;border-left:3px solid #ef4444;border-radius:8px;display:flex;gap:1rem;padding:1rem}.sa-top-error-rank{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.sa-top-error-info{flex:1 1;min-width:0}.sa-top-error-message{color:#fff;font-size:.9rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-top-error-meta{display:flex;font-size:.8rem;gap:.75rem}.sa-error-type{background:#a78bfa1a;border-radius:4px;color:#a78bfa;padding:2px 8px}.sa-error-endpoint{color:#9ca3af;font-family:monospace;font-size:.75rem}.sa-top-error-count{color:#ef4444;font-size:1.1rem;font-weight:700;min-width:50px;text-align:right}.sa-type-list{display:flex;flex-direction:column;gap:.5rem}.sa-type-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.sa-type-item:last-child{border-bottom:none}.sa-type-name{color:#fffc;font-size:.9rem}.sa-type-count{color:#fff;font-weight:600}.sa-error-cell{display:flex;flex-direction:column;gap:4px}.sa-error-cell strong{color:#fff;font-size:.9rem}.sa-error-type-small{color:#a78bfa;font-size:.75rem}.sa-occurrences{color:#ef4444;font-weight:600}.error-row.priority-critical{background:#ef44441a}.error-row.priority-high{background:#f973160d}.sa-error-details{display:flex;flex-direction:column;gap:1rem}.sa-detail-row{align-items:flex-start;display:flex;gap:1rem}.sa-detail-row label{color:#fff9;font-size:.85rem;min-width:100px}.sa-detail-row code,.sa-detail-row span{color:#fff}.sa-detail-full{flex-direction:column}.sa-error-message-full{background:#0000004d;display:block;font-size:.9rem}.sa-error-message-full,.sa-stack-trace{border-radius:8px;padding:1rem;white-space:pre-wrap;word-break:break-word}.sa-stack-trace{background:#0006;color:#f87171;font-size:.75rem;max-height:300px;overflow-x:auto}.sa-modal-actions{border-top:1px solid #ffffff1a;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.sa-btn-success{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}.sa-btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important}.sa-requests-link{background:none;border:none;border-radius:4px;color:#60a5fa;cursor:pointer;font-weight:600;padding:4px 8px;transition:all .2s}.sa-requests-link:hover{background:#60a5fa1a;text-decoration:underline}.sa-token-info-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;margin-bottom:24px;padding-bottom:16px}.sa-token-prefix-large{background:#ffffff1a;border-radius:6px;color:#a5b4fc;font-family:monospace;font-size:1.1rem;padding:8px 12px}.sa-hotel-badge{background:linear-gradient(135deg,#34a853,#22c55e);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.sa-usage-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.sa-usage-stat-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:16px;text-align:center}.sa-usage-stat-card.success{background:#22c55e1a;border-color:#22c55e4d}.sa-usage-stat-card.error{background:#ef44441a;border-color:#ef44444d}.sa-usage-stat-value{color:#fff;display:block;font-size:1.75rem;font-weight:700}.sa-usage-stat-card.success .sa-usage-stat-value{color:#22c55e}.sa-usage-stat-card.error .sa-usage-stat-value{color:#ef4444}.sa-usage-stat-label{color:#94a3b8;display:block;font-size:.8rem;margin-top:4px}.sa-usage-section{margin-bottom:24px}.sa-usage-section h4{color:#e2e8f0;font-size:1rem;font-weight:600;margin-bottom:12px}.sa-response-times{background:#ffffff0d;border-radius:8px;display:flex;gap:24px;padding:12px 16px}.sa-endpoint-list{display:flex;flex-direction:column;gap:8px}.sa-endpoint-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.sa-endpoint-method{background:#3b82f6;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;min-width:50px;padding:2px 8px;text-align:center}.sa-endpoint-path{color:#94a3b8;flex:1 1;font-family:monospace;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-endpoint-count{color:#60a5fa;font-size:.85rem;font-weight:600}.sa-endpoint-time{color:#94a3b8;font-size:.8rem}.sa-daily-chart{align-items:flex-end;background:#ffffff0d;border-radius:8px;display:flex;gap:8px;height:120px;padding:16px}.sa-daily-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.sa-daily-bar{display:flex;flex-direction:column;gap:2px;height:80px;justify-content:flex-end;width:100%}.sa-daily-bar-success{background:linear-gradient(180deg,#22c55e,#16a34a);border-radius:4px 4px 0 0;min-height:2px}.sa-daily-bar-error{background:linear-gradient(180deg,#ef4444,#dc2626);border-radius:0 0 4px 4px;min-height:0}.sa-daily-label{color:#64748b;font-size:.7rem}.sa-daily-count{color:#94a3b8;font-size:.75rem;font-weight:600}.sa-recent-requests{max-height:300px;overflow-y:auto}.sa-table-compact{font-size:.85rem}.sa-table-compact td,.sa-table-compact th{padding:8px 12px}.sa-method-badge{background:#3b82f6;border-radius:3px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.sa-endpoint-cell{font-family:monospace;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-status-code{border-radius:4px;font-size:.8rem;font-weight:600;padding:2px 8px}.sa-status-code.success{background:#22c55e33;color:#22c55e}.sa-status-code.error{background:#ef444433;color:#ef4444}.sa-no-data{color:#64748b;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.sa-usage-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-token-info-header{flex-wrap:wrap}.sa-response-times{flex-direction:column;gap:8px}}.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}.navbar-container{max-width:1200px;padding:1rem 2rem}.navbar-logo{color:#1a1a2e;font-size:1.5rem;font-weight:700;gap:.5rem}.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;font-size:1.8rem;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{gap:2rem}.navbar-links a{border-radius:8px;color:#1a1a2e;font-size:1rem;padding:.5rem 1rem}.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;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}}.public-footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-top:4rem;padding:4rem 2rem 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 3rem}.footer-section h3,.footer-section h4{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{gap:1rem}.footer-social a{background:#ffffff1a;border-radius:50%;color:#fff;font-size:1.2rem;height:40px;width:40px}.footer-social a:hover{background:#e94560}.footer-section ul li a{color:#fffc;display:inline-block}.footer-section ul li a:hover{color:#e94560;padding-left:5px}.footer-contact li{color:#fffc;gap:.75rem;margin-bottom:1rem}.contact-icon{font-size:1.2rem}.footer-contact a{color:#fffc}.footer-contact a:hover{color:#e94560}.footer-bottom{border-top:1px solid #ffffff1a;color:#fff9;gap:1rem}.footer-links{gap:1rem}.footer-links a{color:#fff9}.footer-links a:hover{color:#e94560}.footer-links span{color:#ffffff4d}@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;font-size:.85rem;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%}.hero-slide{transition:opacity 1s ease-in-out}.hero-overlay{background:linear-gradient(135deg,#1a1a2eb3,#e9456080)}.hero-title{animation:fadeInUp 1s ease;font-size:4rem;font-weight:700;text-shadow:2px 2px 4px #00000080}.hero-subtitle{font-size:1.5rem;max-width:600px}.hero-buttons{gap:1rem}.btn{border-radius:50px;display:inline-block;padding:1rem 2rem;text-align:center}.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{background:#fff3}.btn-secondary:hover{color:#1a1a2e}.quick-booking{margin-top:-80px;max-width:1200px}.booking-card{background:#fff;box-shadow:0 10px 40px #00000026;padding:2.5rem}.booking-card h3{color:#1a1a2e;font-size:1.5rem}.booking-form{grid-gap:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group input,.form-group select{border:2px solid #e0e0e0;padding:.75rem 1rem}.form-group input:focus,.form-group select:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a}.btn-search{align-self:end;background:linear-gradient(135deg,#e94560,#c72c48);border-radius:10px;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{color:#666;font-size:.9rem;gap:1.5rem;margin-bottom:1rem}.room-features{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}}.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{display:block;font-size:14px;margin-bottom:8px}.card-element-wrapper{background:#fff;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;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}.reservations-container{padding:2rem}.reservations-header h1{color:#1a1a2e;font-size:2.5rem;margin-bottom:.5rem}.reservations-header p{color:#666}.step{gap:.5rem}.step-number{background:#e0e0e0;color:#666;height:50px;width:50px}.step.active .step-number{background:linear-gradient(135deg,#e94560,#c72c48);box-shadow:0 4px 15px #e9456066}.step.completed .step-number{background:#28a745}.step-label{color:#666}.step-line{background:#e0e0e0;width:80px}.alert{gap:.5rem}.alert-error{background:#fee;border-left:4px solid #c00;color:#c00}.alert-success{background:#efe;border-left:4px solid #0a0;color:#0a0}.search-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:800px}.search-card h2{color:#1a1a2e;font-size:2rem;margin-bottom:2rem}.form-group label{color:#1a1a2e}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e94560;box-shadow:0 0 0 3px #e945601a}.btn-large{padding:1rem 2rem}.selection-header{margin-bottom:2rem}.selection-header h2{color:#1a1a2e}.selection-header p{color:#666}.available-rooms-grid{grid-gap:2rem;display:grid}.available-room-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;grid-template-columns:300px 1fr;transition:transform .3s ease,box-shadow .3s ease}.available-room-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.room-content h3{color:#1a1a2e}.room-size{color:#666;margin-bottom:1rem}.room-features-list{gap:.5rem}.feature-badge{background:#f0f0f0;border-radius:15px;color:#1a1a2e;padding:.4rem .8rem}.room-pricing{border-top:2px solid #f0f0f0;padding-top:1rem}.price-per-night{color:#1a1a2e;font-size:1.2rem;font-weight:600}.total-price{color:#e94560;font-weight:700}.btn-select{background:linear-gradient(135deg,#e94560,#c72c48);border-radius:30px;box-shadow:0 4px 15px #e945604d;padding:.75rem 2rem}.btn-select:hover{box-shadow:0 6px 20px #e9456066;transform:translateY(-2px)}.no-rooms-message{background:#fff;border-radius:15px;padding:4rem 2rem}.no-rooms-message h3{color:#1a1a2e}.guest-form-container{border-radius:15px;box-shadow:0 5px 20px #0000001a}.guest-form-container h2{color:#1a1a2e;font-size:2rem}.btn-outline{background:#0000;border:2px solid #1a1a2e;border-radius:30px;color:#1a1a2e}.btn-outline:hover{background:#1a1a2e}.reservation-summary h3{color:#1a1a2e}.summary-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a}.selected-room-preview img{border-radius:10px}.selected-room-preview h4{color:#1a1a2e}.summary-details{border-bottom:2px solid #f0f0f0;border-top:2px solid #f0f0f0}.price-row,.summary-row{color:#666}.price-row.total{border-top:2px solid #f0f0f0;color:#1a1a2e}.confirmation-card{background:#fff;box-shadow:0 10px 40px #0000001a}.confirmation-icon{margin-bottom:1rem}.confirmation-card h2{color:#28a745}.confirmation-message{color:#666}.confirmation-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;font-size:1.3rem;margin-bottom:2rem;padding:1.5rem 2rem}.confirmation-details{background:#f8f9fa;border-radius:15px;margin-bottom:2rem}.confirmation-details h3{color:#1a1a2e}.detail-label{color:#666}.detail-value{color:#1a1a2e}@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}}.demo-navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f1ad9;border-bottom:1px solid #ffffff0d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.demo-navbar.scrolled{background:#0f0f1af2;border-bottom:1px solid #6366f11a;box-shadow:0 4px 30px #0000004d}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.75rem 2rem}.back-to-landing{align-items:center;background:#6366f126;border:1px solid #6366f14d;border-radius:10px;color:#a5b4fc;display:flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.back-to-landing:hover{background:#6366f140;border-color:#6366f180;color:#fff;transform:translateX(-3px)}.navbar-logo{align-items:center;display:flex;gap:.75rem;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.02)}.logo-icon{filter:drop-shadow(0 2px 8px rgba(99,102,241,.3));font-size:1.75rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.mobile-menu-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;height:44px;padding:.5rem;transition:all .3s ease;width:44px}.mobile-menu-toggle:hover{background:#6366f133;border-color:#6366f14d}.hamburger-icon{height:100%;justify-content:center;width:100%}.hamburger-icon,.navbar-links{align-items:center;display:flex}.navbar-links{gap:.5rem;list-style:none;margin:0;padding:0}.navbar-links a,.navbar-links li{position:relative}.navbar-links a{border-radius:10px;color:#ffffffb3;font-size:.95rem;font-weight:500;padding:.6rem 1rem;text-decoration:none;transition:all .3s ease}.navbar-links a:not(.btn-reservar):not(.btn-try-clavis):hover{background:#ffffff14;color:#fff}.navbar-links a.active:not(.btn-reservar):not(.btn-try-clavis){background:#6366f126;color:#fff}.navbar-links a.active:not(.btn-reservar):not(.btn-try-clavis):after{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.navbar-cta,.navbar-cta-primary{margin-left:.5rem}.btn-reservar{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #6366f166;color:#fff!important;font-size:.9rem!important;font-weight:600!important;padding:.65rem 1.25rem!important;transition:all .3s ease!important}.btn-reservar:hover{box-shadow:0 8px 25px #6366f180!important;transform:translateY(-2px)!important}.btn-try-clavis{background:#ffffff0d!important;border:1px solid #fff3!important;border-radius:12px!important;color:#fff!important;font-size:.9rem!important;font-weight:600!important;padding:.65rem 1.25rem!important;text-decoration:none;transition:all .3s ease!important}.btn-try-clavis:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}@media (max-width:1024px){.back-to-landing{display:none}.navbar-container{padding:.75rem 1.5rem}.navbar-links{gap:.25rem}.navbar-links a{font-size:.9rem;padding:.5rem .75rem}}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.navbar-container{padding:.75rem 1rem}.navbar-links{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f1afa;border-bottom:1px solid #6366f11a;box-shadow:0 20px 40px #0006;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 #ffffff0d;text-align:center;width:100%}.navbar-links li:last-child{border-bottom:none}.navbar-links a{border-radius:0;display:block;padding:1rem 2rem;width:100%}.navbar-links a.active:not(.btn-reservar):not(.btn-try-clavis):after{bottom:.75rem}.navbar-cta,.navbar-cta-primary{margin-left:0;padding:.75rem 1.5rem}.btn-reservar,.btn-try-clavis{display:inline-block!important;width:auto!important}.logo-text{font-size:1.2rem}.logo-icon{font-size:1.5rem}}@media (max-width:480px){.navbar-container{padding:.5rem 1rem}.logo-text{font-size:1.1rem}.navbar-links a{font-size:.95rem;padding:.9rem 1.5rem}.btn-reservar,.btn-try-clavis{font-size:.85rem!important;padding:.6rem 1rem!important}}.demo-footer{background:linear-gradient(180deg,#0f0f1a,#0a0a12);color:#fff;margin-top:0;overflow:visible;padding:5rem 2rem 2.5rem;position:relative}.demo-footer:before{background:linear-gradient(90deg,#0000,#6366f180 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1.5fr 1fr 1fr 1.25fr;margin:0 auto 4rem;max-width:1200px}.footer-section h3,.footer-section h4{color:#fff;font-size:1.1rem;letter-spacing:-.01em}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;gap:.75rem;margin-bottom:1.25rem}.footer-logo .logo-icon{-webkit-text-fill-color:initial;font-size:2.25rem}.footer-desc{color:#fff9;font-size:.95rem;line-height:1.7;margin-bottom:1.75rem}.footer-social{gap:.75rem}.footer-social a{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;display:flex;font-size:1.25rem;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.footer-social a:hover{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;box-shadow:0 8px 25px #6366f166;transform:translateY(-3px)}.footer-section ul{margin:0;padding:0}.footer-section ul li{margin-bottom:.85rem}.footer-section ul li a{align-items:center;color:#fff9;display:inline-flex;font-size:.95rem;gap:.5rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-section ul li a:before{background:linear-gradient(90deg,#6366f1,#a855f7);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section ul li a:hover{color:#a5b4fc}.footer-section ul li a:hover:before{width:100%}.footer-contact li{align-items:flex-start;color:#ffffffb3;display:flex;font-size:.95rem;gap:.85rem;margin-bottom:1.1rem}.contact-icon{font-size:1.1rem;min-width:20px}.footer-contact a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-contact a:hover{color:#a5b4fc}.footer-bottom{align-items:center;border-top:1px solid #ffffff14;color:#ffffff80;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding-bottom:1rem}.footer-bottom p{margin:0}.footer-links{align-items:center;display:flex;gap:1.5rem}.footer-links a{color:#ffffff80;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#a5b4fc}.footer-links span{color:#fff3}@media (max-width:1024px){.footer-content{gap:2.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.demo-footer{padding:4rem 1.5rem 2rem}.footer-content{gap:2.5rem;grid-template-columns:1fr;text-align:center}.footer-logo,.footer-section ul li a,.footer-social{justify-content:center}.footer-section ul li a:before{left:50%;transform:translateX(-50%)}.footer-contact li{justify-content:center}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.demo-footer{padding:3rem 1rem 1.5rem}.footer-logo{font-size:1.5rem}.footer-logo .logo-icon{font-size:1.75rem}.footer-social a{font-size:1.1rem;height:40px;width:40px}.footer-section h4{font-size:1rem}.footer-bottom{font-size:.85rem}.footer-links{flex-wrap:wrap;gap:1rem}}.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:linear-gradient(180deg,#0f0f1a,#1a1a2e);margin:0 auto;min-height:100vh;overflow-x:hidden;width:100%}.hero-section{height:100vh;min-height:700px}.hero-slide{background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1);transition:opacity 1.5s ease-in-out;width:100%}.hero-slide.active{animation:ken-burns 20s ease-in-out infinite;opacity:1}@keyframes ken-burns{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-overlay{background:linear-gradient(180deg,#0f0f1a4d,#0f0f1a80 40%,#0f0f1af2);height:100%;left:0;top:0;width:100%}.hero-overlay:before{background:radial-gradient(circle at 30% 70%,#6366f126 0,#0000 50%),radial-gradient(circle at 70% 30%,#a855f726 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.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-badge{align-items:center;animation:fadeInUp 1s ease;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;color:#a5b4fc;display:inline-flex;gap:.5rem;padding:.5rem 1.25rem}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease .1s backwards;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;line-height:1.1;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease .2s backwards;color:#fffc;font-size:1.35rem;margin-bottom:2.5rem;max-width:650px}.hero-buttons{animation:fadeInUp 1s ease .4s backwards;display:flex;gap:1.25rem}.btn{border-radius:14px;font-size:1.05rem;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 8px 30px #6366f166}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 15px 40px #6366f180;transform:translateY(-4px) scale(1.02)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3}.btn-secondary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-4px)}.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:-70px;max-width:900px;padding:0 2rem 4rem;position:relative;z-index:10}.booking-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ef2,#0f0f1afa);border:1px solid #6366f140;border-radius:20px;box-shadow:0 25px 60px #00000080,inset 0 0 0 1px #ffffff08,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:1.5rem 2rem;position:relative}.booking-card:before{background:linear-gradient(90deg,#0000,#6366f199 30%,#a855f799 70%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.booking-card h3{color:#fff;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.5rem;text-align:center}.booking-form{align-items:flex-end;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1rem;justify-content:center;width:100%}.booking-form>*,.form-group{flex:1 1;min-width:0}.form-group{gap:.4rem}.form-group label{color:#ffffff80;font-size:.7rem;letter-spacing:.08em}.form-group input,.form-group select{-webkit-appearance:none;appearance:none;background:#0000004d!important;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff!important;cursor:pointer;font-size:.9rem;height:46px;padding:.8rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#0006!important;border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.form-group select option{padding:.5rem}.booking-form .btn-search{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important;border-radius:10px!important;box-shadow:0 6px 20px #6366f166;color:#fff!important;cursor:pointer;display:flex!important;flex:1 1;font-size:.9rem!important;font-weight:600!important;gap:.5rem;height:46px;justify-content:center;min-width:0;padding:.8rem 1.5rem!important;text-decoration:none!important;transition:all .3s ease;white-space:nowrap}.btn-search:hover{box-shadow:0 10px 30px #6366f180}.rooms-showcase{margin:0 auto;max-width:1200px;padding:6rem 2rem}.showcase-header{margin-bottom:4rem;text-align:center}.showcase-badge{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1.25rem}.showcase-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.showcase-header p{color:#ffffffb3;font-size:1.2rem;margin:0 auto;max-width:500px}.showcase-rooms{display:flex;flex-direction:column;gap:4rem}.showcase-room{grid-gap:3rem;align-items:center;background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc);border:1px solid #ffffff14;border-radius:24px;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:2rem;transition:all .4s ease}.showcase-room:hover{border-color:#6366f14d;box-shadow:0 30px 80px #6366f126;transform:translateY(-5px)}.showcase-room.reverse{direction:rtl}.showcase-room.reverse>*{direction:ltr}.showcase-image{aspect-ratio:4/3;border-radius:16px;overflow:hidden;position:relative}.showcase-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.showcase-room:hover .showcase-image img{transform:scale(1.05)}.showcase-price-badge{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;box-shadow:0 10px 30px #6366f180;padding:.75rem 1.25rem;position:absolute;right:1rem;text-align:center;top:1rem}.price-amount{color:#fff;display:block;font-size:1.5rem}.price-period{color:#fffc;font-size:.75rem;font-weight:500}.showcase-content{padding:1rem 0}.room-category{background:#6366f126;border:1px solid #6366f140;border-radius:20px;color:#a5b4fc;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.35rem 1rem;text-transform:uppercase}.showcase-content h3{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.room-description{color:#ffffffb3;font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.showcase-details{display:flex;gap:2rem;margin-bottom:1.5rem}.detail-item{align-items:center;color:#fffc;font-size:.95rem}.detail-icon{font-size:1.1rem}.showcase-amenities{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.amenity-tag{align-items:center;background:#34d3991a;border:1px solid #34d39933;border-radius:10px;color:#6ee7b7;display:inline-flex;gap:.4rem;padding:.5rem 1rem}.check-icon{color:#34d399;font-weight:700}.btn-reserve{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;box-shadow:0 8px 25px #6366f166;display:inline-flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;text-decoration:none}.btn-reserve:hover{box-shadow:0 15px 40px #6366f180;transform:translateY(-3px)}.btn-reserve .arrow{transition:transform .3s ease}.btn-reserve:hover .arrow{transform:translateX(5px)}.showcase-cta{margin-top:4rem;text-align:center}.btn-see-all{background:#ffffff0d;border:2px solid #fff3;border-radius:14px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 3rem;text-decoration:none;transition:all .3s ease}.btn-see-all:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-3px)}@media (max-width:900px){.showcase-room{gap:2rem;grid-template-columns:1fr}.showcase-room.reverse{direction:ltr}.showcase-content h3{font-size:1.5rem}.showcase-header h2{font-size:2.25rem}}@media (max-width:600px){.rooms-showcase{padding:4rem 1.5rem}.showcase-room{padding:1.5rem}.showcase-details{flex-direction:column;gap:.75rem}.btn-reserve{justify-content:center;width:100%}}.demo-hotel .services-section{background:#0000!important;margin:0 auto;max-width:1200px;padding:5rem 2rem}.demo-hotel .services-section .section-header{margin-bottom:3rem;text-align:center}.demo-hotel .services-section .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:2.75rem!important;font-weight:800!important;margin-bottom:1rem}.demo-hotel .services-section .section-header p{color:#ffffffb3!important;font-size:1.15rem!important}.demo-hotel .services-grid{grid-gap:1.5rem;display:grid!important;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.demo-hotel .service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;border:1px solid #ffffff1a!important;border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.demo-hotel .service-card:hover{background:#6366f126!important;border-color:#6366f14d!important;box-shadow:0 20px 50px #6366f133;transform:translateY(-8px)}.demo-hotel .service-icon{display:block;font-size:2.75rem;margin-bottom:1rem}.demo-hotel .service-card h3{color:#fff!important;font-size:1.1rem!important;font-weight:700;margin-bottom:.5rem}.demo-hotel .service-card p{color:#fff9!important;font-size:.85rem}.demo-hotel .reviews-section{background:#0000!important;margin:0 auto;max-width:1200px;padding:5rem 2rem}.demo-hotel .reviews-section .section-header{margin-bottom:3.5rem;text-align:center}.demo-hotel .reviews-section .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:2.75rem!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:1rem}.demo-hotel .reviews-section .section-header p{color:#ffffffb3!important;font-size:1.15rem!important}.demo-hotel .section-badge{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:50px;color:#a5b4fc;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1.25rem}.demo-hotel .reviews-grid{grid-gap:2rem;display:grid!important;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}.demo-hotel .review-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;border:1px solid #ffffff1a!important;border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.demo-hotel .review-card:hover{border-color:#6366f14d!important;box-shadow:0 20px 50px #6366f126;transform:translateY(-5px)}.demo-hotel .stars{font-size:1.2rem;letter-spacing:3px;margin-bottom:1.25rem}.demo-hotel .review-text{color:#fffc!important;font-size:1rem;font-style:italic;line-height:1.8;margin-bottom:1.5rem}.demo-hotel .reviewer{align-items:center;display:flex;gap:.75rem}.demo-hotel .reviewer strong{color:#fff!important;font-size:1rem;font-weight:600}.demo-hotel .reviewer span{background:#34d39926!important;border-radius:20px;color:#34d399!important;font-size:.8rem;font-weight:500;padding:.3rem .85rem}.demo-hotel .cta-section{margin:2rem auto 5rem;max-width:1100px;padding:0 2rem}.demo-hotel .cta-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2)!important;border:1px solid #6366f14d!important;border-radius:32px;color:#fff;overflow:hidden;padding:5rem 3rem;position:relative;text-align:center}.demo-hotel .cta-content:before{background:radial-gradient(circle at 20% 80%,#6366f140 0,#0000 50%),radial-gradient(circle at 80% 20%,#a855f740 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.demo-hotel .cta-content:after{background:linear-gradient(90deg,#0000,#6366f199 30%,#a855f799 70%,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.demo-hotel .cta-badge{background:linear-gradient(135deg,#6366f14d,#a855f74d);border:1px solid #6366f166;border-radius:50px;color:#c4b5fd;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1.5rem;position:relative;z-index:1}.demo-hotel .cta-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:2.75rem!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:1rem;position:relative;z-index:1}.demo-hotel .cta-content p{color:#fffc!important;font-size:1.2rem!important;margin-bottom:2.5rem;position:relative;z-index:1}.demo-hotel .btn-cta-large{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border-radius:16px;box-shadow:0 10px 35px #6366f180;color:#fff!important;display:inline-block;font-size:1.15rem;font-weight:700;padding:1.25rem 3.5rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.demo-hotel .btn-cta-large:hover{box-shadow:0 15px 50px #6366f199;transform:translateY(-4px) scale(1.02)}@media (max-width:1024px){.booking-form{flex-wrap:wrap!important}.booking-form>*,.form-group{flex:1 1 45%}.booking-form .btn-search{flex:1 1 100%;margin-top:.5rem}}@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%}.quick-booking{margin-top:-60px;padding:0 1.5rem 3rem}.booking-card{padding:1.5rem}.booking-card h3{font-size:1.1rem}.booking-form{flex-direction:column!important;gap:.75rem}.booking-form .btn-search,.booking-form>*,.form-group{flex:1 1 100%!important;width:100%}.booking-form .btn-search{margin-top:.25rem;padding:.9rem}.section-header h2{font-size:2rem}.demo-hotel .reviews-grid,.demo-hotel .services-grid{grid-template-columns:1fr!important}.demo-hotel .cta-content h2,.demo-hotel .reviews-section .section-header h2{font-size:2rem!important}.demo-hotel .cta-content p{font-size:1rem!important}.demo-hotel .cta-content{padding:3.5rem 2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.quick-booking{margin-top:-50px;padding:0 1rem 2rem}.booking-card{padding:1.25rem 1rem}.booking-card h3{font-size:1rem}.form-group label{font-size:.65rem}.form-group input,.form-group select{font-size:.85rem;padding:.7rem .9rem}.btn-search{font-size:.85rem;padding:.8rem}.section-header h2{font-size:1.75rem}.room-price{font-size:1rem;padding:.5rem 1rem}}.demo-reservations{background:linear-gradient(180deg,#0f0f1a,#1a1a2e 50%,#0f0f1a)!important;min-height:100vh;overflow-x:hidden;padding-top:80px;width:100%}.demo-reservations *{box-sizing:border-box}.reservations-container{margin:0 auto;max-width:1200px;padding:3rem 2rem}.reservations-header{margin-bottom:3rem;text-align:center}.reservations-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.reservations-header p{color:#ffffffb3!important;font-size:1.2rem}.demo-reservations h1,.demo-reservations h2,.demo-reservations h3,.demo-reservations h4{color:#fff!important}.demo-reservations p{color:#ffffffb3!important}.progress-steps{justify-content:center;margin-bottom:3rem;padding:0 2rem}.progress-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:.75rem}.step-number{background:#ffffff1a;border:2px solid #fff3;color:#ffffff80;font-size:1.2rem;height:55px;transition:all .4s ease;width:55px}.step.active .step-number{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:#0000;box-shadow:0 8px 25px #6366f180;color:#fff;transform:scale(1.1)}.step.completed .step-number{background:linear-gradient(135deg,#34d399,#10b981);border-color:#0000;box-shadow:0 6px 20px #34d39966;color:#fff}.step-label{color:#ffffff80;transition:color .3s ease}.step.active .step-label{color:#a5b4fc;font-weight:600}.step.completed .step-label{color:#6ee7b7}.step-line{background:#ffffff1a;border-radius:2px;height:3px;margin:0 1rem 1.5rem;overflow:hidden;position:relative;width:60px}.alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#34d39926;border:1px solid #34d3994d;color:#6ee7b7}.step-content{animation:fadeIn .5s ease}.search-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2);border:1px solid #6366f133;border-radius:24px;box-shadow:0 25px 60px #00000080;margin:0 auto;max-width:700px;overflow:hidden;padding:3rem;position:relative}.search-card:before{background:linear-gradient(90deg,#0000,#6366f199 30%,#a855f799 70%,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.search-card h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#c4b5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.demo-reservations .available-room-card,.demo-reservations .confirmation-card,.demo-reservations .guest-form-container,.demo-reservations .search-card,.demo-reservations .summary-card{background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2)!important;color:#fff!important}.demo-reservations .form-group label{color:#ffffffb3!important}.demo-reservations .form-group input,.demo-reservations .form-group select,.demo-reservations .form-group textarea{background:#0000004d!important;border:1px solid #ffffff26!important;color:#fff!important}.demo-reservations .form-group input:focus,.demo-reservations .form-group select:focus,.demo-reservations .form-group textarea:focus{background:#0006!important;border-color:#6366f180!important;box-shadow:0 0 0 4px #6366f126!important}.demo-reservations .reservations-container{background:#0000!important}.demo-reservations .no-rooms-message{background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;color:#fff!important}.demo-reservations .confirmation-details{background:#ffffff08!important;border:1px solid #ffffff1a!important}.demo-reservations .confirmation-card h2,.demo-reservations .guest-form-container h2,.demo-reservations .reservation-summary h3,.demo-reservations .room-content h3{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#c4b5fd)!important;-webkit-background-clip:text!important;background-clip:text!important}.search-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#ffffffb3;letter-spacing:.05em}.form-group input,.form-group select,.form-group textarea{background:#0000004d;border:1px solid #ffffff26;color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input[type=date]{color-scheme:dark}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.6}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' fill-opacity='.6' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-group select option{background:#1a1a2e;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0006;border-color:#6366f180}.btn{align-items:center;border-radius:12px;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.75rem;transition:all .3s ease}.btn-primary,.demo-reservations .btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important;box-shadow:0 8px 25px #6366f166!important;color:#fff!important}.btn-primary:hover:not(:disabled){box-shadow:0 12px 35px #6366f180;transform:translateY(-3px)}.btn-large{font-size:1.1rem;margin-top:1rem;padding:1.1rem 2.5rem;width:100%}.btn-outline{background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;padding:.75rem 1.5rem}.btn-outline:hover{background:#ffffff1a;border-color:#fff6}.selection-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2.5rem}.selection-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.selection-header p{color:#ffffffb3;font-size:1.1rem}.available-rooms-grid{display:flex;flex-direction:column;gap:2rem}.available-room-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2eb3,#0f0f1ae6);border:1px solid #ffffff1a;border-radius:20px;display:grid;grid-template-columns:320px 1fr;overflow:hidden;transition:all .4s ease}.available-room-card:hover{border-color:#6366f14d;box-shadow:0 25px 60px #6366f133;transform:translateY(-8px)}.room-image-container{aspect-ratio:4/3}.room-image-container img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.available-room-card:hover .room-image-container img{transform:scale(1.05)}.room-capacity-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;left:1rem;padding:.5rem 1rem;position:absolute;top:1rem}.room-content{display:flex;flex-direction:column;padding:2rem}.room-content h3{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.room-size{color:#fff9;font-size:1rem;margin-bottom:1.25rem}.room-features-list{display:flex;flex-grow:1;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.feature-badge{background:#34d3991a;border:1px solid #34d39933;border-radius:10px;color:#6ee7b7;font-size:.85rem;padding:.5rem 1rem}.room-pricing{align-items:flex-end;border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:1.25rem}.price-per-night{color:#ffffffb3;font-size:1.1rem;font-weight:500}.total-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.btn-select{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:14px;box-shadow:0 8px 25px #6366f166;font-weight:700;padding:.9rem 2rem;transition:all .3s ease}.btn-select:hover{box-shadow:0 12px 35px #6366f180;transform:translateY(-3px)}.no-rooms-message{background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc);border:1px solid #ffffff1a;border-radius:20px;padding:5rem 2rem;text-align:center}.no-rooms-message h3{color:#fff;font-size:2rem;margin-bottom:1rem}.no-rooms-message p{color:#ffffffb3;margin-bottom:2rem}.guest-data-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr}.guest-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2);border:1px solid #ffffff1a;border-radius:20px;padding:2.5rem}.guest-form-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;margin-bottom:2rem}.guest-form{display:flex;flex-direction:column;gap:1.5rem}.form-actions{margin-top:1rem}.reservation-summary{position:-webkit-sticky;position:sticky;top:100px}.reservation-summary h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2);border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.selected-room-preview{margin-bottom:1.5rem;text-align:center}.selected-room-preview img{border-radius:12px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}.selected-room-preview h4{color:#fff;font-size:1.25rem;font-weight:700}.summary-details{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;margin-bottom:1.5rem;padding:1.5rem 0}.summary-row{color:#fff9;margin-bottom:1rem}.summary-row strong{color:#fff}.summary-row:last-child{margin-bottom:0}.summary-pricing{display:flex;flex-direction:column;gap:.75rem}.price-row{color:#fff9;font-size:.95rem}.price-row.total{border-top:1px solid #ffffff1a;color:#fff;font-size:1.3rem}.confirmation-card{background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2);border:1px solid #34d3994d;border-radius:24px;margin:0 auto;max-width:800px;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.confirmation-card:before{background:linear-gradient(90deg,#34d399,#10b981,#6ee7b7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.confirmation-icon{font-size:5rem;margin-bottom:1.5rem}.confirmation-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.confirmation-message{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}.confirmation-message strong{color:#fff}.confirmation-number{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:16px;box-shadow:0 10px 30px #6366f166;color:#fff;font-size:1.5rem;margin-bottom:2.5rem;padding:1.75rem 2.5rem;text-align:center}.confirmation-number strong{font-size:.9rem;font-weight:500;margin-bottom:.5rem;opacity:.9}.confirmation-details{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:2.5rem;padding:2rem;text-align:left}.confirmation-details h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.detail-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.detail-item{gap:.5rem}.detail-label{color:#ffffff80;font-size:.9rem}.detail-value{color:#fff;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{aspect-ratio:16/9}.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:1.5rem}.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:45px;width:45px}.detail-grid{grid-template-columns:1fr}.confirmation-card{padding:2.5rem 1.5rem}.confirmation-icon{font-size:3.5rem}.confirmation-card h2{font-size:1.75rem}.confirmation-actions,.form-actions{flex-direction:column}}@media (max-width:480px){.progress-steps{justify-content:flex-start;overflow-x:auto;padding-bottom:1rem}.step-line{margin:0 .5rem;width:25px}.step{min-width:70px}.search-card{padding:1.5rem 1rem}.btn-large{font-size:1rem;padding:1rem 1.5rem}.reservations-header h1{font-size:1.75rem}.confirmation-number{font-size:1.2rem;padding:1.25rem 1.5rem}}.demo-reservations,.demo-reservations .reservations-container,.demo-reservations .step-content{background-color:initial!important}.demo-reservations input,.demo-reservations select,.demo-reservations textarea{background-color:#0000004d!important;border-color:#ffffff26!important;color:#fff!important}.demo-reservations input::placeholder,.demo-reservations textarea::placeholder{color:#fff6!important}.demo-reservations select option{background-color:#1a1a2e!important;color:#fff!important}.demo-reservations label{color:#ffffffb3!important}.demo-reservations .price-row span,.demo-reservations .summary-row span{color:#fff9!important}.demo-reservations .price-row strong,.demo-reservations .summary-row strong{color:#fff!important}.demo-reservations .price-per-night,.demo-reservations .room-size{color:#fff9!important}.demo-reservations div[class*=card],.demo-reservations div[class*=container],.demo-reservations div[class*=section]{background-color:initial!important}.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}.modal-content{border-radius:24px;max-width:800px;position:relative}.modal-close{background:#f3f4f6;font-size:1.5rem;height:40px;width:40px;z-index:10}.modal-close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.modal-header{border-bottom:2px solid #f3f4f6;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}.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;width:100%}.hero-container{flex-direction:column;margin:0 auto;max-width:900px;padding:0 2rem;text-align:center}.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;gap:1.5rem;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;gap:3rem}.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}.ai-card ul li:before{color:#06f;color:var(--primary);content:"✓";left:0;position:absolute}.ai-badge{background:linear-gradient(135deg,#00c48c,#00a878);border-radius:10px;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:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px;padding:2rem 1rem}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.billing-toggle{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.billing-toggle-label{color:var(--gray-500);font-size:1rem;font-weight:500;transition:color .3s ease}.billing-toggle-label.active{color:#06f;color:var(--primary);font-weight:700}.billing-toggle-switch{background-color:#d1d5db;background-color:var(--gray-300);border:none;border-radius:15px;cursor:pointer;height:30px;position:relative;transition:background-color .3s ease;width:56px}.billing-toggle-switch.active{background-color:#06f;background-color:var(--primary)}.billing-toggle-switch span{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:3px;position:absolute;top:3px;transition:left .3s ease;width:24px}.billing-toggle-switch.active span{left:29px}.billing-toggle-badge{background-color:#10b981;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;margin-left:.5rem;padding:.25rem .75rem}.pricing-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:20px;display:flex;flex-direction:column;padding:2.5rem 1.75rem;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{box-shadow:0 10px 40px #0000001a;transform:translateY(-5px)}.pricing-card.highlighted{background:linear-gradient(180deg,#fff,#f8faff);border-color:#06f;border-color:var(--primary);border-width:3px;box-shadow:0 15px 50px #06f3;position:relative;z-index:2}.popular-badge{border-radius:20px;box-shadow:0 4px 15px #667eea66;font-size:.85rem;padding:.5rem 1.5rem;top:-14px}.pricing-card h3{color:#1a1a2e;color:var(--secondary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-top:.5rem}.price{color:#06f;color:var(--primary);font-size:2.75rem;font-weight:800;line-height:1.1;margin-bottom:.25rem}.period{font-size:1.25rem}.period,.rooms{color:#4b5563;color:var(--gray-600);font-weight:500}.rooms{font-size:.9rem;margin-bottom:1.5rem}.price-usd{color:var(--gray-500);font-size:.9rem;margin-bottom:.5rem;margin-top:-.25rem}.annual-total{color:#10b981;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.features-list{flex-grow:1;list-style:none;margin-bottom:1.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}.btn-demo-large:hover{box-shadow:0 12px 40px #0000004d}.demo-note{font-size:.95rem;margin-top:2rem;opacity:.9}.final-cta-section{background:#fff;padding:6rem 0}.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}.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{border-width:3px}.landing-home .section-title{font-size:2rem}}.ai-addons-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);overflow:hidden;padding:5rem 0;position:relative}.ai-addons-section: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='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.ai-addons-header{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.ai-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.25rem}.ai-addons-section .section-title{color:#fff;font-size:2.5rem;margin-bottom:1rem}.ai-addons-section .section-subtitle{color:#ffffffb3;font-size:1.15rem;margin:0 auto;max-width:600px}.ai-addons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto 3rem;max-width:900px;position:relative;z-index:1}@media (max-width:768px){.ai-addons-grid{grid-template-columns:1fr}}.ai-addon-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease}.ai-addon-card:hover{background:#ffffff1f;border-color:#a855f780;transform:translateY(-5px)}.addon-icon{display:block;font-size:3.5rem;margin-bottom:1.5rem}.ai-addon-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.ai-addon-card p{color:#ffffffb3;font-size:1rem;line-height:1.6}.ai-addons-cta{position:relative;text-align:center;z-index:1}.ai-addons-cta p{color:#ffffffb3;font-size:1.1rem;margin-bottom:1.5rem}.btn-contact-sales{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;text-decoration:none;transition:all .3s ease}.btn-contact-sales:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.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{margin:0 auto}.ai-card{max-width:none;width:100%}@media (max-width:900px){.ai-grid{grid-template-columns:1fr}}.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{background:linear-gradient(180deg,#0f0f1a,#1a1a2e)!important;color:#fff!important;width:100%}.landing-home section{background-color:initial!important}.landing-home .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important}.landing-home .section-subtitle{color:#ffffffb3!important}.features-section{background:linear-gradient(180deg,#0f0f1a,#1a1a2e)!important;padding:6rem 2rem!important}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;border:1px solid #ffffff1a!important}.feature-card:hover{border-color:#6366f14d!important;box-shadow:0 20px 50px #6366f126!important}.feature-card h3{color:#fff!important}.feature-card p{color:#ffffffb3!important}.feature-card .learn-more{color:#a5b4fc!important}.social-proof{background:#0f0f1af2!important;border-bottom:1px solid #ffffff0d!important;border-top:1px solid #ffffff0d!important}.social-proof p{color:#fff9!important}.hero-section{background:linear-gradient(180deg,#0f0f1a,#1a1a2e)!important;overflow:hidden;position:relative}.hero-section:before{animation:hero-glow 10s ease-in-out infinite;background:radial-gradient(ellipse at 30% 20%,#6366f126 0,#0000 50%),radial-gradient(ellipse at 70% 80%,#a855f726 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#6366f10d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes hero-glow{0%,to{opacity:1}50%{opacity:.6}}.hero-container{position:relative;z-index:1}.hero-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important}.hero-subtitle{color:#fffc!important}.hero-benefits,.hero-benefits span{color:#ffffffe6!important}.hero-ctas .btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important;box-shadow:0 8px 30px #6366f166!important;color:#fff!important}.hero-ctas .btn-primary:hover{box-shadow:0 12px 40px #6366f180!important;transform:translateY(-3px)}.hero-ctas .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:2px solid #fff3!important;color:#fff!important}.hero-ctas .btn-secondary:hover{background:#ffffff1a!important;border-color:#fff6!important}.hero-note,.hero-trust{color:#fff9!important}.hero-ctas{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-bottom:2rem}.btn-trial-large{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7)!important;border-radius:16px;box-shadow:0 8px 30px #6366f180,inset 0 0 0 1px #ffffff1a;color:#fff!important;display:flex;gap:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-trial-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn-trial-large:hover:before{left:100%}.btn-trial-large:hover{box-shadow:0 15px 50px #6366f199,inset 0 0 0 1px #fff3;transform:translateY(-4px) scale(1.02)}.btn-trial-large .btn-icon{animation:rocket-bounce 2s ease-in-out infinite;font-size:1.75rem}@keyframes rocket-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.btn-trial-large .btn-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.btn-trial-large .btn-main{font-size:1.15rem;font-weight:700;line-height:1.2}.btn-trial-large .btn-sub{font-size:.8rem;font-weight:500;opacity:.9}.btn-demo-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:2px solid #fff3!important;border-radius:16px;color:#fff!important;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-demo-large:hover{background:#ffffff1a!important;border-color:#fff6!important;transform:translateY(-3px)}.hero-trust-badges{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.trust-item{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem}.trust-item .trust-icon{align-items:center;background:#34d39933;border-radius:50%;color:#34d399;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}@media (max-width:640px){.hero-ctas{align-items:center;flex-direction:column}.btn-demo-large,.btn-trial-large{justify-content:center;max-width:320px;width:100%}.btn-trial-large .btn-content{align-items:center;text-align:center}.hero-trust-badges{align-items:center;flex-direction:column;gap:.75rem}}.hero-badge{animation:badge-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f133,#a855f733)!important;border:1px solid #6366f166!important;border-radius:50px;box-shadow:0 4px 20px #6366f133;color:#a5b4fc!important;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.6rem 1.5rem}@keyframes badge-pulse{0%,to{box-shadow:0 4px 20px #6366f133}50%{box-shadow:0 4px 30px #6366f166}}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:2.5rem 0}.hero-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.hero-stat .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.hero-stat .stat-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.hero-trust{color:#fff9;font-size:.875rem;margin-top:1.5rem}.pain-points-section{background:linear-gradient(180deg,#0f0f1a,#1a1a2e);padding:6rem 2rem}.pain-points-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:3rem}.pain-point-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.75rem;transition:all .3s ease}.pain-point-card:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-4px)}.pain-point-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.pain-icon{font-size:2rem}.pain-stat{text-align:right}.pain-stat .stat-value{color:#f87171;display:block;font-size:1.5rem;font-weight:800;line-height:1}.pain-stat .stat-desc{color:#ffffff80;display:block;font-size:.7rem;line-height:1.3;margin-top:.25rem;max-width:120px}.pain-problem{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.pain-solution{background:#34d3991a;border:1px solid #34d39933;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.solution-arrow{color:#34d399;flex-shrink:0;font-size:1.25rem;font-weight:700}.pain-solution strong{color:#34d399;display:block;font-size:.9rem;margin-bottom:.25rem}.pain-solution p{color:#ffffffb3;font-size:.8rem;line-height:1.4;margin:0}.pricing-section{background:linear-gradient(180deg,#0f0f1a,#1a1a2e 50%,#0f0f1a)!important;overflow:visible!important;padding:6rem 2rem!important;position:relative}.pricing-section .section-title{color:#fff!important}.pricing-section .section-subtitle{color:#ffffffb3!important}.pricing-section .section-container{overflow:visible!important}.billing-toggle{background:#ffffff0d!important;border:1px solid #ffffff1a!important}.billing-toggle-label{color:#fff9!important}.billing-toggle-label.active{color:#fff!important}.billing-toggle-switch{background:#ffffff1a!important}.billing-toggle-switch.active{background:linear-gradient(135deg,#6366f1,#a855f7)!important}.billing-toggle-badge{background:linear-gradient(135deg,#34d399,#6ee7b7)!important;color:#0f0f1a!important}.pricing-grid-new{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1100px;overflow:visible!important}.pricing-card-new{background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:20px;display:flex;flex-direction:column;height:auto!important;max-height:none!important;min-height:auto!important;overflow:visible!important;padding:2rem;position:relative;transition:all .3s ease}.pricing-card-new:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-8px)}.pricing-card-new.highlighted{background:linear-gradient(135deg,#6366f11a,#a855f71a);border:2px solid #6366f180;transform:scale(1.02)}.pricing-card-new.highlighted:hover{transform:scale(1.02) translateY(-8px)}.popular-ribbon{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50px;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.4rem 1.25rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-header{margin-bottom:1.5rem;text-align:center}.plan-name{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.plan-tagline{color:#fff9;font-size:.875rem;margin:0}.pricing-price{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:1.5rem 0;text-align:center}.price-main{gap:.25rem}.price-main .currency{color:#ffffffb3;font-size:1.5rem;font-weight:600}.price-main .amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1}.price-main .period{color:#ffffff80;font-size:1rem;font-weight:500}.price-mxn{color:#ffffff80;font-size:.9rem}.price-annual{color:#6366f1cc;font-size:.75rem;margin:.5rem 0 0}.pricing-meta{align-items:center;color:#ffffffb3;display:flex;font-size:.875rem;gap:.75rem;justify-content:center;padding:1rem 0}.meta-divider{color:#ffffff4d}.pricing-features{flex-grow:1;list-style:none;margin:0 0 1.5rem;padding:0}.pricing-features li{align-items:center;border-bottom:1px solid #ffffff0d;color:#fffc;display:flex;font-size:.9rem;gap:.75rem;padding:.6rem 0}.pricing-features li:last-child{border-bottom:none}.pricing-features li.not-included{color:#ffffff59}.pricing-features li.not-included .feature-check{color:#fff3}.pricing-features li.highlight{color:#a5b4fc}.feature-check{align-items:center;background:#34d39933;border-radius:50%;color:#34d399;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.pricing-features li.not-included .feature-check{background:#0000}.feature-badge{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;padding:.15rem .5rem;text-transform:uppercase}.pricing-cta{border-radius:12px;display:block;font-size:1rem;font-weight:700;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.pricing-cta.primary{background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 20px #6366f166;color:#fff}.pricing-cta.primary:hover{box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.pricing-cta.secondary{background:#ffffff0d;border:1px solid #fff3;color:#fff}.pricing-cta.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.pricing-guarantee{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.guarantee-item{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem}.guarantee-icon{font-size:1.25rem}.ai-section,.faq-section,.final-cta-section,.pricing-section{position:relative;z-index:1}.pricing-section+.faq-section{margin-top:0!important}.faq-section{background:linear-gradient(180deg,#0f0f1a,#1a1a2e 50%,#0f0f1a)!important;padding:6rem 2rem!important}.faq-section .section-container{background:#0000!important}.faq-section .section-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c4b5fd)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#fff!important}.faq-section .section-subtitle{color:#ffffffb3!important}.faq-grid{display:grid!important;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:900px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;border:1px solid #ffffff1a!important;transition:all .4s ease}.faq-item:hover{background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2)!important;border-color:#6366f14d!important;box-shadow:0 15px 40px #6366f126;transform:translateY(-3px)}.faq-question{color:#fff!important;font-size:1.125rem;font-weight:700;line-height:1.4;margin:0 0 1rem}.faq-answer{color:#ffffffb3!important;font-size:.95rem;line-height:1.7}.ai-section{background:linear-gradient(180deg,#1a1a2e,#0f0f1a 50%,#1a1a2e)!important;overflow:hidden;padding:6rem 2rem!important;position:relative}.ai-section:before{background:radial-gradient(ellipse at 20% 20%,#6366f11a 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#a855f71a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-section .section-title{color:#fff!important}.ai-section .section-subtitle{color:#ffffffb3!important}.ai-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1100px;position:relative;z-index:1}.ai-card{background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:24px!important;box-shadow:0 20px 60px #0000004d!important;overflow:hidden;padding:2.5rem!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ai-card:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#6366f1,#a855f7 50%,#6366f1);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}.ai-card:hover{border-color:#6366f14d!important;box-shadow:0 30px 80px #6366f133!important;transform:translateY(-8px)}.ai-icon{align-items:center;background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f14d;border-radius:20px;box-shadow:0 10px 30px #6366f133;display:flex;font-size:2.5rem!important;height:70px;justify-content:center;margin-bottom:1.5rem!important;width:70px}.ai-card h3{color:#fff!important;font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:1rem!important}.ai-description{color:#ffffffb3;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.ai-card ul{list-style:none!important;margin:0 0 1.5rem!important;padding:0!important}.ai-card ul li{align-items:center;border-bottom:1px solid #ffffff0d;color:#ffffffd9!important;display:flex;font-size:.95rem!important;gap:.75rem;padding:.6rem 0!important;position:relative}.ai-card ul li:last-child{border-bottom:none}.ai-card ul li:before{align-items:center;background:#34d39933;border-radius:50%;color:#34d399!important;content:"✓"!important;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;left:auto!important;min-width:22px;position:relative!important;width:22px}.ai-result{align-items:center;background:linear-gradient(135deg,#34d3991a,#34d3990d);border:1px solid #34d39933;border-radius:16px;display:flex;gap:1rem;margin-top:1.5rem;padding:1.25rem}.ai-result .result-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.ai-result .result-label{color:#ffffffb3;font-size:.9rem;line-height:1.4}@media (max-width:900px){.ai-grid{gap:1.5rem;grid-template-columns:1fr!important}}@media (max-width:768px){.ai-section{padding:4rem 1.5rem!important}.ai-card{padding:2rem!important}.ai-icon{font-size:2rem!important;height:60px;width:60px}.ai-result .result-number{font-size:2rem}}@media (max-width:1024px){.pricing-grid-new{gap:2rem;grid-template-columns:1fr!important;max-width:450px}.pricing-card-new.highlighted{transform:none}}@media (max-width:768px){.hero-stats{gap:1.5rem}.hero-stat .stat-number{font-size:2rem}.faq-section,.pain-points-section,.pricing-section{padding:4rem 1.5rem!important}.pain-points-grid{grid-template-columns:1fr}.pricing-grid-new{gap:2rem;grid-template-columns:1fr!important;max-width:100%}.pricing-card-new.highlighted{transform:none}.pricing-card-new.highlighted:hover{transform:translateY(-8px)}.price-main .amount{font-size:2.5rem}.pricing-guarantee{align-items:center;flex-direction:column;gap:1rem}.faq-grid{gap:1rem}.faq-item{padding:1.25rem}}@media (max-width:480px){.hero-badge{font-size:.75rem;padding:.4rem 1rem}.hero-stats{gap:1rem}.hero-stat .stat-number{font-size:1.75rem}.pain-point-header{flex-direction:column;gap:.75rem}.pain-stat{text-align:left}.pain-stat .stat-desc{max-width:none}}.final-cta-section{background:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#2d1b4e)!important;overflow:hidden;padding:8rem 2rem!important;position:relative;text-align:center}.final-cta-section:before{animation:pulse-glow 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#6366f14d 0,#0000 40%),radial-gradient(circle at 80% 20%,#a855f74d 0,#0000 40%),radial-gradient(circle at 50% 50%,#6366f11a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.final-cta-section:after{animation:shine 8s linear infinite;background:linear-gradient(45deg,#0000 30%,#6366f108 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}to{transform:translateX(100%) rotate(45deg)}}.final-cta-section .section-container{position:relative;z-index:1}.final-cta-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc 50%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:#fff!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem!important}.final-cta-section p{color:#fffc!important;font-size:1.35rem!important;line-height:1.6;margin-bottom:3rem!important;margin-left:auto;margin-right:auto;max-width:600px}.final-ctas{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.final-ctas .btn-primary-large{background:linear-gradient(135deg,#6366f1,#a855f7)!important;border:none!important;border-radius:16px!important;box-shadow:0 8px 30px #6366f180!important;color:#fff!important;font-size:1.15rem!important;font-weight:700!important;overflow:hidden;padding:1.25rem 3rem!important;position:relative;transition:all .3s ease!important}.final-ctas .btn-primary-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.final-ctas .btn-primary-large:hover:before{left:100%}.final-ctas .btn-primary-large:hover{box-shadow:0 15px 50px #6366f199!important;transform:translateY(-4px) scale(1.02)!important}.final-ctas .btn-secondary-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:2px solid #fff3!important;border-radius:16px!important;color:#fff!important;font-size:1.15rem!important;font-weight:600!important;padding:1.25rem 3rem!important;transition:all .3s ease!important}.final-ctas .btn-secondary-large:hover{background:#ffffff1a!important;border-color:#fff6!important;transform:translateY(-4px)!important}.final-cta-badge{animation:badge-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#6366f140,#a855f740);border:1px solid #6366f166;border-radius:50px;color:#c4b5fd;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.6rem 1.5rem;position:relative;z-index:1}.final-ctas .btn-trial-large{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7)!important;border-radius:16px;box-shadow:0 8px 30px #6366f180,inset 0 0 0 1px #ffffff1a;color:#fff!important;display:flex;gap:1rem;overflow:hidden;padding:1.25rem 2.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.final-ctas .btn-trial-large:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.final-ctas .btn-trial-large:hover:before{left:100%}.final-ctas .btn-trial-large:hover{box-shadow:0 15px 50px #6366f199,inset 0 0 0 1px #fff3;transform:translateY(-4px) scale(1.02)}.final-ctas .btn-trial-large .btn-icon{animation:rocket-bounce 2s ease-in-out infinite;font-size:1.75rem}.final-ctas .btn-trial-large .btn-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.final-ctas .btn-trial-large .btn-main{font-size:1.15rem;font-weight:700;line-height:1.2}.final-ctas .btn-trial-large .btn-sub{font-size:.8rem;font-weight:500;opacity:.9}.final-ctas .btn-demo-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d!important;border:2px solid #fff3!important;border-radius:16px;color:#fff!important;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s ease}.final-ctas .btn-demo-large:hover{background:#ffffff1a!important;border-color:#fff6!important;transform:translateY(-3px)}.final-trust{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2.5rem;position:relative;z-index:1}.final-trust span{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:.5rem}@media (max-width:768px){.final-cta-section{padding:5rem 1.5rem!important}.final-cta-section h2{font-size:2.25rem!important}.final-cta-section p{font-size:1.1rem!important;margin-bottom:2rem!important}.final-ctas{align-items:center;flex-direction:column;gap:1rem}.final-ctas .btn-demo-large,.final-ctas .btn-primary-large,.final-ctas .btn-secondary-large,.final-ctas .btn-trial-large{justify-content:center;max-width:320px;padding:1rem 2rem!important;width:100%}.final-ctas .btn-trial-large .btn-content{align-items:center;text-align:center}.final-trust{align-items:center;flex-direction:column;gap:.75rem}}@media (max-width:480px){.final-cta-section h2{font-size:1.75rem!important}.final-cta-section p{font-size:1rem!important}.final-cta-badge{font-size:.8rem;padding:.5rem 1rem}}.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}}:root{--ip-primary:#06f;--ip-primary-dark:#0052cc;--ip-secondary:#1a1a2e;--ip-gray-50:#f9fafb;--ip-gray-100:#f3f4f6;--ip-gray-200:#e5e7eb;--ip-gray-300:#d1d5db;--ip-gray-600:#4b5563;--ip-gray-700:#374151;--ip-gray-800:#1f2937;--ip-success:#059669}.institutional-page{background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;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 input,.form-group select,.form-group textarea{padding:.875rem 1.25rem}.form-group textarea{min-height:120px}.submit-button{border-radius:12px;font-size:1.1rem;padding:1rem 2rem;transition:all .3s}.submit-button:hover{box-shadow:0 6px 20px #0066ff4d;transform:translateY(-2px)}.submit-button:disabled{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}.contact-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.contact-card{animation:fadeInUp .5s ease forwards;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease}.contact-card:hover{border-color:#06f;box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.contact-card-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.contact-card h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.contact-card a{color:#06f;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .2s}.contact-card a:hover{color:#0052cc}.contact-card .contact-subtitle{color:#6b7280;font-size:.9rem;margin-top:.5rem}.contact-card:first-child{animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.faq-item{background:#fff!important;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:1.75rem;transition:all .3s ease}.faq-item:hover{border-color:#06f;box-shadow:0 4px 15px #0066ff1a;transform:translateX(5px)}.faq-item h3{align-items:center;color:#1f2937!important;display:flex;font-size:1.15rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.faq-item h3:before{content:"❓";font-size:1rem}.faq-item p{color:#374151!important;font-size:1rem;line-height:1.7;margin:0}.contact-form{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:24px;box-shadow:0 4px 20px #0000000d;padding:3rem}.form-row{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.75rem}.form-group label{color:#1f2937;font-size:.95rem;margin-bottom:.75rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #d1d5db;border-radius:12px;padding:1rem 1.25rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06f;box-shadow:0 0 0 4px #0066ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{min-height:140px}.submit-button{background:linear-gradient(135deg,#06f,#0052cc);border:none;border-radius:14px;box-shadow:0 4px 15px #0066ff4d;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #06f6;transform:translateY(-3px)}.submit-button:disabled{background:linear-gradient(135deg,#10b981,#059669);cursor:not-allowed;opacity:.7}.success-message{background:#10b9811a;border-radius:10px;color:#059669;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:1rem;text-align:center}.partner-section{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);border:2px solid #06f;border-radius:20px;padding:2.5rem;text-align:center}.partner-section h2{color:#06f;margin-bottom:1rem}.partner-section p{color:#374151;font-size:1.1rem;line-height:1.7}.partner-section a{color:#06f;font-weight:700;text-decoration:none;transition:all .2s}.partner-section a:hover{color:#0052cc;text-decoration:underline}.page-header{margin-bottom:4rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#06f);-webkit-background-clip:text;background-clip:text;font-size:3.5rem}.page-header .lead{margin:0 auto;max-width:700px}@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}.contact-info-grid{gap:1.5rem;grid-template-columns:1fr}.contact-form{padding:2rem 1.5rem}.page-header h1{font-size:2.5rem}}*{box-sizing:border-box!important}.institutional-page{flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}.institutional-page,.simple-navbar{align-items:center!important;background:#fff!important;display:flex!important;margin:0!important}.simple-navbar{border-bottom:1px solid #e5e7eb!important;box-shadow:0 2px 10px #0000000d!important;justify-content:space-between!important;max-width:100%!important;padding:1rem 2rem!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;width:100%!important;z-index:100!important}.page-content{align-items:center!important;display:flex!important;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}}.institutional-page .faq-grid{grid-gap:1.5rem!important;display:grid!important;gap:1.5rem!important}.institutional-page .faq-item{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 2px 8px #0000000d!important;padding:1.75rem!important}.institutional-page .faq-item:hover{border-color:#06f!important;box-shadow:0 4px 15px #0066ff1a!important}.institutional-page .faq-item h3{color:#1a1a2e!important;font-size:1.15rem!important;font-weight:700!important;margin-bottom:.75rem!important}.institutional-page .faq-item p{color:#374151!important;font-size:1rem!important;line-height:1.7!important;margin:0!important}.event-booking-modal{max-height:90vh;max-width:900px;overflow-y:auto}.event-booking-modal .modal-header{border-bottom:2px solid #fde68a;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.event-booking-modal .modal-header h2{color:#1e293b;font-size:1.8rem;margin:0 0 .5rem}.event-booking-modal .space-name{color:#b45309;font-size:1.2rem;font-weight:500;margin:0}.event-booking-modal .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;position:absolute;right:0;top:0;transition:all .2s;width:40px}.event-booking-modal .modal-close:hover{background:#fef2f2;color:#dc2626}.booking-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#fffbeb;border:1px solid #fde68a;padding:1.25rem}.form-section h4{border-bottom:1px solid #fde68a;color:#92400e;margin:0 0 1rem;padding-bottom:.5rem}.form-row{margin-bottom:1rem}.form-row:last-child{margin-bottom:0}.form-group label{color:#1e293b;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #fde68a;border-radius:10px;color:#1e293b;padding:.75rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.radio-label{align-items:center;background:#fff;border:2px solid #fde68a;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.radio-label input[type=radio]{accent-color:#b45309;cursor:pointer;height:18px;width:18px}.radio-label:hover{background:#fef3c7;border-color:#f59e0b}.radio-label input[type=radio]:checked+*{color:#b45309}.search-results{background:#fff;border:2px solid #f59e0b;border-radius:10px;box-shadow:0 4px 20px #f59e0b40;list-style:none;margin-top:.25rem;max-height:200px;overflow-y:auto;padding:0;position:absolute;width:calc(100% - 2rem);z-index:100}.search-results li{border-bottom:1px solid #fde68a;cursor:pointer;padding:.75rem 1rem;transition:background .2s}.search-results li:last-child{border-bottom:none}.search-results li:hover{background:#fef3c7;color:#b45309}.info-box{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-top:1rem;padding:1rem}.info-box p{font-size:.95rem;margin:.25rem 0}.text-success{color:#059669}.text-error{color:#dc2626}.pricing-summary{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:12px}.pricing-summary h4{border-bottom-color:#f59e0b;color:#b45309}.price-breakdown{gap:.75rem}.price-line{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.price-line.discount{color:#059669}.price-line.total{border-top:2px solid #f59e0b;font-size:1.2rem;margin-top:.5rem;padding-top:.75rem}.price-value{font-weight:600}.alert{border-radius:10px;font-weight:500;margin-bottom:1rem;padding:1rem}.alert-error{background:#fef2f2;border-left:4px solid #dc2626;color:#dc2626}.modal-actions{border-top:2px solid #fde68a;gap:1rem;margin-top:1rem;padding-top:1rem}.modal-actions button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.modal-actions .btn-primary{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 12px #b453094d}.modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #b4530966;transform:translateY(-2px)}.modal-actions .btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.modal-actions .btn-secondary:hover:not(:disabled){background:#e2e8f0}.modal-actions button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay-modern{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.modal-content-modern{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;cursor:default;display:flex;flex-direction:column;max-height:95vh;max-width:600px;overflow:hidden;position:relative;width:100%}.modal-header-modern{background:linear-gradient(135deg,#b45309,#d97706);color:#fff;padding:2rem 1.5rem 1.5rem;position:relative}.btn-close-modern{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.75rem;font-weight:300;height:44px;justify-content:center;line-height:1;position:absolute;right:1rem;top:1rem;transition:all .25s;width:44px;z-index:100}.btn-close-modern:hover{background:#fff6;border-color:#ffffff80;box-shadow:0 6px 16px #0003;transform:rotate(90deg) scale(1.1)}.btn-close-modern:active{transform:rotate(90deg) scale(.95)}.modal-title-modern{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.modal-subtitle-modern{font-size:1rem;font-weight:400;margin:0;opacity:.95}.wizard-progress{background:#fffbeb;border-bottom:1px solid #fde68a;padding:1.5rem 1rem}.step-circle,.wizard-progress{align-items:center;display:flex;justify-content:center}.step-circle{background:#fff;border:3px solid #fde68a;border-radius:50%;color:#92400e;font-size:.95rem;font-weight:700;height:40px;transition:all .3s;width:40px;z-index:2}.progress-step.active .step-circle{background:linear-gradient(135deg,#b45309,#d97706);border-color:#b45309;box-shadow:0 4px 12px #b4530966;color:#fff;transform:scale(1.1)}.progress-step.completed .step-circle{background:#059669;border-color:#059669;color:#fff}.progress-step.completed .step-circle:before{content:"✓";font-size:1.1rem}.step-label{color:#92400e;font-size:.75rem;font-weight:600;white-space:nowrap}.progress-step.active .step-label{color:#b45309}.progress-step.completed .step-label{color:#059669}.progress-line{background:#fde68a;margin:0 .5rem 1.75rem;transition:all .3s;width:60px}.progress-line.active{background:linear-gradient(90deg,#b45309,#d97706)}.wizard-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:1.5rem 1.25rem}.wizard-step{animation:fadeInStep .3s ease-out}@keyframes fadeInStep{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-title{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 1.5rem}.form-group-modern{margin-bottom:1.25rem;position:relative}.label-modern{color:#475569;display:block;font-size:.9rem;margin-bottom:.5rem}.input-modern,.textarea-modern{background:#fffbeb;border:2px solid #fde68a;border-radius:12px;color:#1e293b;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.input-modern:focus,.textarea-modern:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26;outline:none}.input-modern[type=date],.input-modern[type=time]{background:#fff;color:#1e293b}.input-modern[type=date]::-webkit-calendar-picker-indicator,.input-modern[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.4) sepia(1) saturate(3) hue-rotate(15deg);opacity:.8;padding:4px}.input-modern[type=date]::-webkit-calendar-picker-indicator:hover,.input-modern[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.textarea-modern{min-height:100px}.form-row-modern,.radio-group-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.radio-group-modern.radio-group-triple{gap:.75rem;grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.radio-group-modern.radio-group-triple{gap:.75rem;grid-template-columns:1fr}}.radio-card{align-items:center;background:#fff;border:3px solid #fde68a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s}.radio-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.radio-card:hover{background:#fffbeb;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px)}.radio-card:active{transform:translateY(0) scale(.98)}.radio-card.active{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#b45309;box-shadow:0 4px 16px #b4530940}.radio-card.active:before{align-items:center;background:linear-gradient(135deg,#b45309,#d97706);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px}.radio-icon{font-size:2rem;line-height:1}.radio-text{color:#475569;font-size:.95rem;font-weight:600}.radio-card.active .radio-text{color:#b45309}.search-results-modern{background:#fff;border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 20px #f59e0b40;list-style:none;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:0}.search-results-modern li{align-items:center;border-bottom:1px solid #fde68a;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .15s}.search-results-modern li:last-child{border-bottom:none}.search-results-modern li:hover{background:#fef3c7}.search-results-modern li:active{background:#fde68a}.result-icon{font-size:1.5rem;line-height:1}.result-name{color:#1e293b;font-size:.95rem;font-weight:600}.result-detail{color:#64748b;font-size:.85rem}.availability-card{align-items:center;background:#fff;border:2px solid #fde68a;border-radius:16px;display:flex;justify-content:space-between;margin-top:1rem;padding:1.25rem;transition:all .3s}.availability-card.available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.availability-card.unavailable{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#ef4444}.availability-info{align-items:center;display:flex;gap:1rem}.availability-icon{font-size:2rem;line-height:1}.availability-title{color:#1e293b;font-size:1.1rem;font-weight:700}.availability-detail{color:#475569;font-size:.9rem;margin-top:.25rem}.availability-price{color:#b45309;font-size:1.5rem;font-weight:800}.services-checklist{display:flex;flex-direction:column;gap:.75rem}.service-checkbox{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.service-checkbox input[type=checkbox]{accent-color:#b45309;cursor:pointer;height:20px;margin-right:.75rem;width:20px}.checkbox-label{color:#475569;font-size:.95rem;font-weight:500}.service-icon{font-size:1.5rem;line-height:1}.confirmation-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fde68a;border-radius:20px;padding:1.5rem}.confirmation-header{border-bottom:2px solid #fde68a;margin-bottom:1rem;padding-bottom:1rem;text-align:center}.confirmation-header h4{color:#b45309;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.confirmation-header p{color:#92400e;font-size:.95rem;margin:0}.confirmation-section{background:#fff;border:1px solid #fde68a;border-radius:12px;margin-bottom:1rem;padding:1rem}.confirmation-section:last-child{margin-bottom:0}.confirmation-section h5{color:#b45309;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.confirmation-section p{color:#475569;font-size:.95rem;line-height:1.6;margin:.25rem 0}.confirmation-section strong{color:#1e293b}.services-list{list-style:none;margin:.5rem 0 0;padding:0}.services-list li{color:#475569;font-size:.95rem;padding:.5rem 0}.pricing-summary-confirm{background:linear-gradient(135deg,#b45309,#d97706);border:none;color:#fff}.pricing-summary-confirm h5{color:#fff}.price-breakdown-confirm{display:flex;flex-direction:column;gap:.5rem}.price-line-confirm{align-items:center;color:#fffffff2;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.price-line-confirm.total{border-top:2px solid #ffffff4d;font-size:1.25rem;margin-top:.5rem;padding-top:1rem}.payment-section{background:#fff;border:2px solid #fde68a;border-radius:12px;margin-top:1rem;padding:1.25rem}.payment-section h5{align-items:center;color:#b45309;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.payment-methods-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:1rem}.payment-method-card{align-items:center;background:#fffbeb;border:2px solid #fde68a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;text-align:center;transition:all .2s}.payment-method-card:hover{background:#fef3c7;border-color:#f59e0b;transform:translateY(-2px)}.payment-method-card.selected{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#b45309;box-shadow:0 4px 12px #b4530933}.payment-method-card.selected:after{align-items:center;background:#b45309;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:.4rem;top:.4rem;width:20px}.payment-method-card input[type=radio]{height:0;opacity:0;position:absolute;width:0}.payment-method-icon{font-size:1.75rem}.payment-method-label{color:#475569;font-size:.8rem;font-weight:600}.payment-method-card.selected .payment-method-label{color:#b45309}.payment-input-group{margin-top:1rem}.payment-input-group label{color:#475569;display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.payment-input-group input{background:#fffbeb;border:2px solid #fde68a;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.payment-input-group input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26;outline:none}.alert-modern{align-items:center;animation:shake .4s;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.alert-modern.error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #fecaca;color:#991b1b}.alert-modern.warning{background:linear-gradient(135deg,#fffbeb,#fde68a);border:2px solid #fcd34d;color:#92400e}.modal-actions-modern{background:#fffbeb;border-top:1px solid #fde68a;display:flex;gap:1rem;padding:1.5rem}.btn-modern{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center;transition:all .2s}.btn-modern:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;width:0}.btn-modern:active:before{height:300px;width:300px}.btn-modern.btn-primary{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 12px #b453094d;color:#fff}.btn-modern.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #b4530966;transform:translateY(-2px)}.btn-modern.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-modern.btn-secondary{background:#fff;border:2px solid #fde68a;box-shadow:0 2px 8px #0000000d;color:#475569}.btn-modern.btn-secondary:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b}.btn-modern.btn-success{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #0596694d;color:#fff}.btn-modern.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #05966966;transform:translateY(-2px)}.btn-modern.btn-success:active:not(:disabled){transform:translateY(0)}.btn-modern:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.search-results-modern::-webkit-scrollbar,.wizard-content::-webkit-scrollbar{width:6px}.search-results-modern::-webkit-scrollbar-track,.wizard-content::-webkit-scrollbar-track{background:#fef3c7;border-radius:3px}.search-results-modern::-webkit-scrollbar-thumb,.wizard-content::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:3px}.search-results-modern::-webkit-scrollbar-thumb:hover,.wizard-content::-webkit-scrollbar-thumb:hover{background:#d97706}@media (max-width:768px){.event-booking-modal{max-height:95vh;max-width:95vw}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.search-results{width:calc(100% - 1rem)}.modal-content-modern{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100vw}.modal-header-modern{padding:1.25rem 1rem 1rem}.modal-title-modern{font-size:1.35rem}.modal-subtitle-modern{font-size:.85rem}.wizard-progress{padding:.875rem .5rem}.step-circle{font-size:.8rem;height:32px;width:32px}.step-label{font-size:.65rem}.progress-line{margin-bottom:1.5rem;width:30px}.wizard-content{padding:1rem 1rem 1.5rem}.step-title{font-size:1.15rem}.form-group-modern,.step-title{margin-bottom:1rem}.label-modern{font-size:.85rem;margin-bottom:.4rem}.input-modern,.textarea-modern{font-size:.95rem;padding:.75rem .875rem}.form-row-modern{gap:.875rem;grid-template-columns:1fr}.radio-group-modern{gap:.75rem;grid-template-columns:1fr}.btn-close-modern{font-size:2rem;height:48px;right:.75rem;top:.75rem;width:48px}.radio-card{padding:1rem}.radio-icon{font-size:1.75rem}.radio-text{font-size:.9rem}.search-results-modern{max-height:200px}.search-results-modern li{padding:.875rem}.availability-card{align-items:flex-start;flex-direction:column;gap:.875rem;padding:1rem}.availability-title{font-size:1rem}.availability-detail{font-size:.85rem}.availability-price{font-size:1.15rem}.services-checklist{gap:.625rem}.service-checkbox input[type=checkbox]{height:18px;width:18px}.checkbox-label{font-size:.9rem}.service-icon{font-size:1.35rem}.confirmation-card{padding:1rem}.confirmation-header h4{font-size:1.3rem}.confirmation-section{margin-bottom:.75rem;padding:.875rem}.confirmation-section h5{font-size:.8rem}.confirmation-section p{font-size:.9rem}.price-line-confirm{font-size:.9rem;padding:.4rem 0}.price-line-confirm.total{font-size:1.15rem}.modal-actions-modern{flex-direction:column-reverse;gap:.75rem;padding:.875rem 1rem}.btn-modern{font-size:.95rem;padding:.875rem 1.25rem;width:100%}.payment-methods-grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){.btn-modern{font-size:1.05rem;padding:1.125rem 1.5rem}.input-modern,.textarea-modern{font-size:1rem;padding:1rem}.radio-card{padding:1.5rem}.search-results-modern li{padding:1.125rem}.payment-method-card{padding:1.25rem}}.event-spaces-container{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fcd34d);margin:0 auto;max-width:1600px;min-height:100vh;padding:1.5rem}.event-spaces-container .page-header{background:linear-gradient(135deg,#b45309,#d97706);border-radius:20px;box-shadow:0 8px 32px #b453094d;margin-bottom:2rem;overflow:hidden;padding:2rem 1.5rem;position:relative}.event-spaces-container .page-header:before{background:radial-gradient(ellipse,#ffffff26 0,#0000 60%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.event-spaces-container .page-header h1{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem;position:relative}.event-spaces-container .page-subtitle{color:#ffffffe6;font-size:1rem;font-weight:500;margin:0;position:relative}.event-spaces-container .header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;position:relative;z-index:1}.event-spaces-container .header-content>div:first-child{flex:1 1;text-align:left}.event-spaces-container .header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.event-spaces-container .btn-toggle-mode{background:#fffffff2;border:2px solid #ffffff80;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#b45309;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.event-spaces-container .btn-toggle-mode:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.event-spaces-container .btn-toggle-mode.active{background:#fef3c7;border-color:#fcd34d;color:#92400e}.event-spaces-container .btn-create-new{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;box-shadow:0 4px 12px #0596694d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.event-spaces-container .btn-create-new:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 6px 16px #05966966;transform:translateY(-2px)}.empty-state,.error-state,.loading-state{background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:3rem 1.5rem;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #fde68a;border-radius:50%;border-top-color:#b45309;height:50px;margin:0 auto 1rem;width:50px}.error-state h3{color:#ef4444}.location-section{margin-bottom:2rem}.location-title{align-items:center;background:#fff;border-left:5px solid #b45309;border-radius:16px;box-shadow:0 4px 16px #0000000f;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 1.5rem}.space-count{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:20px;color:#b45309;font-size:.85rem;font-weight:700;padding:.5rem 1rem}.spaces-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.space-card{background:#fff;border:1px solid #b453091a;border-radius:24px;box-shadow:0 10px 40px #00000014;display:flex;flex-direction:column;min-width:320px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.space-card:hover{box-shadow:0 20px 50px #b4530933;transform:translateY(-8px)}.space-card:before{background:linear-gradient(90deg,#b45309,#f59e0b 50%,#fbbf24);content:"";height:5px;left:0;position:absolute;right:0;top:0}.space-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.space-name{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1.2;margin:0}.badge{flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.35rem .85rem;text-transform:uppercase}.badge-inactive{background:#fee2e2;color:#dc2626}.space-specs{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid #fde68a;border-top:1px solid #fde68a;display:flex;gap:2rem;padding:1.25rem 1.5rem}.spec-item{align-items:center;display:flex;gap:.75rem}.spec-icon{filter:drop-shadow(0 2px 4px rgba(180,83,9,.2));font-size:1.75rem}.spec-detail{display:flex;flex-direction:column}.spec-value{color:#1e293b;font-size:1.15rem;font-weight:800;line-height:1.2}.spec-label{color:#92400e;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.space-pricing{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:.75rem;justify-content:space-between;padding:1.25rem 1.5rem}.price-option{align-items:center;background:#fffbeb;border:2px solid #fde68a;border-radius:14px;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem;text-align:center;transition:all .25s ease}.price-option:hover{background:#fef3c7;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;transform:translateY(-2px)}.price-option.extra{background:linear-gradient(135deg,#b45309,#d97706);border-color:#0000;box-shadow:0 4px 15px #b4530959}.price-option.extra:hover{box-shadow:0 6px 20px #b4530973;transform:translateY(-3px)}.price-hours{color:#92400e;font-size:.7rem;font-weight:800;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.price-option.extra .price-hours{color:#ffffffe6}.price-value{color:#b45309;font-size:1.2rem;font-weight:900;white-space:nowrap}.price-option.extra .price-value{color:#fff;font-size:1.25rem}.event-spaces-container .btn-reserve{background:linear-gradient(135deg,#92400e,#b45309)!important;border:none;border-radius:14px;box-shadow:0 6px 20px #92400e80;color:#fff!important;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:1rem 1.5rem 1.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;text-shadow:0 1px 3px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 3rem)}.event-spaces-container .btn-reserve:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.event-spaces-container .btn-reserve:hover:not(:disabled):before{left:100%}.event-spaces-container .btn-reserve:hover:not(:disabled){background:linear-gradient(135deg,#78350f,#92400e)!important;box-shadow:0 10px 30px #92400e8c;transform:translateY(-3px)}.event-spaces-container .btn-reserve:active:not(:disabled){box-shadow:0 4px 15px #92400e80;transform:scale(.98)}.event-spaces-container .btn-reserve:disabled{background:linear-gradient(135deg,#94a3b8,#64748b)!important;box-shadow:none;cursor:not-allowed;opacity:.5}@media (min-width:640px){.spaces-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.page-header h1{font-size:2.5rem}.space-specs{justify-content:flex-start}}@media (min-width:1024px){.event-spaces-container{padding:2rem}.spaces-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.space-card{min-width:400px}.space-card:hover{transform:translateY(-10px)}}@media (min-width:1400px){.spaces-grid{grid-template-columns:repeat(3,1fr)}.space-card{min-width:380px}.space-name{font-size:1.6rem}.price-value{font-size:1.4rem}}.header-content{flex-wrap:wrap;gap:1rem}.header-content>div:first-child{flex:1 1;min-width:250px}.header-actions{flex-wrap:wrap;gap:.75rem}.btn-create-new,.btn-toggle-mode{border:none;border-radius:12px;cursor:pointer;font-size:.9rem;font-weight:700;padding:.75rem 1.25rem;transition:all .3s;white-space:nowrap}.btn-toggle-mode{background:#fffffff2;border:2px solid #ffffff80;box-shadow:0 2px 8px #0000001a;color:#b45309}.btn-toggle-mode:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-toggle-mode.active{background:#0003;border-color:#ffffff4d;color:#fff}.btn-toggle-mode:active{transform:scale(.97)}.btn-create-new{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-create-new:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-create-new:active{transform:scale(.97)}.spaces-list-admin{display:flex;flex-direction:column;gap:.75rem}.space-list-item{background:#fff;border:1px solid #fde68a;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;transition:all .3s}.space-list-item:hover{box-shadow:0 8px 24px #b4530926}.space-list-header{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:2px solid #fde68a;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:background .2s;-webkit-user-select:none;user-select:none}.space-list-header:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.space-list-header:active{background:#fde68a}.list-header-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.expand-icon{color:#b45309;font-size:.9rem;font-weight:700;min-width:20px;transition:transform .3s}.space-list-item.expanded .expand-icon{transform:rotate(0deg)}.list-space-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0}.list-badge{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.list-badge.active{background:#d1fae5;color:#065f46}.list-badge.inactive{background:#fee2e2;color:#dc2626}.list-header-actions{display:flex;gap:.5rem}.btn-icon{background:#fff;box-shadow:0 2px 8px #00000014;font-size:1.2rem;height:40px;width:40px}.btn-icon:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-icon:active{transform:scale(.95)}.btn-edit:hover{background:#fef3c7}.btn-delete:hover{background:#fef2f2}.space-list-details{animation:slideDown .3s ease-out;background:#fff;border-top:1px solid #fde68a;padding:1.5rem 1.25rem}.details-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-group{display:flex;flex-direction:column;gap:.25rem}.detail-group label{color:#92400e;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-group span{color:#1e293b;font-size:1rem;font-weight:700}.modal-content-edit{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.modal-header-edit{align-items:center;background:linear-gradient(135deg,#b45309,#d97706);color:#fff;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header-edit h2{font-size:1.5rem;font-weight:700;margin:0}.btn-close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;line-height:1;transition:all .2s;width:40px}.btn-close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.edit-form{padding:2rem 1.5rem}.form-grid{grid-gap:1.25rem;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1/-1}.form-field label{color:#475569;font-size:.9rem;font-weight:600}.form-field input,.form-field textarea{background:#fffbeb;border:2px solid #fde68a;border-radius:12px;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s}.form-field input:focus,.form-field textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26;outline:none}.form-field textarea{min-height:80px;resize:vertical}.checkbox-label{background:#fffbeb;border:2px solid #fde68a;border-radius:12px;gap:.75rem;padding:.75rem 1rem;transition:background .2s}.checkbox-label:hover{background:#fef3c7}.checkbox-label input[type=checkbox]{accent-color:#b45309;height:20px;width:20px}.checkbox-label span{color:#475569;font-weight:600}.modal-actions-edit{border-top:2px solid #fde68a;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel,.btn-save{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .2s}.btn-cancel{background:#f1f5f9}.btn-cancel:hover{background:#e2e8f0}.btn-cancel:active{transform:scale(.97)}.btn-save{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 4px 12px #b453094d}.btn-save:hover{box-shadow:0 6px 20px #b4530966;transform:translateY(-2px)}.btn-save:active{transform:translateY(0) scale(.97)}@media (max-width:768px){.event-spaces-container{padding:1rem}.page-header{padding:1.5rem 1rem}.page-header h1{font-size:1.5rem}.event-spaces-container .header-content{flex-direction:column;text-align:center}.event-spaces-container .header-content>div:first-child{text-align:center;width:100%}.event-spaces-container .header-actions{justify-content:center;margin-top:.75rem;width:100%}.event-spaces-container .btn-create-new,.event-spaces-container .btn-toggle-mode{flex:1 1;font-size:.85rem;min-width:130px;padding:.65rem 1rem}.space-list-header{padding:.875rem 1rem}.list-space-name{font-size:1rem}.list-header-actions{gap:.35rem}.btn-icon{font-size:1rem;height:36px;width:36px}.details-grid,.form-grid{grid-template-columns:1fr}.modal-actions-edit{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}.modal-content-edit::-webkit-scrollbar{width:8px}.modal-content-edit::-webkit-scrollbar-track{background:#fef3c7;border-radius:4px}.modal-content-edit::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}.modal-content-edit::-webkit-scrollbar-thumb:hover{background:#d97706}.event-payment-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:520px;overflow:hidden;width:95%}.event-payment-modal .modal-header{align-items:flex-start;background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:1.75rem 2rem;position:relative}.event-payment-modal .modal-header:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-30%;top:-50%;width:200px}.event-payment-modal .modal-header:after{content:"💰";font-size:2.5rem;opacity:.25;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.event-payment-modal .modal-header-content{position:relative;z-index:1}.event-payment-modal .modal-header-content h2{font-size:1.4rem;font-weight:700;margin:0 0 .35rem;text-shadow:0 2px 4px #0000001a}.event-payment-modal .booking-ref{font-family:SF Mono,Courier New,monospace;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0;opacity:.95}.event-payment-modal .space-name{font-size:.9rem;font-weight:500;margin:.35rem 0 0;opacity:.9}.event-payment-modal .modal-close{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px;z-index:2}.event-payment-modal .modal-close:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.event-payment-modal .payment-summary{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1rem 1.5rem}.event-payment-modal .summary-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:.35rem 0}.event-payment-modal .summary-row .amount{font-family:SF Mono,monospace;font-weight:600}.event-payment-modal .summary-row .amount.paid{color:#28a745}.event-payment-modal .balance-row{border-top:1px dashed #dee2e6;margin-top:.5rem;padding-top:.75rem}.event-payment-modal .balance-row .amount.balance{color:#dc3545;font-size:1.1rem}.event-payment-modal .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin:1rem 1.5rem 0;padding:.75rem 1rem}.event-payment-modal form{padding:1.25rem 1.5rem}.event-payment-modal .form-section{margin-bottom:1.25rem}.event-payment-modal .form-label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.event-payment-modal .amount-input-wrapper{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;display:flex;overflow:hidden;transition:border-color .2s,box-shadow .2s}.event-payment-modal .amount-input-wrapper:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.event-payment-modal .currency-symbol{background:#e9ecef;color:#6b7280;font-size:1.25rem;font-weight:600;padding:0 .75rem}.event-payment-modal .amount-input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:600;outline:none;padding:.85rem 1rem}.event-payment-modal .amount-input::placeholder{color:#9ca3af}.event-payment-modal .amount-hint{color:#6b7280;display:block;font-size:.8rem;margin-top:.5rem}.event-payment-modal .quick-amounts{display:flex;gap:.5rem;margin-top:.75rem}.event-payment-modal .quick-amount-btn{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:8px;color:#b45309;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem .85rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.event-payment-modal .quick-amount-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59;color:#fff;transform:translateY(-2px)}.event-payment-modal .payment-methods-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.event-payment-modal .payment-method-card{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.75rem .5rem;text-align:center;transition:all .2s}.event-payment-modal .payment-method-card:hover{background:#fff;border-color:#f59e0b;transform:translateY(-2px)}.event-payment-modal .payment-method-card.selected{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.event-payment-modal .payment-method-card input{display:none}.event-payment-modal .method-icon{font-size:1.5rem;margin-bottom:.25rem}.event-payment-modal .method-label{color:#374151;font-size:.7rem;font-weight:500;line-height:1.2}.event-payment-modal .text-input{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.event-payment-modal .text-input:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33;outline:none}.event-payment-modal .textarea{min-height:60px;resize:vertical}.event-payment-modal .modal-actions{border-top:1px solid #e9ecef;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem}.event-payment-modal .btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.85rem 1.25rem;transition:all .2s}.event-payment-modal .btn-cancel:hover:not(:disabled){background:#e5e7eb}.event-payment-modal .btn-submit{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;display:flex;flex:2 1;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.95rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.event-payment-modal .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px #f59e0b73;transform:translateY(-3px)}.event-payment-modal .btn-submit:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.event-payment-modal .spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:480px){.event-payment-modal{border-radius:16px 16px 0 0;margin-top:auto;max-width:100%}.event-payment-modal .payment-methods-grid{grid-template-columns:repeat(3,1fr)}.event-payment-modal .modal-actions{flex-direction:column}.event-payment-modal .btn-cancel,.event-payment-modal .btn-submit{flex:none;width:100%}}.service-order-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.service-order-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.so-header{align-items:center;background:linear-gradient(135deg,#7b2d8e,#9b4dca);color:#fff;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.so-header h2{font-size:1.5rem;font-weight:600;margin:0}.so-number{font-size:.9rem;margin:4px 0 0;opacity:.9}.so-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:background .2s;width:36px}.so-close:hover{background:#ffffff4d}.so-alert{font-size:.9rem;font-weight:500;padding:12px 24px}.so-alert.error{background:#fee2e2;border-bottom:1px solid #fecaca;color:#dc2626}.so-alert.success{background:#d1fae5;border-bottom:1px solid #a7f3d0;color:#059669}.so-event-summary{grid-gap:12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:16px 24px}.so-event-row{display:flex;flex-direction:column;gap:2px}.so-label{color:#6c757d;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.so-value{color:#212529;font-size:.95rem;font-weight:600}.so-form{padding:24px}.so-section{margin-bottom:28px}.so-section h3{border-bottom:2px solid #7b2d8e;color:#7b2d8e;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.so-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.so-form-grid{grid-template-columns:1fr}}.so-form-group{display:flex;flex-direction:column;gap:6px}.so-form-group.full-width{grid-column:1/-1}.so-form-group label{color:#495057;font-size:.85rem;font-weight:500}.so-form-group input,.so-form-group textarea{border:1px solid #ced4da;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.so-form-group input:focus,.so-form-group textarea:focus{border-color:#7b2d8e;box-shadow:0 0 0 3px #7b2d8e1a;outline:none}.so-form-group textarea{min-height:60px;resize:vertical}.so-departments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.so-dept-card{background:#f8f9fa;border-radius:8px;padding:12px}.so-dept-card label{color:#7b2d8e;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.so-dept-card textarea{border:1px solid #dee2e6;border-radius:6px;font-size:.9rem;padding:10px;resize:vertical;width:100%}.so-dept-card textarea:focus{border-color:#7b2d8e;outline:none}.so-services-table{border-collapse:collapse;font-size:.9rem;margin-bottom:16px;width:100%}.so-services-table th{background:#7b2d8e;color:#fff;font-weight:500;padding:10px 12px;text-align:left}.so-services-table th:last-child{text-align:center;width:40px}.so-services-table td{border-bottom:1px solid #e9ecef;padding:10px 12px}.so-services-table td:last-child{text-align:center}.so-btn-remove{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:24px;line-height:1;width:24px}.so-btn-remove:hover{background:#c82333}.so-add-service{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.so-add-service input{border:1px solid #ced4da;border-radius:6px;flex:1 1;font-size:.9rem;min-width:150px;padding:8px 12px}.so-add-service input:focus{border-color:#7b2d8e;outline:none}.so-btn-add{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;white-space:nowrap}.so-btn-add:hover{background:#218838}.so-actions{background:#f8f9fa;border-top:1px solid #e9ecef;bottom:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:20px 24px;position:-webkit-sticky;position:sticky}.so-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.so-btn:disabled{cursor:not-allowed;opacity:.6}.so-btn.primary{background:linear-gradient(135deg,#7b2d8e,#9b4dca);color:#fff}.so-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #7b2d8e4d;transform:translateY(-1px)}.so-btn.secondary{background:#6c757d;color:#fff}.so-btn.secondary:hover:not(:disabled){background:#5a6268}.so-btn.outline{background:#fff;border:1px solid #7b2d8e;color:#7b2d8e}.so-btn.outline:hover:not(:disabled){background:#f8f0fc}@media (max-width:600px){.so-actions{justify-content:center}.so-btn{flex:1 1;min-width:120px}}.event-calendar{background:#fff;border:1px solid #b453091a;border-radius:20px;box-shadow:0 8px 32px #00000014;padding:1.5rem}.calendar-header{align-items:center;border-bottom:2px solid #fde68a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.calendar-title{align-items:center;display:flex;gap:1rem}.calendar-title h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.btn-nav{align-items:center;background:linear-gradient(135deg,#b45309,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #b4530940;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-nav:hover{box-shadow:0 6px 16px #b4530959;transform:scale(1.05)}.btn-today{background:#fff;border:2px solid #d97706;border-radius:10px;color:#b45309;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-today:hover{background:linear-gradient(135deg,#b45309,#d97706);border-color:#0000;color:#fff}.calendar-legend{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.legend-item{color:#1e293b;font-size:.85rem;font-weight:500;gap:.5rem}.legend-dot{border:2px solid #0000;border-radius:50%;height:12px;width:12px}.legend-dot.status-quotation{background:#e2e8f0;border-color:#cbd5e0}.legend-dot.status-pending{background:#fbbf24;border-color:#f59e0b}.legend-dot.status-confirmed-pending{background:#fb923c;border-color:#f97316}.legend-dot.status-confirmed-paid{background:#34d399;border-color:#10b981}.legend-dot.status-completed{background:#60a5fa;border-color:#3b82f6}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;color:#b45309;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.75rem 0;text-align:center;text-transform:uppercase}.calendar-day{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;min-height:120px;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease}.calendar-day.empty{background:#f8fafc;border-color:#f1f5f9;cursor:default}.calendar-day:not(.empty):hover{border-color:#d97706;box-shadow:0 4px 16px #d9770633;transform:translateY(-2px)}.calendar-day.today{background:linear-gradient(135deg,#fef3c780,#fde68a4d);border-color:#b45309;border-width:3px}.calendar-day.today .day-number{align-items:center;background:linear-gradient(135deg,#b45309,#d97706);border-radius:50%;box-shadow:0 2px 8px #b453094d;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.calendar-day.has-bookings{background:#fefefe}.day-number{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.day-bookings{display:flex;flex-direction:column;gap:4px}.booking-item{background:#f8f9fa;border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.75rem;padding:6px 8px;transition:all .2s ease}.booking-item:hover{box-shadow:0 2px 8px #00000026;transform:translateX(2px)}.booking-item.status-quotation{background:#e2e8f0;border-color:#cbd5e0;color:#475569}.booking-item.status-pending{background:#fef3c7;border-color:#fbbf24;color:#92400e}.booking-item.status-confirmed-pending{background:#fed7aa;border-color:#fb923c;color:#9a3412}.booking-item.status-confirmed-paid{background:#d1fae5;border-color:#34d399;color:#065f46}.booking-item.status-completed{background:#dbeafe;border-color:#60a5fa;color:#1e40af}.booking-item.status-cancelled{background:#fee2e2;border-color:#f87171;color:#991b1b;opacity:.6}.booking-time{font-size:.7rem;font-weight:700;margin-bottom:2px}.booking-name{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-price{font-size:.7rem;opacity:.8}.booking-more{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:6px;color:#b45309;font-size:.7rem;font-weight:600;margin-top:4px;padding:4px;text-align:center}@media (max-width:1200px){.calendar-day{min-height:100px}.booking-item{font-size:.7rem;padding:4px 6px}}@media (max-width:768px){.event-calendar{border-radius:16px;padding:1rem}.calendar-header{flex-wrap:wrap;gap:.75rem}.calendar-title h2{font-size:1.2rem}.btn-nav{font-size:1.25rem;height:36px;width:36px}.calendar-legend{gap:.5rem;padding:.75rem 1rem}.legend-item{font-size:.75rem}.calendar-grid{gap:4px}.calendar-day-header{font-size:.7rem;padding:.5rem 0}.calendar-day{border-radius:8px;min-height:80px;padding:.3rem}.day-number{font-size:.85rem}.calendar-day.today .day-number{font-size:.8rem;height:24px;width:24px}.booking-item{border-radius:4px;font-size:.65rem;padding:3px 5px}.booking-name{display:none}.booking-price{font-size:.65rem}}@media (max-width:480px){.calendar-day{min-height:60px}.booking-time{font-size:.6rem}.booking-price{display:none}}.event-bookings-container{background:#f5f7fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.page-header h1{font-size:2rem;margin-bottom:1.5rem}.controls-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:1.5rem}.search-box{margin-bottom:1rem}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:1rem;padding:.85rem 1rem;transition:all .2s;width:100%}.search-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626;outline:none}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;cursor:pointer;font-size:.95rem;font-weight:600;padding:.65rem 1.25rem;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#fffbeb;border-color:#d97706;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 4px 12px #d9770659;color:#fff}.bookings-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.bookings-table{border-collapse:collapse;min-width:1000px;width:100%}.bookings-table thead{background:linear-gradient(135deg,#f59e0b,#d97706)}.bookings-table th{border-bottom:none;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.bookings-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.95rem;padding:1.25rem 1rem}.bookings-table tbody tr{transition:all .2s}.bookings-table tbody tr:hover{background:#fffbeb;box-shadow:0 2px 8px #d977061f;transform:scale(1.005)}.booking-code{color:#b45309;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.contact-cell{display:flex;flex-direction:column;gap:.3rem}.contact-cell>div:first-child{color:#2c3e50;font-weight:600}.contact-detail,.hours-info{color:#6c757d;font-size:.85rem}.hours-info{font-weight:500}.amount-cell{color:#2c3e50;font-size:1rem;font-weight:700;text-align:right}.balance-pending{color:#dc3545;font-size:.85rem;font-weight:600;margin-top:.3rem}.status-badge{border-radius:20px;font-size:.75rem;gap:.5rem;letter-spacing:.5px;white-space:nowrap}.status-badge .status-icon{font-size:1rem;line-height:1}.status-badge .status-content{align-items:flex-start;display:flex;flex-direction:column;gap:.1rem}.status-badge .status-label{font-size:.75rem;font-weight:700;line-height:1}.status-badge .status-subtext{font-size:.65rem;font-weight:500;line-height:1;opacity:.85;text-transform:none}.badge-quotation{background:#e3f2fd;border:1px solid #1565c0;color:#1565c0}.badge-pending{background:#fff3e0;border:1px solid #e65100;color:#e65100}.badge-confirmed{background:#fff3e0;border:1px solid #f57c00;color:#f57c00}.badge-confirmed-paid{background:#e8f5e9;border:1px solid #2e7d32;color:#2e7d32}.badge-in-progress{background:#f3e5f5;border:1px solid #6a1b9a;color:#6a1b9a}.badge-completed{background:#e0f2f1;border:1px solid #00695c;color:#00695c}.badge-cancelled{background:#ffebee;border:1px solid #c62828;color:#c62828}.actions-cell{min-width:200px}.action-buttons{align-items:center;flex-wrap:nowrap;gap:.5rem}.btn-icon{align-items:center;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 4px #0000000f;display:flex;font-size:1rem;height:36px;justify-content:center;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:36px}.btn-icon svg{stroke-width:2.5}.btn-icon:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px) scale(1.05)}.btn-icon:active{transform:translateY(-1px) scale(.98)}.btn-icon:after{background:linear-gradient(135deg,#1f2937,#374151);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000040;color:#fff;content:attr(title);font-size:.75rem;font-weight:500;padding:.5rem .85rem;pointer-events:none;white-space:nowrap}.btn-icon:after,.btn-icon:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:100}.btn-icon:before{border:5px solid #0000;border-top-color:#1f2937;bottom:calc(100% + 4px);content:""}.btn-icon:hover:after,.btn-icon:hover:before{opacity:1;visibility:visible}.btn-view{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe;color:#1d4ed8}.btn-view:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff}.btn-print{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#d1d5db;color:#4b5563}.btn-print:hover{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#4b5563;box-shadow:0 8px 20px #6b728059;color:#fff}.btn-edit{background:linear-gradient(135deg,#fef7e6,#fef3c7);border-color:#fcd34d;color:#b8860b}.btn-edit:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706;color:#fff}.btn-payment{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#047857}.btn-payment:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;box-shadow:0 8px 20px #10b98159;color:#fff}.btn-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac;color:#15803d}.btn-success:hover{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#16a34a;box-shadow:0 8px 20px #22c55e59;color:#fff}.btn-complete{background:linear-gradient(135deg,#f0fdfa,#ccfbf1);border-color:#5eead4;color:#0f766e}.btn-complete:hover{background:linear-gradient(135deg,#14b8a6,#0d9488);border-color:#0d9488;box-shadow:0 8px 20px #14b8a659;color:#fff}.btn-cancel{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;color:#b91c1c}.btn-cancel:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 8px 20px #ef444459;color:#fff}.empty-state{box-shadow:0 2px 8px #00000014;padding:4rem 2rem}.empty-state p{color:#6c757d;font-size:1.1rem}.loading-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #fef3c7;border-top-color:#d97706;height:50px;margin-bottom:1rem;width:50px}.loading-state p{color:#6c757d;font-weight:600}.error-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:3rem 2rem;text-align:center}.error-state h3{color:#dc3545;font-size:1.5rem;margin-bottom:1rem}.error-state p{color:#6c757d;margin-bottom:1.5rem}.error-state .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.error-state .btn-primary:hover{box-shadow:0 6px 16px #d9770666;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;padding:1rem}.modal-content{animation:slideUp .3s ease-out;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.booking-details-modal{display:flex;flex-direction:column;max-height:90vh;max-width:750px}.booking-details-modal.premium-modal{overflow:hidden}.modal-header{background:linear-gradient(135deg,#f59e0b,#b45309);border-radius:20px 20px 0 0;flex-shrink:0;padding:2rem}.modal-header h2{font-size:1.75rem;margin:0 0 .5rem}.confirmation-number{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.modal-close{align-items:center;background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.75rem;font-weight:300;height:44px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s;width:44px}.modal-close:hover{background:#fff6;transform:rotate(90deg) scale(1.1)}.details-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-x:hidden;overflow-y:auto;padding:2rem}.premium-modal .details-content{overflow:visible}.details-content::-webkit-scrollbar{width:8px}.details-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.details-content::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:10px}.details-content::-webkit-scrollbar-thumb:hover{background:#d97706}.details-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;flex-shrink:0;padding:1.5rem}.details-section h3{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:1.1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.space-name-large{color:#b45309;font-size:1.6rem;font-weight:700;margin:0}.details-grid{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:baseline;border-bottom:1px solid #e0e0e0;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6c757d;font-size:.95rem;font-weight:700;min-width:140px}.detail-row .value{color:#2c3e50;flex:1 1;font-size:1rem;font-weight:600;text-align:right;word-break:break-word}.detail-note{margin-bottom:1rem}.detail-note:last-child{margin-bottom:0}.detail-note strong{color:#6c757d;display:block;font-weight:700;margin-bottom:.5rem}.detail-note p{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#2c3e50;line-height:1.6;margin:0;padding:1rem}.pricing-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #d97706}.price-breakdown{display:flex;flex-direction:column;gap:.5rem}.price-row{align-items:center;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.75rem 0}.price-row.discount{color:#28a745}.price-row.total{border-top:3px solid #d97706;color:#2c3e50;font-size:1.4rem;font-weight:700;margin-top:.75rem;padding-top:1rem}.price-row.paid{color:#28a745;font-size:1.1rem}.price-row.balance{background:#dc354526;border:2px solid #dc3545;border-radius:8px;font-size:1.2rem;margin-top:.75rem;padding:1rem}.text-success{color:#28a745;font-weight:700}.text-error{color:#dc3545;font-weight:700}.modal-actions{background:#f8f9fa;border-radius:0 0 20px 20px;border-top:2px solid #e0e0e0;flex-shrink:0;padding:1.5rem 2rem}.modal-actions .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #d9770659;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:all .2s}.modal-actions .btn-primary:hover{box-shadow:0 6px 16px #d9770673;transform:translateY(-2px)}@media (max-width:768px){.event-bookings-container{padding:1rem}.page-header h1{font-size:1.5rem}.bookings-table-container{border-radius:8px}.bookings-table td,.bookings-table th{font-size:.85rem;padding:.85rem .6rem}.action-buttons{flex-direction:column}.btn-icon{height:40px;width:100%}.filter-buttons{flex-direction:column}.filter-btn{width:100%}.booking-details-modal{max-width:95vw}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}.details-content,.modal-header{padding:1.5rem}.modal-header h2{font-size:1.5rem}}.page-header{margin-bottom:2rem}.view-toggle{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;gap:.5rem;padding:.5rem}.toggle-btn{border:2px solid #0000;border-radius:8px;color:#2c3e50;font-size:.95rem;padding:.75rem 1.5rem}.toggle-btn:hover{background:#fffbeb}.toggle-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #d9770659;color:#fff}.advanced-filters{grid-gap:1rem;border-top:2px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem;padding-top:1rem}.filter-date,.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .2s}.filter-date:focus,.filter-select:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626;outline:none}.btn-clear-filters{background:#f56565;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.btn-clear-filters:hover{background:#e53e3e;box-shadow:0 4px 12px #f565654d;transform:translateY(-1px)}.results-count{border-top:2px solid #f0f0f0;color:#718096;font-size:.9rem;font-weight:600;margin-top:1rem;padding-top:1rem}.confirm-booking-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:92vh;max-width:750px;overflow:hidden}.confirm-booking-modal .modal-header{background:linear-gradient(135deg,#f59e0b,#b45309);border-bottom:none;color:#fff;padding:2rem 2.5rem}.confirm-booking-modal .modal-header h2{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.confirm-booking-modal .confirmation-number{font-size:1rem;font-weight:500;margin:0;opacity:.95}.confirm-booking-modal .modal-close{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;font-size:1.25rem;height:36px;transition:all .2s;width:36px}.confirm-booking-modal .modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.confirm-booking-modal .details-content{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:0}.confirm-booking-modal .details-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:1.5rem;padding:1.5rem 2rem}.confirm-booking-modal .details-section:first-child{margin-top:1.5rem}.confirm-booking-modal .details-section:last-child{margin-bottom:1.5rem}.confirm-booking-modal .details-section h3{align-items:center;border-bottom:2px solid #e2e8f0;color:#2d3748;display:flex;font-size:1.15rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem;padding-bottom:.75rem}.payment-required-section{background:linear-gradient(135deg,#f59e0b14,#d9770614)!important;border:3px solid #d97706!important;border-radius:12px!important;box-shadow:0 4px 12px #d9770626!important;padding:2rem!important}.minimum-deposit-info{margin-bottom:2rem}.info-card{background:linear-gradient(135deg,#f59e0b,#b45309);border:none;box-shadow:0 8px 20px #d977064d;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.info-card:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.info-label{color:#ffffffe6;font-size:.95rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.info-label,.info-value{margin-bottom:.75rem;position:relative;z-index:1}.info-value{color:#fff;font-size:2.5rem;font-weight:800;text-shadow:0 2px 10px #0003}.info-detail{color:#ffffffd9;font-size:.9rem;font-weight:500;position:relative;z-index:1}.payment-form{gap:1rem}.form-group-modern,.payment-form{display:flex;flex-direction:column}.form-group-modern{gap:.5rem}.label-modern{color:#2d3748;font-size:.95rem;font-weight:600}.input-modern,.select-modern,.textarea-modern{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:.95rem;padding:.85rem 1rem;transition:all .2s}.input-modern:focus,.select-modern:focus,.textarea-modern:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770626;outline:none}.textarea-modern{font-family:inherit;resize:vertical}.text-success{color:#48bb78;font-weight:600}.text-error{color:#f56565;font-weight:600}.policy-section{background:#f8f9fa;border-radius:10px;padding:1.5rem!important}.policy-list{list-style:none;margin:0;padding:0}.policy-list li{color:#4a5568;font-size:.95rem;line-height:1.6;padding:.75rem 0}.policy-list li:not(:last-child){border-bottom:1px solid #e2e8f0}.btn-secondary{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-size:.95rem;padding:.85rem 1.5rem}.btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#cbd5e0}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-primary:disabled{background:#cbd5e0!important}.confirm-booking-modal .modal-actions{background:#fff;border-top:2px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:flex-end;padding:1.5rem 2.5rem}.confirm-booking-modal .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;box-shadow:0 4px 12px #d9770659;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.95rem 2rem;transition:all .2s}.confirm-booking-modal .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #d9770673;transform:translateY(-2px)}.confirm-booking-modal .btn-primary:active:not(:disabled){transform:translateY(0)}.confirm-booking-modal .btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:600;padding:.95rem 2rem;transition:all .2s}.confirm-booking-modal .btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.confirm-booking-modal .price-breakdown{display:flex;flex-direction:column;gap:.75rem}.confirm-booking-modal .price-row{align-items:center;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 0}.confirm-booking-modal .price-row.total{border-top:3px solid #e2e8f0;font-size:1.15rem;margin-top:.5rem;padding-top:1rem}.confirm-booking-modal .price-row.balance{background:linear-gradient(135deg,#f5656514,#fc818114);border:2px solid #feb2b2;border-radius:10px;margin-top:.5rem;padding:1rem 1.25rem}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.view-toggle{width:100%}.toggle-btn{flex:1 1;text-align:center}.advanced-filters{grid-template-columns:1fr}.confirm-booking-modal{max-width:95vw}.info-value{font-size:1.5rem}}.premium-modal{background:#fff;border-radius:20px;box-shadow:0 25px 80px #b4530933,0 10px 30px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden}.premium-header{background:linear-gradient(135deg,#f59e0b,#b45309);flex-shrink:0;overflow:hidden;padding:2rem 2rem 2.5rem;position:relative}.premium-header .header-bg-pattern{background-image:radial-gradient(circle at 20% 80%,#ffffff26 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 40%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.premium-header .header-content{position:relative;text-align:center;z-index:1}.premium-header .header-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:3rem;margin-bottom:.75rem}.premium-header .space-name-premium{color:#fff;font-size:1.75rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 8px #00000026}.premium-header .confirmation-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:inline-flex;flex-direction:column;padding:.75rem 1.5rem}.premium-header .confirmation-label{color:#ffffffd9;font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.premium-header .confirmation-code{color:#fff;font-family:SF Mono,Courier New,monospace;font-size:1.25rem;font-weight:800;letter-spacing:1px}.premium-header .status-pill{border:2px solid;border-radius:20px;bottom:-15px;box-shadow:0 4px 12px #00000026;font-size:.8rem;font-weight:700;left:50%;letter-spacing:.5px;padding:.5rem 1.5rem;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:2}.premium-header .modal-close{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .25s;width:40px;z-index:3}.premium-header .modal-close:hover{background:#ffffff59;transform:rotate(90deg) scale(1.1)}.premium-content{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-x:hidden;overflow-y:auto;padding:2.5rem 2rem 2rem}.premium-content::-webkit-scrollbar{width:8px}.premium-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.premium-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:10px}.premium-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d97706,#b45309)}.premium-card{background:linear-gradient(135deg,#fefefe,#f8f9fa);border:2px solid #e5e7eb;border-radius:16px;padding:1.25rem 1.5rem;transition:all .25s}.premium-card:hover{border-color:#fcd34d;box-shadow:0 4px 16px #f59e0b1f}.premium-card .card-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.premium-card .card-icon{font-size:1.5rem}.premium-card .card-title{color:#374151;font-size:1rem;font-weight:700}.date-card{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d;display:flex;gap:1.25rem}.date-card .card-icon{font-size:2.5rem}.date-card .card-content{flex:1 1}.date-card .card-title{color:#92400e;font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:.25rem;text-transform:uppercase}.date-card .card-value{color:#92400e;font-size:1.25rem;font-weight:700;text-transform:capitalize}.date-card .card-subtitle{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.time-badge{background:#b4530926;border-radius:6px;color:#92400e;font-size:.85rem;font-weight:600;padding:.25rem .6rem}.time-separator{color:#d97706;font-weight:700}.duration-badge{background:#b45309;border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .6rem}.contact-grid{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;gap:.75rem;padding:.5rem 0}.contact-item.main{color:#1f2937;font-size:1.1rem;font-weight:600}.contact-icon{text-align:center;width:28px}.contact-value{color:#4b5563}.details-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.detail-pill{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;flex-direction:column;gap:.15rem;padding:.6rem 1rem}.detail-pill .pill-label{color:#6b7280;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-pill .pill-value{color:#374151;font-size:.95rem;font-weight:700}.note-section{border-top:1px dashed #e5e7eb;margin-top:1rem;padding-top:1rem}.note-label{color:#6b7280;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.note-text{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.95rem;line-height:1.6;padding:.85rem 1rem}.financial-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#d97706;border-width:3px}.payment-progress-section{background:#fff;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem}.progress-labels{color:#6b7280;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.progress-percentage{color:#059669;font-weight:700}.progress-bar-container{background:#e5e7eb;border-radius:5px;height:10px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:5px;height:100%;transition:width .5s ease-out}.progress-amounts{display:flex;font-size:.8rem;justify-content:space-between;margin-top:.5rem}.paid-amount{color:#059669;font-weight:600}.pending-amount{color:#dc2626;font-weight:600}.financial-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between;padding:.5rem 0}.breakdown-label{color:#6b7280}.breakdown-value{color:#374151;font-weight:600}.breakdown-value.success{color:#059669}.breakdown-value.danger{color:#dc2626}.discount-row,.discount-row .breakdown-label,.discount-row .breakdown-value{color:#059669}.breakdown-divider{background:linear-gradient(90deg,#0000,#d97706 50%,#0000);height:2px;margin:.75rem 0}.total-row{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;margin:0 -1rem;padding:.85rem 1rem!important}.total-row .breakdown-label,.total-row .breakdown-value{color:#fff;font-size:1.1rem;font-weight:700}.paid-row .breakdown-label{color:#059669}.balance-row{background:#dc26261a;border:2px solid #fca5a5;border-radius:10px;margin:.5rem -1rem 0;padding:.85rem 1rem!important}.balance-row .breakdown-label,.balance-row .breakdown-value{color:#dc2626;font-weight:700}.premium-actions{background:linear-gradient(180deg,#f8f9fa,#f3f4f6);border-top:2px solid #e5e7eb;flex-shrink:0;padding:1.5rem 2rem}.premium-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 15px #d9770659;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.premium-btn:hover{box-shadow:0 8px 25px #d9770673;transform:translateY(-3px)}.premium-btn:active{transform:translateY(-1px)}@media (max-width:640px){.premium-modal{margin:1rem;max-width:95vw}.premium-header{padding:1.5rem 1.5rem 2rem}.premium-header .space-name-premium{font-size:1.4rem}.premium-content{padding:2rem 1.5rem 1.5rem}.premium-card{padding:1rem 1.25rem}.date-card{flex-direction:column;text-align:center}.date-card .card-subtitle{justify-content:center}}.early-bird-capture{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.capture-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:25px;text-align:center}.capture-header h1{color:#2c3e50;font-size:32px;font-weight:800;margin:0 0 10px}.capture-header .subtitle{color:#7f8c8d;font-size:16px;margin:0}.date-selector{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;gap:15px;margin-bottom:25px;padding:20px}.date-selector label{color:#2c3e50;font-size:16px;font-weight:700}.date-selector input[type=date]{border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:15px;font-weight:600;padding:10px 15px;transition:all .3s}.date-selector input[type=date]:hover{border-color:#3498db}.date-selector input[type=date]:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db33;outline:none}.date-selector .date-display{color:#7f8c8d;font-size:14px;font-style:italic}.capture-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px;overflow-x:auto}.capture-table{border-collapse:collapse;width:100%}.capture-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.capture-table th{font-size:13px;font-weight:700;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.capture-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.capture-table tbody tr:hover{background-color:#f8f9fa}.capture-table td{padding:15px 12px}.capture-table .hotel-name{color:#2c3e50;font-size:15px;font-weight:700}.capture-table .hotel-category{color:#7f8c8d;font-size:13px}.capture-table .hotel-total-rooms{color:#3498db;font-weight:600;text-align:center}.capture-table .occupancy-percent{color:#27ae60;font-size:16px;text-align:center}.input-number{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:600;padding:8px 10px;text-align:center;transition:all .3s;width:80px}.input-number:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db26;outline:none}.input-notes{border:2px solid #e0e0e0;border-radius:6px;font-size:13px;padding:8px 10px;transition:all .3s;width:100%}.input-notes:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db26;outline:none}.action-buttons{display:flex;gap:15px;justify-content:flex-end;margin-bottom:30px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.help-section{background:#fff;border-left:5px solid #3498db;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.help-section h3{color:#2c3e50;font-size:18px;margin-bottom:15px;margin-top:0}.help-section ul{list-style:none;margin:0;padding:0}.help-section li{color:#7f8c8d;font-size:14px;line-height:1.6;padding:8px 0}.help-section li strong{color:#2c3e50}@media (max-width:1200px){.capture-table{font-size:13px}.capture-table td,.capture-table th{padding:10px 8px}.input-number{width:70px}}@media (max-width:768px){.early-bird-capture{padding:15px}.capture-header h1{font-size:24px}.date-selector{align-items:flex-start;flex-direction:column}.capture-table-container{overflow-x:scroll}.action-buttons{flex-direction:column}.btn{width:100%}}.competitor-hotels-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1400px;min-height:100vh;padding:30px}.page-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.page-header h1{color:#2c3e50;font-size:32px;font-weight:800}.page-header .subtitle{color:#7f8c8d;font-size:15px;margin:0}.message{align-items:center;animation:slideIn .3s ease-out;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.message-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message button{background:none;border:none;color:inherit;cursor:pointer;font-size:24px;opacity:.7;transition:opacity .2s}.message button:hover{opacity:1}.empty-state{box-shadow:0 4px 12px #00000014;padding:60px 40px}.empty-icon{font-size:80px;opacity:.3}.empty-state h3{color:#2c3e50;font-size:24px;margin-bottom:15px}.empty-state p{color:#7f8c8d;line-height:1.6;margin-bottom:10px}.hotels-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hotel-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s,box-shadow .2s}.hotel-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-3px)}.hotel-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:10px 14px}.hotel-order{font-size:18px;font-weight:700;opacity:.9}.hotel-category{background:#fff3;border-radius:15px;font-size:11px;font-weight:600;padding:3px 10px}.hotel-card-body{padding:14px}.hotel-card-body h3{color:#2c3e50;font-size:16px;font-weight:700;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotel-info{display:flex;flex-direction:column;gap:6px}.info-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.info-row .label{color:#7f8c8d;font-size:12px;font-weight:600;white-space:nowrap}.info-row .value{color:#2c3e50;flex:1 1;font-size:12px;text-align:right}.info-row .value.small{font-size:11px;word-break:break-all}.hotel-card-actions{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:10px 14px}.btn-icon{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s}.btn-edit{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-edit:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px)}.btn-delete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.btn-delete:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:translateY(-2px)}.modal-overlay{animation:fadeIn .3s;background:#0009}.modal-content{animation:slideUp .3s;border-radius:12px;box-shadow:0 10px 40px #0000004d}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 25px}.modal-header h2{font-size:24px;font-weight:700;margin:0}.modal-close{color:#fff;font-size:32px;height:32px;line-height:1;opacity:.8;padding:0;transition:opacity .2s;width:32px}.modal-close:hover{opacity:1}.modal-content form{padding:25px}.form-grid{grid-template-columns:repeat(2,1fr);margin-bottom:25px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.form-group small{color:#7f8c8d;margin-top:5px}.modal-actions{border-top:1px solid #e0e0e0;gap:15px}.btn{border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;cursor:pointer;font-size:15px;font-weight:700;padding:12px 28px;transition:all .3s}.btn:hover{box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.btn-secondary{background:linear-gradient(135deg,#bdc3c7,#95a5a6);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}.loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;color:#7f8c8d;font-size:18px;padding:60px 20px;text-align:center}.header-actions{align-items:center;display:flex;gap:15px}.view-toggle{background:#f0f2f5;border-radius:8px;display:flex;gap:4px;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#7f8c8d;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.toggle-btn:hover{background:#e0e0e0;color:#2c3e50}.toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.hotels-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.hotels-table{border-collapse:collapse;width:100%}.hotels-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.hotels-table th{color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.hotels-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:14px;padding:14px 16px}.hotels-table tbody tr:hover{background:#f8f9ff}.hotels-table tbody tr:last-child td{border-bottom:none}.table-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.table-actions{display:flex;gap:8px}.btn-sm{border-radius:5px;font-weight:600;transition:all .2s}.btn-sm.btn-edit{background:#3498db;color:#fff}.btn-sm.btn-edit:hover{background:#2980b9}.btn-sm.btn-delete{background:#e74c3c;color:#fff}.btn-sm.btn-delete:hover{background:#c0392b}@media (max-width:992px){.hotels-table-container{overflow-x:auto}.hotels-table{min-width:700px}}@media (max-width:768px){.competitor-hotels-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{align-items:stretch;flex-direction:column;width:100%}.view-toggle{justify-content:center}.page-header h1{font-size:24px}.form-grid,.hotels-grid{grid-template-columns:1fr}.modal-content{width:95%}}.step2-room-types{margin:0 auto;max-width:900px}.step2-header{margin-bottom:30px;text-align:center}.step2-header h2{color:#1f2937;font-size:1.8rem;margin:0 0 10px}.step2-header p{color:#6b7280;font-size:1rem}.step2-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.step2-loading .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:15px;width:40px}.step2-alert{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.step2-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.step2-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.step2-alert button{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state{background:#fff;border:2px dashed #d1d5db;border-radius:16px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#374151;font-size:1.4rem;margin:0 0 10px}.empty-state p{color:#6b7280;margin:0 0 25px}.btn-create-first{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 28px;transition:all .2s}.btn-create-first:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.types-grid{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.type-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;overflow:hidden;transition:all .2s}.type-card:hover{border-color:#667eea;box-shadow:0 4px 15px #0000001f}.type-image{background:#f3f4f6;height:120px;min-width:140px;position:relative;width:140px}.type-image img{height:100%;object-fit:cover;width:100%}.type-image .no-image{align-items:center;color:#9ca3af;display:flex;font-size:2.5rem;height:100%;justify-content:center}.type-category{background:#000000b3;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;left:8px;padding:4px 10px;position:absolute;top:8px}.type-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:16px}.type-info h4{color:#1f2937;font-size:1.1rem;margin:0 0 8px}.type-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.type-details .detail{color:#4b5563;font-size:.85rem}.type-details .detail strong{color:#667eea}.type-amenities{display:flex;flex-wrap:wrap;gap:6px}.type-amenities span{font-size:1rem}.type-amenities .more{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:.75rem;padding:2px 8px}.type-actions{border-left:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:10px}.type-actions button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;height:40px;transition:all .2s;width:40px}.type-actions .btn-edit{background:#f0f9ff;color:#0284c7}.type-actions .btn-edit:hover{background:#0284c7;color:#fff}.type-actions .btn-delete{background:#fef2f2;color:#dc2626}.type-actions .btn-delete:hover{background:#dc2626;color:#fff}.btn-add-more{background:#fff;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:16px;transition:all .2s;width:100%}.btn-add-more:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.step2-navigation{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.nav-right{gap:12px}.btn-primary,.btn-secondary,.btn-skip{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-primary:disabled{opacity:.5}.btn-skip{color:#9ca3af}.btn-skip:hover{color:#667eea}.modal-overlay{animation:fadeIn .2s ease;inset:0}.modal-content{animation:slideUp .3s ease;max-width:700px;width:100%}.modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 24px;z-index:10}.modal-header h3{color:#1f2937;font-size:1.3rem}.btn-close{background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;font-size:1.2rem;height:36px;transition:all .2s;width:36px}.btn-close:hover{background:#e5e7eb;color:#374151}.room-type-form{padding:24px}.form-section{margin-bottom:24px}.form-section h4{border-bottom:1px solid #f3f4f6;color:#374151;font-size:1rem;margin:0 0 16px;padding-bottom:8px}.form-section h4 .hint{color:#9ca3af;font-size:.85rem;font-weight:400}.form-row.three-cols{grid-template-columns:repeat(3,1fr)}.form-row.four-cols{grid-template-columns:repeat(4,1fr)}.form-group textarea{font-family:inherit;min-height:70px}.form-group.flex-2{grid-column:span 1}.form-group label{color:#4b5563;font-size:.85rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;transition:border-color .2s}.images-row{display:flex;flex-wrap:wrap;gap:12px}.image-thumb{border-radius:8px;height:80px;overflow:hidden;position:relative;width:100px}.image-thumb img{height:100%;object-fit:cover;width:100%}.image-thumb .remove-img{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.9rem;height:22px;line-height:1;position:absolute;right:4px;top:4px;width:22px}.image-thumb .main-badge{background:#667eea;border-radius:4px;bottom:4px;color:#fff;font-size:.65rem;left:4px;padding:2px 6px;position:absolute}.add-image-btn{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .2s;width:100px}.add-image-btn:hover{background:#f0f4ff;border-color:#667eea}.add-image-btn .add-icon{font-size:1.5rem}.add-image-btn .uploading{animation:pulse 1s infinite;font-size:1.5rem}.warning-text{color:#f59e0b;font-size:.85rem;margin:10px 0 0}.amenities-grid{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.amenity-check{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s}.amenity-check:hover{border-color:#667eea}.amenity-check.checked{background:#f0f4ff;border-color:#667eea}.amenity-check input{display:none}.amenity-icon{font-size:1.1rem}.amenity-name{color:#374151;font-size:.85rem}.custom-amenities-section{border-top:1px dashed #e5e7eb;margin-top:20px;padding-top:16px}.custom-amenities-section>label{color:#4b5563;display:block;font-size:.9rem;font-weight:500;margin-bottom:10px}.custom-amenity-input{display:flex;gap:10px}.custom-amenity-input input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.95rem;padding:10px 12px}.custom-amenity-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-add-amenity{background:#f0f4ff;border:1px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-add-amenity:hover{background:#667eea;color:#fff}.custom-amenities-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.custom-amenity-tag{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border:1px solid #667eea;border-radius:20px;color:#4b5563;display:inline-flex;font-size:.85rem;gap:6px;padding:6px 12px}.custom-amenity-tag button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1rem;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.custom-amenity-tag button:hover{opacity:1}.modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:20px}.btn-cancel{padding:10px 20px}.btn-cancel,.btn-save{font-size:.95rem;transition:all .2s}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-weight:500;padding:10px 24px}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.type-card{flex-direction:column}.type-image{height:160px;width:100%}.type-actions{border-left:none;border-top:1px solid #f3f4f6;flex-direction:row;justify-content:flex-end;padding:12px 16px}.form-row{grid-template-columns:1fr}.form-row.four-cols,.form-row.three-cols{grid-template-columns:1fr 1fr}.amenities-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-height:95vh}}@media (max-width:480px){.step2-navigation{flex-direction:column;gap:12px}.nav-right{justify-content:space-between;width:100%}.form-row.four-cols{grid-template-columns:1fr 1fr}.images-row{justify-content:center}}.step-room-generator{padding:10px 0}.step-room-generator.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.step-room-generator .spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.step-success{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#059669;margin-bottom:20px;padding:12px 16px}.no-room-types{background:#fef3c7;border-radius:12px;color:#92400e;padding:40px;text-align:center}.layout-selection{padding:20px 0;text-align:center}.layout-selection h3{color:#374151;margin-bottom:30px}.layout-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:0 auto;max-width:600px}@media (min-width:600px){.layout-options{grid-template-columns:1fr 1fr}}.layout-option{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:30px 20px;transition:all .2s ease}.layout-option:hover{background:#f0f4ff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.layout-icon{font-size:3rem;margin-bottom:15px}.layout-option h4{color:#1f2937;font-size:1.1rem;margin:0 0 10px}.layout-option p{color:#6b7280;font-size:.9rem;margin:0 0 10px}.layout-example{color:#9ca3af;display:block;font-size:.8rem;font-style:italic}.floor-config-section{margin:0 auto;max-width:900px}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.config-header h3{color:#374151;margin:0}.btn-change-layout{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;padding:8px 16px}.btn-change-layout:hover{background:#f3f4f6;border-color:#9ca3af}.floor-setup{background:#f0f4ff;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding:20px}.setup-field{align-items:center;display:flex;gap:10px}.setup-field label{color:#374151;font-weight:500}.setup-field select{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 12px}.setup-field input[type=checkbox]{cursor:pointer;height:18px;width:18px}.floor-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.floor-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.floor-header h4{color:#1f2937;font-size:1.1rem;margin:0}.btn-remove-zone{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.85rem;padding:6px 12px}.btn-remove-zone:hover{background:#fecaca}.range-row{align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px}.range-field{display:flex;flex-direction:column;gap:4px}.range-field label{color:#6b7280;font-size:.8rem;font-weight:500}.range-field input{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 12px;width:80px}.range-field.type-select{flex:1 1;min-width:200px}.range-field.type-select select{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 12px;width:100%}.range-preview{background:#e0e7ff;border-radius:6px;color:#3730a3;font-size:.95rem;font-weight:600;padding:8px 16px;white-space:nowrap}.btn-remove-range{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-weight:600;padding:8px 12px}.btn-remove-range:hover{background:#fecaca}.btn-add-range{background:#0000;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;padding:10px 16px;transition:all .2s;width:100%}.btn-add-range:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.btn-add-zone{background:#0000;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;font-size:1rem;margin-top:10px;padding:15px 20px;transition:all .2s;width:100%}.btn-add-zone:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.totals-section{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;margin-top:25px;padding:20px;text-align:center}.totals-section h4{color:#374151;margin:0 0 12px}.totals-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:10px}.total-item{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;font-size:.9rem;padding:6px 14px}.total-count{color:#1f2937;font-size:1.2rem;margin:0}.preview-container{margin:20px 0}.preview-summary{background:#f0fdf4;border-radius:12px;margin-bottom:20px;padding:20px}.preview-summary h4{color:#166534;margin:0 0 10px}.preview-summary ul{margin:0 0 10px;padding-left:20px}.preview-summary li{color:#166534;margin-bottom:4px}.preview-summary p{color:#166534;margin:0}.preview-table-container{border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table td,.preview-table th{border-bottom:1px solid #e5e7eb;padding:10px 15px;text-align:left}.preview-table th{color:#374151;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.preview-table tbody tr:hover,.preview-table th{background:#f9fafb}.room-code{background:#e0e7ff;border-radius:4px;color:#3730a3;font-size:.85rem;font-weight:600;padding:3px 8px}.nav-right{display:flex;gap:10px}@media (max-width:600px){.range-row{align-items:stretch;flex-direction:column}.range-field,.range-field input,.range-field.type-select select{width:100%}.range-preview{text-align:center}.nav-right{flex-direction:column;width:100%}.nav-right button{width:100%}}.step-landing-template{margin:0 auto;max-width:1100px}.landing-form{display:flex;flex-direction:column;gap:30px}.template-section{background:#0000!important;padding:0!important}.template-section h3{margin-bottom:5px;text-align:center}.section-description{margin-bottom:25px;text-align:center}.templates-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.templates-grid{grid-template-columns:1fr}}.template-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.template-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.template-card.selected,.template-card:hover{border-color:#667eea;border-color:var(--template-color,#667eea)}.template-card.selected{box-shadow:0 0 0 3px #667eea33}.template-preview{background:#f3f4f6;height:180px;overflow:hidden}.preview-placeholder{display:flex;flex-direction:column;gap:8px;height:100%;padding:10px;width:100%}.preview-header{border-radius:4px;height:20px;opacity:.7}.preview-hero{background:#ffffff80;border-radius:6px;flex:1 1}.preview-content{display:flex;gap:6px}.preview-card{background:#ffffffb3;border-radius:4px;flex:1 1;height:35px}.template-info{padding:20px}.template-info h4{color:#1f2937;font-size:1.2rem;margin:0 0 8px}.template-info>p{color:#6b7280;font-size:.9rem;line-height:1.5;margin:0 0 15px}.template-features{list-style:none;margin:0;padding:0}.template-features li{color:#4b5563;font-size:.85rem;padding:4px 0 4px 20px;position:relative}.template-features li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.selected-badge{background:#667eea;background:var(--template-color,#667eea);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:5px 12px;position:absolute;right:10px;top:10px}.form-section{padding:25px}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.field-hint{color:#9ca3af;font-size:.8rem;margin-top:4px}.color-picker-group{align-items:center;display:flex;gap:10px}.color-input{border-radius:8px;cursor:pointer;height:42px;padding:2px!important;width:50px}.color-text{flex:1 1;font-family:monospace;text-transform:uppercase}.hero-section h3{text-align:left}.hero-section .section-description{margin-bottom:20px;text-align:left}.hero-upload-container{margin-bottom:20px}.hero-preview{border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:800px;overflow:hidden;position:relative;width:100%}.hero-preview img{display:block;height:300px;object-fit:cover;width:100%}.hero-overlay{align-items:center;background:#00000080;display:flex;gap:15px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s}.hero-preview:hover .hero-overlay{opacity:1}.btn-change-hero,.btn-remove-hero{border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-change-hero{background:#fff;border:none;color:#374151}.btn-change-hero:hover:not(:disabled){background:#f3f4f6}.btn-remove-hero{background:#0000;border:2px solid #fff;color:#fff}.btn-remove-hero:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.hero-placeholder{align-items:center;background:#fff;border:3px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center;margin:0 auto;max-width:800px;transition:all .2s;width:100%}.hero-placeholder:hover{background:#f0f4ff;border-color:#667eea}.hero-placeholder .upload-icon{color:#9ca3af;font-size:3rem}.hero-placeholder .upload-text{color:#6b7280;font-size:1rem}.hero-placeholder .uploading-text{color:#667eea;font-size:1.1rem;font-weight:500}.hero-specs{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:0 auto;max-width:600px;padding:20px;text-align:left}.hero-specs h4{color:#374151;font-size:.95rem;margin:0 0 12px}.hero-specs ul{margin:0 0 15px;padding-left:20px}.hero-specs li{color:#4b5563;font-size:.9rem;margin-bottom:6px}.hero-specs li strong{color:#374151}.hero-tip{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.85rem;line-height:1.5;margin:0;padding:12px}.preview-section{background:linear-gradient(135deg,#667eea20,#764ba220)}.preview-info{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.preview-text h4{color:#374151;margin:0 0 8px}.landing-url{background:#fff;border-radius:6px;display:inline-block;font-family:monospace;font-size:1rem;margin:0 0 5px;padding:8px 12px}.url-base{color:#6b7280}.url-slug{color:#667eea;font-weight:600}.preview-text small{color:#6b7280;font-size:.85rem}.btn-preview{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.btn-preview:hover{background:#667eea;color:#fff}@media (max-width:600px){.preview-info{flex-direction:column;text-align:center}.btn-preview{width:100%}}.hero-section-improved{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border-radius:16px!important;overflow:hidden;padding:0!important}.hero-layout{display:grid;grid-template-columns:1fr 320px;min-height:400px}@media (max-width:900px){.hero-layout{grid-template-columns:1fr}}.hero-upload-area{display:flex;flex-direction:column;padding:30px}.hero-upload-area h3{color:#fff;font-size:1.3rem;margin:0 0 5px}.hero-subtitle{color:#ffffffb3;font-size:.95rem;margin:0 0 20px}.hero-preview-new,.hero-upload-container-new{display:flex;flex:1 1;flex-direction:column}.hero-preview-new{background:#ffffff1a;border-radius:12px;overflow:hidden}.hero-preview-new img{flex:1 1;max-height:280px;min-height:200px;object-fit:cover;width:100%}.hero-actions{background:#0000004d;display:flex;gap:10px;padding:12px}.btn-hero-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.btn-hero-action.change{background:#fff;color:#374151}.btn-hero-action.change:hover:not(:disabled){background:#f3f4f6}.btn-hero-action.remove{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.btn-hero-action.remove:hover:not(:disabled){background:#ef4444;color:#fff}.hero-dropzone{align-items:center;border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:250px;padding:30px;text-align:center;transition:all .3s}.hero-dropzone:hover{background:#ffffff0d;border-color:#fff9}.dropzone-icon{font-size:4rem;margin-bottom:15px;opacity:.8}.dropzone-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:5px}.dropzone-subtitle{color:#fff9;font-size:.95rem;margin-bottom:15px}.dropzone-formats{background:#ffffff1a;border-radius:20px;color:#ffffff80;font-size:.85rem;padding:6px 14px}.upload-progress{align-items:center;color:#fff;display:flex;flex-direction:column;gap:15px}.spinner-small{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.hero-tips-area{background:#ffffff0d;display:flex;flex-direction:column;gap:20px;padding:30px}.tips-card{background:#ffffff1a;border-radius:12px;padding:20px}.tips-card h4{color:#fff;font-size:1rem;margin:0 0 15px}.tips-card ul{list-style:none;margin:0;padding:0}.tips-card li{align-items:center;border-bottom:1px solid #ffffff1a;color:#ffffffd9;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.tips-card li:last-child{border-bottom:none}.tip-icon{font-size:1.1rem}.tips-note{background:#10b98126;border-left:3px solid #10b981;border-radius:10px;display:flex;gap:12px;padding:15px}.note-icon{font-size:1.3rem}.tips-note p{color:#ffffffe6;font-size:.9rem;line-height:1.5;margin:0}.preview-section-improved{background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:16px!important;color:#fff;padding:25px!important}.preview-section-improved .preview-header{align-items:center;border-radius:0;display:flex;gap:15px;height:auto;margin-bottom:25px;opacity:1}.preview-icon{font-size:2.5rem}.preview-title h3{color:#fff;font-size:1.3rem;margin:0}.preview-title p{font-size:.95rem;margin:5px 0 0;opacity:.85}.preview-section-improved .preview-content{grid-gap:25px;align-items:center;display:grid;gap:25px;grid-template-columns:1fr auto}@media (max-width:700px){.preview-section-improved .preview-content{grid-template-columns:1fr}}.url-display label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;opacity:.9}.url-box{align-items:center;background:#ffffff26;border-radius:10px;display:flex;flex-wrap:wrap;font-family:monospace;font-size:.95rem;gap:2px;padding:12px 15px}.url-protocol{opacity:.6}.url-domain{opacity:.8}.url-slug-value{color:#fef3c7;font-weight:700}.url-slug-value.loaded{color:#fef3c7}.url-slug-value.loading{color:#ffffffb3;font-style:italic;opacity:.6}.btn-copy-url{background:#fff3;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-left:10px;padding:6px 10px;transition:all .2s}.btn-copy-url:hover{background:#ffffff4d}.url-hint{color:#ffffffd9;display:block;font-size:.85rem;margin-top:8px;opacity:.85}.preview-actions{flex-direction:column}.btn-preview-large,.preview-actions{align-items:center;display:flex;gap:10px}.btn-preview-large{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#059669;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 32px;transition:all .2s}.btn-preview-large:hover:not(:disabled){box-shadow:0 6px 20px #00000040;transform:translateY(-2px)}.btn-preview-large:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:1.3rem}.preview-warning{font-size:.85rem;margin:0;opacity:.9}.loading-indicator{align-items:center;display:flex;justify-content:center;padding:60px 20px}.loading-indicator .spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.social-section{background:#f0f9ff!important;border:1px solid #bae6fd}.social-section h3{color:#0369a1}.section-description-left{color:#6b7280;font-size:.95rem;margin-bottom:20px}.social-inputs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:800px){.social-inputs-grid{grid-template-columns:1fr}}.social-input label{align-items:center;display:flex;gap:8px;margin-bottom:8px}.social-icon{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.social-icon.facebook{background:linear-gradient(135deg,#1877f2,#0d65d9);font-family:Georgia,serif}.social-icon.instagram{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);font-size:.85rem}.social-icon.tiktok{background:linear-gradient(135deg,#000,#25f4ee 50%,#fe2c55);font-size:1rem}.social-input input{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:12px 14px;transition:all .2s;width:100%}.social-input input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926;outline:none}.social-input input::placeholder{color:#9ca3af;font-size:.9rem}.onboarding-wizard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.onboarding-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.onboarding-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}.onboarding-header{color:#fff;padding:30px 20px;text-align:center}.onboarding-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.onboarding-header p{font-size:1.1rem;margin:0;opacity:.9}.onboarding-progress{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;padding:20px}.progress-step{flex-direction:column;min-width:120px;position:relative}.step-indicator{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.progress-step.active .step-indicator{background:#fff;border-color:#fff;box-shadow:0 4px 15px #0003;color:#667eea;transform:scale(1.1)}.progress-step.completed .step-indicator{background:#10b981;border-color:#10b981;color:#fff}.step-info{color:#fff;margin-top:10px;text-align:center}.step-title{display:block;font-size:.9rem;font-weight:600;margin-bottom:2px}.step-description{display:block;font-size:.75rem;opacity:.8}.step-connector{display:none}@media (min-width:768px){.progress-step{flex-direction:row;min-width:auto}.step-info{margin-left:10px;margin-top:0;text-align:left}.step-connector{align-self:center;background:#ffffff4d;display:block;height:3px;margin:0 10px;width:50px}.progress-step.completed .step-connector,.progress-step.completed+.progress-step .step-connector{background:#10b981}}.onboarding-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;justify-content:space-between;margin:0 auto 20px;max-width:800px;padding:15px 20px}.onboarding-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.2rem}.onboarding-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;min-height:500px;padding:30px}.step-header{border-bottom:2px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px;text-align:center}.step-header h2{color:#1f2937;font-size:1.8rem;margin:0 0 10px}.step-header p{color:#6b7280;font-size:1rem;margin:0}.step-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:20px;padding:12px 16px}.hotel-info-form{margin:0 auto;max-width:800px}.form-section{background:#f9fafb;border-radius:12px;margin-bottom:30px;padding:20px}.form-section h3{color:#374151;font-size:1.1rem;margin:0 0 20px}.form-row{grid-template-columns:1fr}@media (min-width:600px){.form-row{grid-template-columns:1fr 1fr}}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.map-embed-group{margin-top:15px}.field-hint{color:#6b7280;font-size:.85rem;line-height:1.4;margin:4px 0 10px}.map-preview{background:#f3f4f6;border-radius:10px;margin-top:15px;padding:15px}.map-preview .preview-label{color:#6b7280;font-size:.85rem;font-weight:600;margin:0 0 10px}.map-preview iframe{border-radius:8px;box-shadow:0 2px 8px #0000001a}.onboarding-nav-buttons{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:30px;padding-top:20px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary.btn-large{font-size:1.1rem;padding:16px 32px}.btn-secondary{padding:12px 24px;transition:background .2s}.btn-skip{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:.95rem;padding:12px 24px;transition:color .2s}.btn-skip:hover{color:#374151}.onboarding-embedded-page{width:100%}.embedded-header{background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;margin-bottom:25px;padding:20px;text-align:center}.embedded-header h3{color:#374151;font-size:1.3rem;margin:0 0 8px}.embedded-header p{color:#6b7280;margin:0}.rooms-creation-guide{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin:30px 0}@media (min-width:600px){.rooms-creation-guide{grid-template-columns:1fr 1fr}}.guide-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:30px;text-align:center;transition:border-color .2s,box-shadow .2s}.guide-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a}.guide-icon{font-size:3rem;margin-bottom:15px}.guide-card h4{color:#1f2937;font-size:1.1rem;margin:0 0 10px}.guide-card p{color:#6b7280;font-size:.95rem;margin:0 0 20px}.onboarding-complete{padding:40px 20px;text-align:center}.complete-icon{animation:bounce .5s ease;font-size:5rem;margin-bottom:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.onboarding-complete h2{color:#1f2937;font-size:2rem;margin:0 0 10px}.onboarding-complete>p{color:#6b7280;font-size:1.1rem;margin:0 0 30px}.complete-summary,.next-steps{background:#f9fafb;border-radius:12px;margin:0 auto 30px;max-width:400px;padding:20px;text-align:left}.complete-summary h4,.next-steps h4{color:#374151;font-size:1rem;margin:0 0 15px}.complete-summary ul,.next-steps ul{list-style:none;margin:0;padding-left:0}.complete-summary li,.next-steps li{color:#4b5563;font-size:.95rem;padding:8px 0}.landing-url-info{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:12px;margin:0 auto 30px;max-width:500px;padding:25px;text-align:center}.landing-url-info h4{color:#374151;margin:0 0 15px}.booking-url{margin:0 0 10px}.booking-url a{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#667eea;display:inline-block;font-family:monospace;font-size:1rem;padding:12px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;word-break:break-all}.booking-url a:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.landing-url-info small{color:#6b7280;font-size:.85rem}.onboarding-embedded-page .manager-room-types,.onboarding-embedded-page>div:not(.embedded-header):not(.onboarding-nav-buttons){margin-bottom:20px;max-height:600px;overflow-y:auto}.onboarding-embedded-page .page-header{display:none}.logo-section{text-align:center}.logo-section .section-description{color:#6b7280;font-size:.9rem;margin-bottom:20px}.logo-upload-container{align-items:center;display:flex;flex-direction:column;gap:15px}.logo-preview{background:#fff;border:3px solid #e5e7eb;border-radius:12px;height:150px;overflow:hidden;position:relative;width:150px}.logo-preview img{height:100%;object-fit:contain;padding:10px;width:100%}.btn-remove-logo{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:5px;top:5px;transition:background .2s;width:28px}.btn-remove-logo:hover:not(:disabled){background:#dc2626}.logo-placeholder{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;height:150px;justify-content:center;transition:all .2s;width:150px}.logo-placeholder:hover{background:#f0f4ff;border-color:#667eea}.logo-placeholder .upload-icon{font-size:2rem}.logo-placeholder span{color:#6b7280;font-size:.85rem}.logo-placeholder .uploading-text{color:#667eea}.btn-change-logo{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s}.btn-change-logo:hover:not(:disabled){background:#e5e7eb}@media (max-width:768px){.onboarding-header h1{font-size:1.8rem}.onboarding-content{margin:0 10px;padding:20px}.step-indicator{font-size:1.2rem;height:40px;width:40px}.onboarding-nav-buttons{flex-direction:column}.onboarding-nav-buttons button{width:100%}}.subscription-page{background:linear-gradient(135deg,#f0f4ff,#e8eef7 50%,#f8fafc);box-sizing:border-box;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.subscription-page:before{background:radial-gradient(circle at 20% 50%,#6366f10d 0,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.subscription-page>*{position:relative;z-index:1}.subscription-page .page-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#a855f7);border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #fff3;color:#fff;display:flex;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative}.subscription-page .page-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.subscription-page .header-left h1{color:#fff;font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .75rem;text-shadow:0 2px 8px #0000004d}.subscription-page .subtitle{color:#fffffff2;font-size:1.0625rem;font-weight:500;letter-spacing:.01em;margin:0;opacity:1;text-shadow:0 1px 3px #0003}.subscription-page .alert{align-items:center;animation:slideDown .3s ease;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1.125rem 1.75rem}.subscription-page .alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#991b1b}.subscription-page .alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;color:#92400e}.subscription-page .alert-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;color:#065f46}.subscription-page .alert button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.375rem;height:28px;justify-content:center;opacity:.7;transition:all .2s;width:28px}.subscription-page .alert button:hover{background:#0000000d;opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.current-plan-section{margin-bottom:2.5rem}.current-plan-section h2{color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.25rem}.current-plan-card{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-wrap:wrap;gap:1.5rem;padding:2rem}.plan-icon-large{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #c7d2fe;border-radius:20px;display:flex;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;width:80px}.plan-info{flex:1 1;min-width:200px}.plan-info h3{color:#0f172a;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}.plan-description{color:#64748b;font-size:1rem;margin:0 0 1rem}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem}.status-active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #6ee7b7;color:#065f46}.status-trial{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #93c5fd;color:#1e40af}.status-cancelled{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1.5px solid #fca5a5;color:#991b1b}.status-expired{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #cbd5e1;color:#64748b}.status-past-due{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fcd34d;color:#92400e}.plan-stats{display:flex;flex-wrap:wrap;gap:1rem}.stat-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;max-width:140px;min-width:90px;padding:1rem}.stat-value{color:#667eea;display:block;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;line-height:1.2}.stat-value-date{color:#667eea;font-size:.85rem;font-weight:700}.stat-label,.stat-value-date{display:block;line-height:1.3}.stat-label{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.02em;margin-top:.375rem}.plan-actions{display:flex;flex-direction:column;gap:.75rem}.billing-toggle-section{margin-bottom:2.5rem;text-align:center}.billing-toggle-section h2{color:#0f172a;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem}.billing-toggle-section .section-subtitle{color:#64748b;font-size:1rem;margin-bottom:1.5rem}.billing-toggle-wrapper{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50px;box-shadow:0 2px 8px #00000014;display:inline-flex;gap:1rem;padding:.75rem 1.5rem}.billing-label{color:#94a3b8;font-size:1rem;font-weight:600;transition:color .3s ease}.billing-label.active{color:#0f172a}.billing-switch{background:#e2e8f0;border:none;border-radius:50px;cursor:pointer;height:30px;padding:0;position:relative;transition:all .3s ease;width:56px}.billing-switch.active{background:linear-gradient(135deg,#667eea,#764ba2)}.switch-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:3px;position:absolute;top:3px;transition:transform .3s ease;width:24px}.billing-switch.active .switch-thumb{transform:translateX(26px)}.annual-badge{animation:fadeIn .3s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;color:#fff;font-size:.8125rem;font-weight:700;padding:.375rem .875rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:3rem;padding-top:1.5rem;width:100%}@media (max-width:1200px){.plans-grid{gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.plans-grid{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.plans-grid{grid-template-columns:minmax(0,1fr);margin-left:auto;margin-right:auto;max-width:380px}}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;overflow:visible;padding:2rem 1.5rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.plan-card.highlighted{border-color:#667eea;box-shadow:0 4px 6px -1px #667eea1a,0 2px 4px -1px #667eea0f}.plan-card.highlighted:hover{box-shadow:0 20px 25px -5px #667eea33,0 10px 10px -5px #667eea1a}.plan-card.current{background:linear-gradient(135deg,#fff,#ecfdf5);border-color:#6ee7b7}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9999px;box-shadow:0 4px 12px #667eea66;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.5rem 1.25rem;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap;z-index:20}.plan-card-header{margin-bottom:1rem;padding-top:.5rem;text-align:center}.plan-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.plan-card-header h3{color:#0f172a;font-size:1.25rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .375rem}.plan-desc{color:#64748b;font-size:.8125rem;line-height:1.4;margin:0}.plan-card-price{border-bottom:2px solid #f1f5f9;border-top:2px solid #f1f5f9;margin-bottom:1rem;padding:1.25rem 0;text-align:center}.price-main{align-items:baseline;display:flex;gap:.125rem;justify-content:center}.price-currency{align-self:flex-start;color:#0f172a;font-size:1.25rem;font-weight:700;margin-top:.375rem}.price-amount{color:#0f172a;font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1}.price-interval{color:#64748b;font-size:.9375rem;font-weight:500;margin-left:.25rem}.price-mxn{color:#94a3b8;font-size:.875rem;margin:.5rem 0 0}.plan-features{flex:1 1;list-style:none;margin:0 0 1rem;padding:0}.plan-features li{align-items:flex-start;border-bottom:1px solid #f1f5f9;color:#475569;display:flex;font-size:.8125rem;gap:.5rem;line-height:1.4;padding:.5rem 0}.plan-features li:last-child{border-bottom:none}.feature-icon{color:#10b981;flex-shrink:0;font-size:.875rem;font-weight:700;margin-top:.1rem}.btn-plan{border:none;border-radius:12px;cursor:pointer;font-size:.9375rem;font-weight:700;padding:.875rem 1rem;transition:all .2s ease;width:100%}.btn-plan.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #667eea4d;color:#fff}.btn-plan.btn-primary:hover{box-shadow:0 8px 12px #667eea66;transform:translateY(-2px)}.btn-plan.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#475569}.btn-plan.btn-secondary:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.btn-plan:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.payment-history-section{margin-bottom:2.5rem}.payment-history-section h2{color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.25rem}.payment-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem}.payment-history-empty{color:#64748b;padding:2rem;text-align:center}.payment-history-empty .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.payment-history-empty p{font-size:1rem;margin:0}.payment-history-table{border-collapse:collapse;width:100%}.payment-history-table td,.payment-history-table th{border-bottom:1px solid #f1f5f9;padding:1rem;text-align:left}.payment-history-table th{background:#f8fafc;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.payment-history-table th:first-child{border-radius:12px 0 0 0}.payment-history-table th:last-child{border-radius:0 12px 0 0}.payment-history-table tbody tr:last-child td{border-bottom:none}.payment-history-table tbody tr:hover{background:#f8fafc}.payment-history-table td{color:#0f172a;font-size:.9375rem}.payment-amount{color:#059669;font-weight:700}.payment-status{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.payment-status.paid{background:#ecfdf5;color:#065f46}.payment-status.pending{background:#fffbeb;color:#92400e}.payment-status.failed{background:#fef2f2;color:#991b1b}.view-all-payments{background:none;border:none;border-radius:12px;color:#667eea;cursor:pointer;display:block;font-size:.9375rem;font-weight:600;margin-top:1rem;padding:.75rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.view-all-payments:hover{background:#f0f4ff;color:#4f46e5}.manage-section{margin-bottom:3rem}.manage-section h2{color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.25rem}.manage-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.manage-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:2rem;text-align:center;transition:all .3s ease}.manage-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.manage-icon{font-size:3rem;margin-bottom:1rem}.manage-card h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.manage-card p{color:#64748b;font-size:.9375rem;line-height:1.5;margin:0 0 1.5rem}.manage-card .btn-secondary,.manage-card a.btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:inline-block;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.manage-card .btn-secondary:hover,.manage-card a.btn-secondary:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.guarantees-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;margin-bottom:3rem;padding:1.5rem}.guarantees-section .guarantee-item{align-items:center;color:#475569;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem}.guarantees-section .guarantee-icon{font-size:1.25rem}@media (max-width:640px){.guarantees-section{flex-direction:column;gap:1rem;text-align:center}}.subscription-page .faq-section{background:#f8fafc!important;border:1px solid #e2e8f0;border-radius:24px;isolation:isolate;margin-top:3rem;padding:2.5rem 2rem;position:relative;z-index:10}.subscription-page .faq-section h2{-webkit-text-fill-color:#0f172a!important;background:#0000!important;color:#0f172a!important;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;text-align:center}.subscription-page .faq-section .faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}@media (max-width:768px){.subscription-page .faq-section .faq-grid{grid-template-columns:1fr}}.subscription-page .faq-section .faq-item{background:#fff!important;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 4px -1px #0000000d,0 1px 2px -1px #00000008;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.subscription-page .faq-section .faq-item:hover{background:#fff!important;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.subscription-page .faq-section .faq-item h4{color:#0f172a!important;font-size:1rem;font-weight:700;margin:0 0 .75rem}.subscription-page .faq-section .faq-item p{color:#64748b!important;font-size:.9375rem;line-height:1.6;margin:0}.subscription-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:60vh}.subscription-page .loading-container p{color:#64748b;font-size:1.125rem;font-weight:600}.subscription-page .spinner{animation:spin .8s linear infinite;border:5px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:56px;width:56px}.subscription-page .ai-addons-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:24px;margin:0 auto 3rem;max-width:100%;overflow:hidden;padding:3rem 2rem;position:relative}.subscription-page .ai-addons-section: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='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.subscription-page .ai-addons-header{margin-bottom:2.5rem;position:relative;text-align:center;z-index:1}.subscription-page .ai-badge{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.25rem;padding:.5rem 1.25rem}.subscription-page .ai-addons-header h2{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .75rem}.subscription-page .ai-addons-header p{color:#ffffffb3;font-size:1.05rem;margin:0}.subscription-page .ai-addons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto 2.5rem;max-width:800px;position:relative;z-index:1}.subscription-page .ai-addon-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.subscription-page .ai-addon-card:hover{background:#ffffff1f;border-color:#a855f780;transform:translateY(-5px)}.subscription-page .addon-icon{display:block;font-size:3rem;margin-bottom:1.25rem}.subscription-page .ai-addon-card h3{color:#fff;font-size:1.35rem;font-weight:700;margin:0 0 .75rem}.subscription-page .ai-addon-card p{color:#ffffffb3;font-size:.95rem;line-height:1.5;margin:0}.subscription-page .ai-addons-cta{position:relative;text-align:center;z-index:1}.subscription-page .ai-addons-cta p{color:#ffffffb3;font-size:1.05rem;margin:0 0 1.25rem}.subscription-page .btn-contact-sales{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.subscription-page .btn-contact-sales:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}@media (max-width:768px){.subscription-page .ai-addons-section{border-radius:20px;padding:2rem 1.5rem}.subscription-page .ai-addons-grid{gap:1rem;grid-template-columns:1fr}.subscription-page .ai-addons-header h2{font-size:1.5rem}.subscription-page .ai-addon-card{padding:1.5rem}}@media (max-width:1024px){.current-plan-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.plan-stats{flex-wrap:wrap}.plan-actions,.plan-stats{grid-column:1/-1;justify-content:center}.plan-actions{flex-direction:row}}@media (max-width:768px){.subscription-page{padding:1.5rem 1rem}.subscription-page .page-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.subscription-page .header-left h1{font-size:1.5rem}.current-plan-card{grid-template-columns:1fr;padding:1.5rem;text-align:center}.plan-icon-large{margin:0 auto}.plan-stats{flex-direction:column}.stat-item{width:100%}.billing-toggle{display:flex;width:100%}.toggle-btn{flex:1 1;justify-content:center;padding:.75rem 1rem}}@media (max-width:480px){.subscription-page{padding:.75rem}.subscription-page .page-header{padding:1.25rem}.subscription-page .header-left h1{font-size:1.25rem}.current-plan-card,.plan-card{padding:1.25rem}.plan-card{border-radius:16px}.price-amount{font-size:1.625rem}.plan-card-header h3{font-size:1.125rem}.plan-icon{font-size:2rem}}body.dark-page-bg,body.dark-page-bg .app{background:#0f0f1a!important}.register-page{align-items:center;background:linear-gradient(180deg,#0f0f1a,#1a1a2e)!important;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%}.register-page:before{background:#0f0f1a;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.register-container{background:#ffffff05;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #00000080;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;overflow:hidden;width:100%}.register-form-section{background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc);padding:3rem}.register-logo{align-items:center;display:flex;gap:.5rem;margin-bottom:2rem;text-decoration:none}.register-logo .logo-icon{font-size:1.75rem}.register-logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.register-header{margin-bottom:2rem}.register-header h1{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.register-header p{color:#fff9;font-size:1rem;margin:0}.selected-plan-badge{background:linear-gradient(135deg,#6366f133,#a855f733);border:1px solid #6366f166;border-radius:50px;color:#a5b4fc;display:inline-block;font-size:.85rem;font-weight:600;margin-top:.75rem;padding:.4rem 1rem}.register-progress{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.progress-step{gap:.5rem;opacity:.5;transition:opacity .3s ease}.progress-step.active{opacity:1}.progress-step .step-number{align-items:center;background:#ffffff1a;border-radius:50%;color:#ffffffb3;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.progress-step.active .step-number{background:linear-gradient(135deg,#6366f1,#a855f7)}.progress-step .step-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.progress-step.active .step-label{color:#fff}.progress-line{background:#ffffff1a;border-radius:1px;flex:1 1;height:2px}.register-error{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:.5rem}.form-group label{color:#fffc}.form-group input{background:#0000004d;border:1px solid #ffffff26;border-radius:12px;color:#fff;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input::placeholder{color:#fff6}.form-group input:focus{background:#0006;border-color:#6366f180;box-shadow:0 0 0 4px #6366f126;outline:none}.form-hint{color:#ffffff80;font-size:.8rem}.form-row{grid-gap:1rem;gap:1rem}.form-actions{gap:1rem;margin-top:.5rem}.btn-register-next,.btn-register-submit{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:12px;box-shadow:0 8px 25px #6366f166;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.btn-register-next:hover,.btn-register-submit:hover{box-shadow:0 12px 35px #6366f180;transform:translateY(-2px)}.btn-register-submit{flex:1 1}.btn-register-submit:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.btn-register-next:hover .btn-arrow{transform:translateX(4px)}.btn-back{background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;color:#fffc;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease}.btn-back:hover{background:#ffffff1a;border-color:#ffffff40}.btn-icon{font-size:1.25rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.register-footer{margin-top:2rem;text-align:center}.register-footer p{color:#fff9;font-size:.9rem;margin:.5rem 0}.register-footer a{color:#a5b4fc;font-weight:600;text-decoration:none;transition:color .3s ease}.register-footer a:hover{color:#c4b5fd}.terms-text{color:#fff6!important;font-size:.8rem!important}.terms-text a{color:#ffffff80!important;font-weight:500!important}.register-benefits-section{background:linear-gradient(135deg,#1a1a2e,#2d1b4e);overflow:hidden;padding:3rem;position:relative}.register-benefits-section:before{background:radial-gradient(circle at 20% 80%,#6366f133 0,#0000 50%),radial-gradient(circle at 80% 20%,#a855f733 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.benefits-content{position:relative;z-index:1}.benefits-content h2{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.benefits-subtitle{color:#ffffffb3;font-size:1rem;margin:0 0 2rem}.benefits-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.benefit-item{align-items:flex-start;display:flex;gap:1rem}.benefit-icon{align-items:center;background:#34d39933;border-radius:50%;color:#34d399;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;margin-top:2px;min-width:24px;width:24px}.benefit-item strong{color:#fff;display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.benefit-item p{color:#fff9;font-size:.85rem;line-height:1.4;margin:0}.testimonial-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.testimonial-text{color:#ffffffe6;font-size:.95rem;font-style:italic;line-height:1.6;margin:0 0 1rem}.testimonial-author strong{color:#fff;display:block;font-size:.9rem;font-weight:600}.testimonial-author span{color:#ffffff80;font-size:.8rem}@media (max-width:900px){.register-container{grid-template-columns:1fr;max-width:500px}.register-benefits-section{display:none}.register-form-section{padding:2rem}}@media (max-width:500px){.register-page{padding:1rem}.register-form-section{padding:1.5rem}.register-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-back{order:2}.progress-step .step-label{display:none}}.booking-portal{--primary-color:#667eea;--primary-dark:#5a67d8;background:#f8fafc;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}.booking-portal *{box-sizing:border-box}.booking-portal,.booking-portal .booking-footer,.booking-portal .booking-header,.booking-portal .booking-main,.booking-portal .booking-progress{max-width:100vw;width:100%}.booking-portal{align-self:stretch;flex:1 1 100%;margin:0;padding:0;position:relative}.booking-portal.error-page,.booking-portal.loading{align-items:center;background:#0f172a;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.loading-brand{align-items:center;animation:loadingFadeIn .6s ease;display:flex;flex-direction:column;gap:28px}@keyframes loadingFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading-brand-icon{align-items:center;animation:loadingPulse 2s ease-in-out infinite;background:#ffffff1a;border-radius:16px;display:flex;font-size:28px;height:64px;justify-content:center;width:64px}@keyframes loadingPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.loading-dots{display:flex;gap:8px}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;background:#fff6;border-radius:50%;height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{background:#fff;opacity:1;transform:scale(1)}}.loading-text{color:#ffffff80;font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff26;border-top-color:#fff;height:50px;width:50px}.error-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:500px;padding:50px;text-align:center}.error-container h2{color:#dc2626;font-size:1.8rem;margin-bottom:15px}.error-container p{color:#6b7280}.booking-header{background:var(--primary-color);box-shadow:0 4px 20px #00000026;color:#fff;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;margin:0 auto;max-width:1400px;padding:18px 30px}.hotel-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:55px;max-width:180px;object-fit:contain}.hotel-name{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:0}.hotel-info-brief{align-items:center;display:flex;font-size:.95rem;gap:10px;opacity:.95}.header-price-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:30px;font-weight:600;padding:8px 20px}.header-price-badge .price-amount{color:#fcd34d;font-size:1.3rem}.booking-progress{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:nowrap;justify-content:center;overflow-x:auto;padding:20px 30px;width:100%}.booking-progress,.progress-step{align-items:center;display:flex;gap:8px}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.95rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.progress-step.active .step-number{background:var(--primary-color);box-shadow:0 4px 15px #667eea66;color:#fff;transform:scale(1.1)}.progress-step.completed .step-number{background:#10b981;color:#fff}.progress-step.completed .step-number:after{content:"✓";font-size:1rem}.step-label{color:#6b7280;font-size:.9rem;font-weight:500}.progress-step.active .step-label{color:var(--primary-color);font-weight:700}.progress-line{background:#e5e7eb;border-radius:2px;height:3px;width:50px}.booking-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-weight:500;justify-content:space-between;margin:20px auto;max-width:900px;padding:15px 25px}.booking-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 5px}.booking-main{background:#0000;flex:1 1;margin:0 auto;max-width:1400px;padding:0 30px 50px;width:100%}.step-search .hero-section.hero-with-image{margin-left:-30px;margin-right:-30px;width:calc(100% + 60px)}.booking-step{animation:fadeInUp .4s ease}.booking-step.step-search{margin:0;padding:0}.hero-section{background:var(--primary-color);margin:0;padding:60px 20px;text-align:center}.hero-section .hero-content h2{color:#fff;font-size:2rem;font-weight:700;margin:0 0 12px;text-shadow:0 2px 8px #0000004d}.hero-section .hero-content p{color:#ffffffe6;font-size:1.05rem;margin:0}.hero-section.hero-with-image{background:#0000!important;background-color:initial!important;display:block;height:300px;margin:0!important;overflow:hidden;padding:0!important;position:relative}.hero-image{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.hero-section.hero-with-image .hero-content{align-items:center;background:linear-gradient(180deg,#0003 0,#00000080);bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:30px;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:2}.hero-section.hero-with-image .hero-content h2{color:#fff;font-size:2rem;font-weight:700;line-height:1.3;margin:0 0 10px;max-width:600px;text-shadow:0 2px 8px #000000b3}.hero-section.hero-with-image .hero-content p{color:#fff;font-size:1.05rem;margin:0;text-shadow:0 2px 6px #0009}.search-form{background:#fff;border-radius:20px;box-shadow:0 10px 50px #0000001f;margin:30px auto 50px;max-width:1000px;padding:35px 40px;position:relative;z-index:10}.hero-section+.search-form{margin-top:0}.search-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.search-field{display:flex;flex-direction:column}.search-field label{color:#374151;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.search-field input,.search-field select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:14px 16px;transition:all .2s ease}.search-field input:focus,.search-field select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea26;outline:none}.search-field input.guest-input{-moz-appearance:textfield;text-align:center;width:100%}.search-field input.guest-input::-webkit-inner-spin-button,.search-field input.guest-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btn-search{background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border-radius:14px;font-size:1.15rem;letter-spacing:1px;padding:18px 32px;text-transform:uppercase;width:100%}.btn-search:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.btn-search:disabled{cursor:not-allowed;opacity:.7}.room-types-preview{margin-top:60px;padding-top:40px}.room-types-preview h3{color:#1f2937;font-size:2rem;font-weight:800;margin-bottom:40px;position:relative;text-align:center}.room-types-preview h3:after{background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border-radius:2px;content:"";display:block;height:4px;margin:15px auto 0;width:80px}.room-types-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.room-type-preview-card{background:#fff;border-radius:20px;box-shadow:0 4px 25px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.room-type-preview-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-8px)}.room-image-container{height:220px;overflow:hidden;position:relative;width:100%}.room-type-preview-card .room-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.room-type-preview-card:hover .room-image{transform:scale(1.05)}.room-price-badge{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--primary-color);border-radius:12px;bottom:15px;box-shadow:0 4px 20px #0000004d;color:#fff;display:flex;flex-direction:column;gap:2px;overflow:hidden;padding:10px 16px;position:absolute;right:15px;z-index:2}.room-price-badge:before{background:linear-gradient(135deg,#ffffff1a,#00000026);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.room-price-badge .price-amount,.room-price-badge .price-from,.room-price-badge .price-period{position:relative;z-index:1}.room-price-badge .price-from{font-size:.7rem;font-weight:500;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.room-price-badge .price-amount{font-size:1.3rem;font-weight:800;line-height:1;text-shadow:0 1px 2px #0003;white-space:nowrap}.room-price-badge .price-period{font-size:.75rem;font-weight:500;opacity:.9}@media (max-width:480px){.room-price-badge{border-radius:10px;bottom:10px;padding:8px 12px;right:10px}.room-price-badge .price-from{font-size:.65rem}.room-price-badge .price-amount{font-size:1.1rem}.room-price-badge .price-period{font-size:.7rem}}.room-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);color:#9ca3af;display:flex;flex-direction:column;font-size:.95rem;height:100%;justify-content:center;width:100%}.room-image-placeholder:before{content:"🛏️";font-size:4rem;margin-bottom:10px;opacity:.5}.room-images-container{display:flex;flex-direction:column;height:220px}.room-images-container,.room-main-image{overflow:hidden;position:relative;width:100%}.room-main-image{height:100%}.room-main-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.room-type-preview-card:hover .room-main-image img{transform:scale(1.05)}.room-main-image .no-image{align-items:center;background:linear-gradient(135deg,#667eea20,#764ba220);color:#9ca3af;display:flex;flex-direction:column;font-size:.95rem;height:100%;justify-content:center;width:100%}.room-main-image .no-image:before{content:"🛏️";font-size:4rem;margin-bottom:10px;opacity:.5}.gallery-overlay{background:#000000b3;cursor:pointer;font-size:.85rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease;z-index:5}.gallery-overlay:hover{background:#000000d9;transform:scale(1.05)}.gallery-icon{font-size:1rem}.room-images-container{cursor:pointer}.room-thumbnails{bottom:10px;display:flex;gap:6px;left:10px;position:absolute;z-index:5}.room-thumbnail{border:2px solid #ffffffe6;border-radius:6px;box-shadow:0 2px 8px #00000040;cursor:pointer;height:40px;overflow:hidden;transition:all .2s ease;width:50px}.room-thumbnail:hover{border-color:#fff;transform:scale(1.1)}.room-thumbnail img{height:100%;object-fit:cover;width:100%}.room-thumbnail.more-images{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;justify-content:center}.room-thumbnail.more-images span{color:#fff;font-size:.75rem;font-weight:700}@media (max-width:480px){.room-thumbnails{bottom:8px;gap:4px;left:8px}.room-thumbnail{border-width:1.5px;height:32px;width:40px}.room-thumbnail.more-images span{font-size:.65rem}}.room-preview-info{display:flex;flex:1 1;flex-direction:column;padding:25px}.room-preview-info h4{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 8px}.room-preview-info .room-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 12px;overflow:hidden}.room-features-preview{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 auto}.room-features-preview span{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;font-size:.8rem;padding:5px 10px;white-space:nowrap}.room-amenities-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.room-amenities-preview .amenity-chip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;font-size:.75rem;padding:4px 10px;white-space:nowrap}.room-amenities-preview .amenity-more{color:#6b7280;font-size:.75rem;font-style:italic;padding:4px 8px}.room-capacity{align-items:center;color:#6b7280;display:flex;font-size:.95rem;gap:5px}.room-type-preview-card .room-price{display:none}.room-type-card .room-price{border-top:1px solid #f3f4f6;color:var(--primary-color);font-size:1rem;margin:15px 0 0;padding-top:15px}.room-type-card .room-price strong{font-size:1.5rem;font-weight:800}.contact-section{border-top:1px solid #e5e7eb;margin-top:60px;padding-top:40px}.contact-section h3{color:#1f2937;font-size:2rem;font-weight:800;margin-bottom:40px;position:relative;text-align:center}.contact-section h3:after{background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border-radius:2px;content:"";display:block;height:4px;margin:15px auto 0;width:80px}.contact-content{grid-gap:40px;background:#fff;border-radius:20px;box-shadow:0 4px 25px #00000014;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:40px}.contact-info{display:flex;flex-direction:column;gap:25px}.contact-item{align-items:flex-start;display:flex;gap:15px}.contact-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color)15 0,#764ba215 100%);border-radius:12px;color:var(--primary-color);display:flex;height:48px;justify-content:center;min-width:48px;width:48px}.contact-icon.whatsapp-icon{background:linear-gradient(135deg,#25d36615,#128c7e15);color:#25d366}.contact-details{display:flex;flex-direction:column;gap:4px}.contact-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contact-value{color:#1f2937;font-size:1rem;font-weight:500;line-height:1.5}.contact-link{color:var(--primary-color);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--primary-dark);text-decoration:underline}.whatsapp-link{color:#25d366}.whatsapp-link:hover{color:#128c7e}.contact-hours{border-top:1px solid #f3f4f6;margin-top:10px;padding-top:20px}.contact-hours .contact-label{display:block;margin-bottom:10px}.contact-hours p{color:#4b5563;font-size:.95rem;margin:5px 0}.contact-map{border-radius:16px;box-shadow:0 4px 15px #0000001a;min-height:350px;overflow:hidden}.contact-map iframe{display:block}@media (max-width:900px){.contact-content{grid-template-columns:1fr;padding:30px}.contact-map{min-height:280px;order:-1}}@media (max-width:600px){.contact-section h3{font-size:1.5rem}.contact-content{gap:30px;padding:20px}.contact-item{gap:12px}.contact-icon{height:42px;min-width:42px;width:42px}.contact-map{min-height:250px}}.room-type-preview-card.clickable{cursor:pointer;position:relative;transition:transform .3s ease,box-shadow .3s ease}.room-type-preview-card.clickable:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.room-type-preview-card.clickable:focus{outline:3px solid var(--primary-color);outline-offset:2px}.view-details-hint{align-items:center;background:linear-gradient(0deg,#000c 0,#0000);bottom:0;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;left:0;opacity:0;padding:30px 20px 15px;position:absolute;right:0;transition:opacity .3s ease}.room-type-preview-card.clickable:hover .view-details-hint{opacity:1}.room-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.room-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.room-modal-close{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:44px;z-index:10}.room-modal-close:hover{background:#fff;transform:scale(1.1)}.room-modal-close svg{color:#374151}.room-modal-gallery{background:#f3f4f6;flex-shrink:0;height:350px;position:relative;width:100%}.room-modal-image{height:100%;object-fit:cover;width:100%}.room-modal-no-image{color:#9ca3af;flex-direction:column;gap:15px;height:100%;width:100%}.gallery-nav,.room-modal-no-image{align-items:center;display:flex;justify-content:center}.gallery-nav{background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #00000026;cursor:pointer;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:48px}.gallery-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.gallery-nav.prev{left:15px}.gallery-nav.next{right:15px}.gallery-dots{bottom:15px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.gallery-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:10px;transition:all .2s;width:10px}.gallery-dot:hover{background:#fffc}.gallery-dot.active{background:#fff;transform:scale(1.2)}.room-modal-content{flex:1 1;overflow-y:auto;padding:30px}.room-modal-title{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 15px}.room-modal-description{color:#6b7280;font-size:1rem;line-height:1.7;margin:0 0 25px}.room-modal-features{border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px;padding-bottom:25px}.feature-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:10px;padding:10px 16px}.feature-icon{font-size:1.3rem}.feature-text{color:#374151;font-weight:500}.room-modal-amenities{margin-bottom:25px}.room-modal-amenities h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 15px}.amenities-grid{display:flex;flex-wrap:wrap;gap:10px}.amenity-tag{background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 14px;white-space:nowrap}.room-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:auto;padding-top:25px}.room-modal-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.room-modal-price .price-label{color:#6b7280;font-size:.95rem;white-space:nowrap}.room-modal-price .price-value{color:var(--primary-color);font-size:2rem;font-weight:800;white-space:nowrap}.room-modal-price .price-period{color:#6b7280;font-size:.95rem;white-space:nowrap}.btn-reserve{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:16px 32px;transition:all .3s ease}.btn-reserve:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}@media (max-width:768px){.room-modal-overlay{align-items:flex-end;padding:0}.room-modal{animation:slideUpMobile .4s ease;border-radius:20px 20px 0 0;max-height:95vh}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.room-modal-gallery{height:280px}.room-modal-content{padding:25px 20px}.room-modal-title{font-size:1.5rem}.room-modal-features{gap:12px}.feature-item{font-size:.9rem;padding:8px 12px}.room-modal-footer{align-items:stretch;flex-direction:column;gap:20px}.room-modal-price{flex-wrap:nowrap;justify-content:center}.room-modal-price .price-value{font-size:1.8rem}.btn-reserve{justify-content:center;padding:16px 24px}.gallery-nav{height:40px;width:40px}}@media (max-width:480px){.room-modal-gallery{height:220px}.room-modal-close{height:38px;right:10px;top:10px;width:38px}.room-modal-title{font-size:1.3rem}.amenity-tag{font-size:.85rem;padding:6px 12px}.room-modal-price .price-value{font-size:1.5rem}.room-modal-price .price-label,.room-modal-price .price-period{font-size:.85rem}}.search-summary{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin:30px 0;padding:20px 25px}.btn-back{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#e5e7eb;border-color:#d1d5db}.summary-info{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:500;gap:15px}.summary-info .arrow{color:var(--primary-color);font-weight:700}.summary-info .nights{background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:6px 14px}.summary-info .guests{color:#6b7280}.step-select-room h2{color:#1f2937;font-size:1.8rem;font-weight:800;margin:30px 0 25px}.no-availability{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:60px 30px;text-align:center}.no-availability p{color:#6b7280;font-size:1.2rem;margin-bottom:25px}.btn-secondary{border:2px solid #d1d5db;border-radius:12px;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.available-rooms{display:flex;flex-direction:column;gap:20px}.room-type-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;display:grid;grid-template-columns:220px minmax(300px,1fr) 180px;position:relative;transition:all .3s ease}.room-type-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.room-type-card.expanded{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.room-type-card.expanded .room-images-container{grid-row:1/3}.room-type-card .room-images-container{border-radius:16px 0 0 16px;overflow:hidden;position:relative}.room-type-card .room-main-image{height:100%;min-height:220px;overflow:hidden;position:relative}.room-type-card.expanded .room-main-image{min-height:350px}.room-type-card .room-main-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.room-type-card:hover .room-main-image img{transform:scale(1.05)}.room-type-card .room-main-image .no-image{align-items:center;background:linear-gradient(135deg,#f8f6f4,#ebe7e3);color:#a89080;display:flex;flex-direction:column;font-size:.9rem;height:100%;justify-content:center;min-height:220px;width:100%}.room-type-card .room-main-image .no-image:before{content:"🏨";font-size:3rem;margin-bottom:8px;opacity:.5}.gallery-overlay{align-items:center;background:#000000bf;border-radius:20px;bottom:12px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:5px;padding:6px 12px;position:absolute;right:12px}.gallery-icon{font-size:.9rem}.room-category-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#1e3a5f;color:var(--primary-color,#1e3a5f);font-size:.7rem;font-weight:700;left:12px;letter-spacing:.5px;padding:5px 14px;text-transform:uppercase}.btn-expand,.room-category-badge{background:#fff;position:absolute;top:12px}.btn-expand{align-items:center;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;right:12px;transition:all .2s ease;width:32px;z-index:5}.btn-expand:hover{background:#f8f8f8;transform:scale(1.1)}.room-type-card.expanded .btn-expand{background:#333;color:#fff}.room-details{display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:0;overflow:visible;padding:20px 25px}.room-type-card.expanded .room-details{padding:25px 30px}.room-details h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.room-type-card.expanded .room-details h3{font-size:1.5rem}.room-category{display:none}.room-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden}.room-type-card.expanded .room-description{-webkit-line-clamp:unset;overflow:visible}.room-features{border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:15px;padding:10px 0}.room-features span{align-items:center;color:#4b5563;display:flex;font-size:.8rem;gap:4px}.room-amenities{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;width:100%}.room-amenities .amenity-tag{background:#f3f4f6;border:none;border-radius:6px;color:#374151;display:inline-block!important;flex-shrink:0!important;font-size:.75rem;font-weight:500;max-width:none!important;overflow:visible!important;padding:4px 10px;text-overflow:clip!important;white-space:nowrap!important;width:auto!important}.amenity-more{background:#f9fafb;border:1px dashed #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:500;padding:5px 10px}.amenity-more:hover{background:#faf8f6;border-style:solid}.room-pricing{align-items:center;background:#f9fafb;border-left:1px solid #e5e7eb;border-radius:0 16px 16px 0;display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:180px;padding:15px 20px;text-align:center}.room-type-card.expanded .room-pricing{align-items:stretch;background:#fff;border-left:none;border-top:1px solid #e5e7eb;padding:25px 30px;text-align:left}.price-section{align-items:center;display:flex;flex-direction:column}.room-type-card.expanded .price-section{align-items:flex-start}.price-per-night{align-items:center;display:flex;flex-direction:column;white-space:nowrap}.room-type-card.expanded .price-per-night{align-items:baseline;flex-direction:row;gap:6px}.price-per-night .price{color:#1f2937;font-size:1.5rem;font-weight:800;line-height:1;white-space:nowrap}.room-type-card.expanded .price-per-night .price{font-size:1.75rem}.price-per-night .per-night{color:#6b7280;font-size:.75rem;font-weight:400;white-space:nowrap}.total-price{font-size:.7rem;font-weight:600;margin-top:2px;white-space:nowrap}.total-price,.total-price strong{color:#059669}.availability-badge{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;color:#059669;display:inline-flex;flex-shrink:0;font-size:.7rem;gap:4px;justify-content:center;overflow:visible;padding:4px 10px}.availability-badge,.btn-select{font-weight:600;white-space:nowrap}.btn-select{background:#1e3a5f;background:var(--primary-color,#1e3a5f);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;padding:10px 16px;transition:all .2s ease;width:100%}.btn-select:hover{opacity:.9;transform:translateY(-1px)}.room-type-card.expanded .btn-select{font-size:1rem;padding:14px 24px}.room-type-card.expanded .room-amenities{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:12px}.room-type-card.expanded .amenity-tag{padding:10px 8px;text-align:center}.step-guest-info{margin:0 auto;max-width:1100px;padding-top:20px}.step-guest-info>.btn-back{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;margin-bottom:25px;padding:10px 20px;transition:all .2s}.step-guest-info>.btn-back:hover{background:#f9fafb;border-color:#d1d5db}.step-guest-info-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 360px}.booking-summary-sidebar{min-width:320px;order:2;position:-webkit-sticky;position:sticky;top:100px}.booking-summary-sidebar h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0 0 16px}.booking-summary-sidebar .summary-card,.step-guest-info .summary-card,.summary-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 4px 20px #00000014!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important}.booking-summary-sidebar .summary-card>img,.step-guest-info .summary-card>img,.summary-card>img{display:block!important;flex-shrink:0!important;height:160px!important;max-height:160px!important;min-height:160px!important;object-fit:cover!important;order:1!important;width:100%!important}.booking-summary-sidebar .summary-details,.step-guest-info .summary-details,.summary-details{display:flex!important;flex-direction:column!important;order:2!important;padding:20px!important;width:100%!important}.booking-summary-sidebar .summary-details h4,.summary-details h4{color:#1f2937!important;font-size:1.1rem!important;font-weight:700!important;margin:0 0 12px!important;text-align:left!important}.summary-dates,.summary-guests,.summary-nights{color:#6b7280!important;display:block!important;font-size:.9rem!important;margin:0 0 8px!important}.summary-price{align-items:center!important;border-top:1px solid #e5e7eb!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;margin-top:12px!important;padding-top:16px!important}.summary-price span{color:#6b7280!important;flex-shrink:0!important;font-size:.9rem!important}.summary-price strong{color:#1e3a5f!important;color:var(--primary-color,#1e3a5f)!important;font-size:1.25rem!important;font-weight:800!important;overflow:visible!important;white-space:nowrap!important}.guest-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #00000014;order:1;padding:30px}.guest-form-container h2{-webkit-text-fill-color:unset!important;background:none!important;-webkit-background-clip:unset!important;border-bottom:1px solid #e5e7eb;color:#1f2937!important;font-size:1.5rem;font-weight:700;margin:0 0 25px;padding-bottom:15px}.form-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea,.guest-form input,.guest-form select,.guest-form textarea,.guest-form-container input,.guest-form-container select,.guest-form-container textarea{-webkit-appearance:none;appearance:none;background:#fff!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:10px!important;color:#1f2937!important;font-size:1rem!important;padding:14px 16px!important;transition:all .2s ease}.form-group select,.guest-form select,.guest-form-container select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236b7280' d='M6 8 1 3h10z'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;padding-right:40px!important}.form-group input::placeholder,.form-group textarea::placeholder,.guest-form input::placeholder,.guest-form textarea::placeholder{color:#9ca3af!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#1e3a5f;border-color:var(--primary-color,#1e3a5f);box-shadow:0 0 0 3px #1e3a5f1a}.form-group textarea{min-height:100px}.form-policies{background:#f8fafc;border-left:4px solid #1e3a5f;border-left:4px solid var(--primary-color,#1e3a5f);border-radius:12px;margin:25px 0;padding:20px 25px}.form-policies h4{color:#374151;font-size:1rem;font-weight:700;margin:0 0 15px}.form-policies ul{color:#6b7280;font-size:.95rem;margin:0;padding-left:20px}.form-policies li{margin-bottom:8px}.btn-confirm{background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .2s ease;width:100%}.btn-confirm:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-confirm:disabled{cursor:not-allowed;opacity:.7}.step-confirmation{margin:30px auto 0;max-width:750px}.confirmation-success{background:linear-gradient(135deg,#10b981,#059669);border-radius:24px 24px 0 0;color:#fff;padding:50px 30px;text-align:center}.success-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 10px 40px #0003;color:#10b981;display:flex;font-size:3rem;height:90px;justify-content:center;margin:0 auto 25px;width:90px}.confirmation-success h2{font-size:2rem;font-weight:800;margin:0 0 15px}.confirmation-number{font-size:1.1rem;margin:0;opacity:.95}.confirmation-number strong{display:block;font-size:1.4rem;letter-spacing:2px;margin-top:8px}.confirmation-details{background:#fff;border-radius:0 0 24px 24px;box-shadow:0 20px 60px #0000001a;padding:40px}.detail-section h3{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 25px;padding-bottom:15px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item .label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-item .value{color:#1f2937;font-size:1rem;font-weight:500}.detail-item.total{border-top:2px solid #f3f4f6;flex-direction:row;grid-column:1/-1;justify-content:space-between;margin-top:15px;padding-top:20px}.detail-item.total .label{color:#374151;font-size:1.1rem;font-weight:700}.detail-item.total .value{color:var(--primary-color);font-size:1.5rem;font-weight:800}.confirmation-email{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:16px;color:#166534;margin:30px 0;padding:25px;text-align:center}.confirmation-contact{background:#f8fafc;border-radius:16px;margin-bottom:30px;padding:25px;text-align:center}.confirmation-contact h4{color:#374151;font-weight:700;margin:0 0 12px}.confirmation-contact p{color:#6b7280;margin:5px 0}.btn-new-booking{background:linear-gradient(135deg,var(--primary-color) 0,#764ba2 100%);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px 32px;transition:all .3s;width:100%}.btn-new-booking:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.booking-footer{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;margin-top:auto;padding:40px 30px;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;text-align:center}.footer-social{gap:18px;margin-bottom:30px}.footer-social,.social-link{display:flex;justify-content:center}.social-link{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;height:50px;text-decoration:none;transition:all .3s ease;width:50px}.social-link:hover{transform:translateY(-5px) scale(1.1)}.social-link.facebook:hover{background:#1877f2;border-color:#1877f2;box-shadow:0 5px 20px #1877f280}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#e6683c;box-shadow:0 5px 20px #e6683c80}.social-link.tiktok:hover{background:#000;border-color:#25f4ee;box-shadow:0 5px 20px #fe2c55}.social-link svg{height:24px;width:24px}.footer-content p{font-size:.95rem;margin:8px 0;opacity:.9}.powered-by{font-size:.85rem!important;margin-top:15px!important;opacity:.6!important}.footer-legal{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.legal-link{color:#ffffffd9;font-size:.875rem;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:#fff;text-decoration:underline}.legal-separator{color:#fff6;font-size:.75rem}.floating-contacts{bottom:25px;display:flex;flex-direction:column;gap:12px;position:fixed;right:25px;z-index:1000}.floating-btn{align-items:center;border-radius:50%;box-shadow:0 6px 25px #00000040;color:#fff;display:flex;height:60px;justify-content:center;text-decoration:none;transition:all .3s ease;width:60px}.floating-btn:hover{box-shadow:0 10px 35px #00000059;transform:scale(1.15)}.floating-btn.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.floating-btn.phone{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.floating-btn.email{background:linear-gradient(135deg,#ef4444,#dc2626)}.floating-btn svg{height:28px;width:28px}@media (max-width:1024px){.available-rooms{display:flex;flex-direction:column;gap:20px}.room-type-card{grid-template-columns:250px 1fr 180px}.room-type-card.expanded{grid-template-columns:1fr}.room-type-card.expanded .room-main-image{min-height:300px}}@media (max-width:900px){.header-content{padding:15px 20px}.booking-main{padding:0 20px 40px}.step-search .hero-section.hero-with-image{height:280px;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.search-form{border-radius:16px;margin:-30px 0 40px;padding:25px}.available-rooms{display:flex;flex-direction:column;gap:18px}.room-type-card{grid-template-columns:200px minmax(250px,1fr) 170px}.room-type-card .room-main-image{height:200px}.room-details h3{font-size:1.2rem}.step-guest-info-content{grid-template-columns:1fr}.booking-summary-sidebar{order:1;position:static}.guest-form-container{order:2}}@media (max-width:768px){.hero-section.hero-with-image{height:260px}.hero-section.hero-with-image .hero-content h2{font-size:1.8rem}.search-row{gap:15px;grid-template-columns:1fr 1fr}}@media (max-width:600px){.header-content{flex-direction:column;gap:10px;padding:12px 15px;text-align:center}.hotel-name{font-size:1.3rem}.hotel-logo{height:45px}.booking-progress{gap:5px;padding:15px 10px}.step-label{display:none}.step-number{font-size:.85rem;height:32px;width:32px}.progress-line{width:30px}.hero-section.hero-with-image{height:220px}.hero-section.hero-with-image .hero-content h2{font-size:1.5rem;padding:0 15px}.hero-section.hero-with-image .hero-content p{font-size:.95rem}.search-form{margin:-20px 0 30px;padding:20px}.search-row{gap:15px;grid-template-columns:1fr}.room-types-preview h3{font-size:1.5rem}.room-types-grid{gap:20px;grid-template-columns:1fr}.available-rooms{gap:16px}.room-type-card{border-radius:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto}.room-type-card .room-main-image{height:200px}.room-details{gap:8px;padding:16px}.room-details h3{font-size:1.1rem}.room-features{font-size:.75rem;gap:10px;padding:8px 0}.room-amenities{gap:6px}.room-amenities .amenity-tag{font-size:.7rem;padding:4px 10px}.room-pricing{border-left:none;border-top:1px solid #e5e7eb;flex-direction:column;gap:10px;padding:16px;text-align:center}.price-per-night .price{font-size:1.4rem}.btn-select{padding:12px 16px;width:100%}.btn-expand{font-size:1rem;height:32px;width:32px}.gallery-overlay{font-size:.75rem;padding:6px 10px}.room-category-badge{font-size:.7rem;padding:5px 12px}.step-guest-info{padding:15px}.step-guest-info-content{gap:20px}.guest-form-container{border-radius:12px;padding:20px}.guest-form-container h2{font-size:1.3rem;margin-bottom:20px;padding-bottom:12px}.form-row{gap:15px;grid-template-columns:1fr}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:12px 14px}.form-policies{margin:20px 0;padding:15px 20px}.btn-confirm{font-size:1rem;padding:16px 24px}.summary-card img{height:140px}.summary-details{padding:16px}.summary-details h4{font-size:1.05rem}.summary-price strong{font-size:1.2rem}.detail-grid{grid-template-columns:1fr}.confirmation-details{padding:30px 20px}.floating-contacts{bottom:15px;right:15px}.floating-btn{height:52px;width:52px}.floating-btn svg{height:24px;width:24px}.footer-social{gap:12px}.social-link{height:44px;width:44px}.social-link svg{height:20px;width:20px}}.booking-portal.template-classic{--template-bg:#fff;--template-accent:var(--primary-color);--template-header-bg:var(--primary-color);--template-card-shadow:0 2px 12px #00000014;--template-radius:12px;--template-font:"Segoe UI",system-ui,-apple-system,sans-serif}.template-classic .booking-header{background:var(--primary-color)}.template-classic .hero-section.hero-with-image .hero-content{background:linear-gradient(180deg,#0003 0,#00000080)}.template-classic .room-type-card,.template-classic .room-type-preview-card{border:1px solid #e5e7eb;border-radius:var(--template-radius);box-shadow:var(--template-card-shadow)}.template-classic .btn-confirm,.template-classic .btn-search,.template-classic .btn-select{border-radius:8px;font-weight:600;text-transform:none}.booking-portal.template-modern{--template-bg:#f8fafc;--template-accent:var(--primary-color);--template-header-bg:#1e293b;--template-card-shadow:0 4px 20px #0000001a;--template-radius:16px;--template-font:"Inter",system-ui,-apple-system,sans-serif;background:var(--template-bg);font-family:var(--template-font)}.template-modern .booking-header{background:var(--template-header-bg);padding:24px 0}.template-modern .hotel-name{font-size:1.4rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.template-modern .hero-section:not(.hero-with-image){background:linear-gradient(180deg,var(--template-header-bg) 0,#f8fafc 100%);padding:60px 20px 80px}.template-modern .hero-section h2{font-weight:300;letter-spacing:1px}.template-modern .hero-section.hero-with-image .hero-image{filter:grayscale(20%) contrast(1.1)}.template-modern .hero-section.hero-with-image .hero-content{background:linear-gradient(180deg,#0f172a4d 0,#0f172a99)}.template-modern .room-type-card,.template-modern .room-type-preview-card,.template-modern .search-form{background:#fff;border:none;border-radius:var(--template-radius);box-shadow:var(--template-card-shadow)}.template-modern .room-type-card,.template-modern .room-type-preview-card{overflow:hidden}.template-modern .room-type-card:hover,.template-modern .room-type-preview-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-4px)}.template-modern .room-image,.template-modern .room-images img{border-radius:0}.template-modern .btn-confirm,.template-modern .btn-search,.template-modern .btn-select{border-radius:50px;font-size:.85rem;font-weight:500;letter-spacing:1px;padding:14px 32px;text-transform:uppercase}.template-modern .booking-progress{background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000000d;margin:-30px auto 30px;max-width:600px;padding:20px 30px}.template-modern .progress-step .step-number{border-radius:50%}.template-modern .room-types-preview h3{color:#64748b;font-size:1.1rem;font-weight:300;letter-spacing:3px;text-transform:uppercase}.template-modern .booking-footer{background:var(--template-header-bg)}.booking-portal.template-luxury{--template-bg:#faf8f5;--template-accent:#b8860b;--template-header-bg:linear-gradient(135deg,#1a1a2e,#16213e);--template-card-shadow:0 4px 24px #0000000f;--template-radius:4px;--template-font:"Playfair Display",Georgia,"Times New Roman",serif;background:var(--template-bg);font-family:Segoe UI,system-ui,sans-serif}.template-luxury .booking-header{background:var(--template-header-bg);border-bottom:3px solid var(--template-accent);padding:28px 0}.template-luxury .hotel-name{font-family:var(--template-font);font-size:2rem;font-weight:400;letter-spacing:3px;text-transform:none}.template-luxury .hotel-logo{max-height:70px}.template-luxury .hero-section{padding:0}.template-luxury .hero-section h2{font-family:var(--template-font);font-size:2.5rem;font-weight:400;letter-spacing:1px}.template-luxury .hero-with-image .hero-content h2{text-shadow:2px 2px 4px #00000080}.template-luxury .hero-section p{font-size:1.1rem;font-weight:300;letter-spacing:2px;text-transform:uppercase}.template-luxury .hero-section.hero-with-image{height:350px}.template-luxury .hero-section.hero-with-image .hero-content{background:linear-gradient(180deg,#1a1a2e33 0,#1a1a2e80)}.template-luxury .search-form{background:#fff;border:1px solid #e8e4dd;box-shadow:var(--template-card-shadow);margin-top:-60px}.template-luxury .search-form label{color:#9a9488;font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.template-luxury .room-type-card,.template-luxury .room-type-preview-card{background:#fff;border:1px solid #e8e4dd;border-radius:var(--template-radius);box-shadow:var(--template-card-shadow)}.template-luxury .room-type-card:before,.template-luxury .room-type-preview-card:before{background:linear-gradient(90deg,#0000 0,var(--template-accent) 50%,#0000 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.template-luxury .room-type-card:hover:before,.template-luxury .room-type-preview-card:hover:before{opacity:1}.template-luxury .room-details h3,.template-luxury .room-preview-info h4{color:#1a1a2e;font-family:var(--template-font);font-size:1.4rem;font-weight:400}.template-luxury .room-category{background:var(--template-accent);border-radius:0;color:#fff;font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase}.template-luxury .room-types-preview h3{color:#1a1a2e;display:inline-block;font-family:var(--template-font);font-size:1.8rem;font-weight:400;position:relative}.template-luxury .room-types-preview h3:after{background:var(--template-accent);content:"";display:block;height:2px;margin:15px auto 0;width:60px}.template-luxury .btn-confirm,.template-luxury .btn-search,.template-luxury .btn-select{background:var(--template-accent);border:none;border-radius:0;font-size:.8rem;font-weight:500;letter-spacing:2px;padding:16px 36px;text-transform:uppercase;transition:all .3s ease}.template-luxury .btn-confirm:hover,.template-luxury .btn-search:hover,.template-luxury .btn-select:hover{background:#9a7209;box-shadow:0 4px 12px #b8860b4d;transform:none}.template-luxury .booking-progress{background:#0000;border-bottom:1px solid #e8e4dd;padding-bottom:20px}.template-luxury .progress-step .step-number{border-radius:0;border-width:1px}.template-luxury .progress-step.active .step-number,.template-luxury .progress-step.completed .step-number{background:var(--template-accent);border-color:var(--template-accent)}.template-luxury .booking-footer{background:#1a1a2e;border-top:3px solid var(--template-accent)}.template-luxury .footer-social .social-link{border:1px solid #fff3;border-radius:0}.template-luxury .footer-social .social-link:hover{background:var(--template-accent);border-color:var(--template-accent)}.template-luxury .powered-by{color:var(--template-accent)}.template-luxury .floating-btn{border:1px solid #0000001a;border-radius:0}.template-luxury .floating-btn.whatsapp{background:#1a1a2e}.template-luxury .floating-btn.whatsapp:hover{background:var(--template-accent)}.about-section{background:#fff;box-shadow:0 4px 20px #00000014;margin:40px -30px;padding:4rem 2rem;width:calc(100% + 60px)}.about-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-content.text-only{grid-template-columns:1fr;max-width:800px;text-align:center}.about-content.text-only .about-title:after{left:50%;transform:translateX(-50%)}.about-text{padding-right:1rem}.about-title{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1.25rem;position:relative}.about-title:after{background:var(--primary-color);border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.about-description{color:#4b5563;font-size:1.05rem;line-height:1.8}.about-description p{margin-bottom:1rem}.about-description p:last-child{margin-bottom:0}.about-image-container{border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:relative}.about-image{display:block;height:auto;max-height:450px;min-height:300px;object-fit:cover;transition:transform .4s ease;width:100%}.about-image-container:hover .about-image{transform:scale(1.03)}@media (max-width:900px){.about-section{margin-left:-20px;margin-right:-20px;padding:3rem 1.5rem;width:calc(100% + 40px)}.about-content{gap:2rem;grid-template-columns:1fr}.about-text{order:2;padding-right:0;text-align:center}.about-title:after{left:50%;transform:translateX(-50%)}.about-image-container{order:1}.about-image{max-height:350px;min-height:250px}}@media (max-width:600px){.about-section{margin:30px -15px;padding:2rem 1rem;width:calc(100% + 30px)}.about-title{font-size:1.5rem}.about-description{font-size:.95rem;line-height:1.7}.about-image{max-height:280px;min-height:200px}}.promotions-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;margin:1.5rem 0;padding:2rem 1.5rem}.promotions-section h3{color:#92400e;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.promotions-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.promo-card{background:#fff;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.promo-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.promo-card .promo-image{height:140px;object-fit:cover;width:100%}.promo-card .promo-content{padding:1rem}.promo-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;padding:.35rem .75rem;text-transform:uppercase}.promo-card h4{color:#1e293b;font-size:1.1rem;margin:0 0 .5rem}.promo-card p{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.promo-code-display{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;justify-content:space-between;margin-bottom:.75rem;padding:.75rem}.promo-code-display strong{color:#0f172a;font-family:Monaco,Menlo,monospace;letter-spacing:1px}.btn-copy-code{background:#667eea;background:var(--primary-color,#667eea);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem .75rem;transition:background .2s ease}.btn-copy-code:hover{background:#5a67d8;background:var(--primary-dark,#5a67d8)}.promo-deadline{color:#dc2626;font-size:.8rem;font-weight:500}.promo-condition{color:#64748b;font-size:.75rem;font-style:italic}.promo-input-section{border-top:1px dashed #e2e8f0;margin-top:1rem;padding-top:1rem}.promo-input-row{align-items:flex-end;display:flex;gap:.5rem}.promo-input-row input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem;text-transform:uppercase}.promo-input-row input:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);outline:none}.btn-apply-promo{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.25rem;white-space:nowrap}.promo-applied{align-items:center;background:#ecfdf5;border:1px solid #10b981;border-radius:8px;display:flex;justify-content:space-between;margin-top:1rem;padding:.75rem}.promo-applied-info{color:#065f46}.promo-applied-discount{color:#10b981;font-weight:700}@media (max-width:768px){.promotions-section{margin:1rem 0;padding:1.5rem 1rem}.promotions-grid{grid-template-columns:1fr}.promo-code-display{flex-direction:column;text-align:center}}.step-payment{margin:0 auto;max-width:1100px}.payment-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;margin-top:1.5rem}.payment-sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:20px}.payment-sidebar h3{color:#1e293b;font-size:1.1rem;margin:0 0 1rem}.payment-sidebar .summary-card{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.guest-summary{border-bottom:1px solid #e2e8f0;padding:1rem 0}.guest-summary h4{color:#64748b;font-size:.85rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.guest-summary p{color:#1e293b;font-size:.95rem;margin:.25rem 0}.confirmation-pending{padding:1rem 0 0}.confirmation-pending p{font-size:.9rem;margin:.25rem 0}.status-pending{color:#f59e0b;font-weight:600}.payment-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2rem}.payment-form-container h2{color:#1e293b;font-size:1.5rem;margin:0 0 .5rem}.payment-subtitle{color:#64748b;font-size:.95rem;margin:0 0 1.5rem}.payment-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.stripe-payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-amount{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;display:flex;justify-content:space-between;padding:1.25rem}.payment-label{color:#0369a1;font-size:1rem;font-weight:500}.payment-total{color:#0c4a6e;font-size:1.5rem;font-weight:700}.card-element-container{display:flex;flex-direction:column;gap:.5rem}.card-element-container label{color:#374151;font-size:.9rem;font-weight:600}.card-element-wrapper{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:1rem;transition:all .2s ease}.card-element-wrapper:focus-within{background:#fff;border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea26}.card-error{color:#dc2626;font-size:.85rem;margin-top:.5rem}.payment-security{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:.5rem 0}.security-icon{font-size:1rem}.btn-pay{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 14px #10b98166;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .2s ease;width:100%}.btn-pay:hover:not(:disabled){box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.btn-pay:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-pay .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.payment-badges{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem;padding-top:1rem}.payment-badges .badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.4rem .75rem}@media (max-width:900px){.payment-container{grid-template-columns:1fr}.payment-sidebar{position:static}}@media (max-width:480px){.payment-form-container{padding:1.25rem}.payment-amount{flex-direction:column;gap:.5rem;text-align:center}.payment-badges{align-items:center;flex-direction:column}}.revenue-manager{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:24px}.page-header h1{color:#1a1a2e;font-size:28px;font-weight:700;margin:0 0 8px}.page-header p{color:#666;margin:0}.alert{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.alert button{background:none;border:none;cursor:pointer;font-size:20px;padding:0 4px}.revenue-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-btn{background:none;border-bottom:2px solid #0000;color:#6b7280;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.tab-btn:hover{color:#3b82f6}.tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.loading-spinner{color:#6b7280}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px}.btn-sm{border:none;cursor:pointer;font-size:13px}.btn-edit{background:#e0e7ff;color:#4338ca}.btn-delete{background:#fee2e2;color:#b91c1c}.btn-apply{background:#dcfce7;color:#15803d}.btn-refresh{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:8px 16px}.section-header h3{color:#1a1a2e;font-size:18px}.precios-header{flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.date-selector,.precios-header{align-items:center;display:flex}.date-selector{gap:12px}.date-selector label{color:#374151;font-weight:500}.date-selector input[type=date]{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px}.precios-info{display:flex;gap:16px;margin-bottom:24px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px 24px}.info-card .label{color:#6b7280;font-size:13px}.info-card .value{color:#1a1a2e;font-size:24px;font-weight:700}.info-card.season{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.precios-table{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.precios-table table{border-collapse:collapse;width:100%}.precios-table td,.precios-table th{border-bottom:1px solid #e5e7eb;padding:14px 16px;text-align:left}.precios-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.precios-table td{color:#1a1a2e;font-size:14px}.precios-table .final-price{color:#15803d;font-size:16px;font-weight:700}.manual-adjustment-input{border:1px solid #d1d5db;border-radius:6px;padding:6px 8px;text-align:center;width:80px}.formula-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:24px;padding:16px}.formula-info h4{color:#0369a1;font-size:14px;margin:0 0 8px}.formula-info code{color:#1e40af;font-family:Monaco,Menlo,monospace;font-size:14px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.badge.increase{background:#dcfce7;color:#15803d}.badge.decrease{background:#fee2e2;color:#b91c1c}.badge.neutral{background:#f3f4f6;color:#6b7280}.badge.active{background:#dcfce7;color:#15803d}.badge.inactive{background:#f3f4f6;color:#6b7280}.badge.season-badge{background:#fef3c7;color:#b45309}.seasons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.season-card{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.season-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.season-header h4{color:#1a1a2e;font-size:16px;margin:0}.season-dates{color:#6b7280;font-size:14px}.season-dates,.season-multiplier{margin-bottom:12px}.season-multiplier .multiplier{color:#1a1a2e;font-size:24px;font-weight:700}.season-multiplier .multiplier.increase{color:#15803d}.season-multiplier .multiplier.decrease{color:#b91c1c}.season-multiplier small{color:#6b7280;margin-left:8px}.recurring-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;margin-bottom:12px;padding:4px 8px}.season-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;margin-top:12px;padding-top:12px}.rules-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px}.rule-card.inactive{opacity:.6}.rule-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.rule-header h4{color:#1a1a2e;font-size:16px;margin:0}.badge.type-occupancy{background:#dbeafe;color:#1d4ed8}.badge.type-competitor{background:#fce7f3;color:#be185d}.badge.type-advance_booking{background:#f3e8ff;color:#7c3aed}.badge.type-day_of_week{background:#fef3c7;color:#b45309}.badge.type-last_minute{background:#fee2e2;color:#b91c1c}.rule-action,.rule-condition{font-size:14px;margin-bottom:12px}.rule-action .label,.rule-condition .label{color:#6b7280;margin-right:8px}.rule-action .value.action-multiply{color:#15803d;font-weight:600}.rule-meta{color:#6b7280;display:flex;font-size:12px;gap:12px;margin-bottom:12px}.rule-meta .stackable{background:#dbeafe;border-radius:4px;color:#1d4ed8;padding:2px 8px}.rule-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;padding-top:12px}.suggestions-overview{display:flex;gap:16px;margin-bottom:24px}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:20px 28px}.overview-card .label{color:#6b7280;font-size:13px}.overview-card .value{color:#1a1a2e;font-size:28px;font-weight:700}.overview-card .value.high{color:#15803d}.overview-card .value.low{color:#b91c1c}.suggestions-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.suggestion-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.suggestion-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.suggestion-header h4{color:#1a1a2e;font-size:18px;margin:0}.confidence{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.confidence.high{background:#dcfce7;color:#15803d}.confidence.medium{background:#fef3c7;color:#b45309}.suggestion-prices{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.suggestion-prices .price{flex:1 1;text-align:center}.suggestion-prices .price .label{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.suggestion-prices .price .value{color:#1a1a2e;font-size:24px;font-weight:700}.suggestion-prices .price.suggested .value{color:#3b82f6}.suggestion-prices .price-arrow{color:#9ca3af;font-size:24px}.suggestion-prices .diff{border-radius:4px;display:inline-block;font-size:14px;font-weight:600;margin-left:8px;padding:2px 8px}.suggestion-prices .diff.up{background:#dcfce7;color:#15803d}.suggestion-prices .diff.down{background:#fee2e2;color:#b91c1c}.suggestion-reasons{margin-bottom:16px}.suggestion-reasons .reason{background:#f0f9ff;border-left:3px solid #3b82f6;border-radius:0 8px 8px 0;color:#1e40af;font-size:13px;margin:0 0 8px;padding:8px 12px}.potential-revenue{align-items:center;background:#faf5ff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.potential-revenue .label{color:#6b7280;font-size:13px}.potential-revenue .value{font-size:16px;font-weight:700}.potential-revenue .value.positive{color:#15803d}.potential-revenue .value.negative{color:#b91c1c}.suggestion-actions{display:flex;justify-content:flex-end}.modal-overlay{background:#00000080;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal-content.large{max-width:650px}.modal-content h3{color:#1a1a2e;font-size:20px;margin:0 0 24px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=color]{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;height:40px;padding:4px;width:60px}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:16px;gap:16px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:0}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.modal-actions{border-top:1px solid #e5e7eb;gap:12px;margin-top:24px;padding-top:24px}.empty-state{background:#f9fafb;border-radius:12px;color:#6b7280;padding:60px 20px;text-align:center}.empty-state p{margin:0 0 8px}@media (max-width:768px){.revenue-manager{padding:16px}.revenue-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;font-size:13px;min-width:100px;padding:10px 12px}.precios-header{align-items:stretch;flex-direction:column}.date-selector{flex-wrap:wrap}.form-row,.rules-list,.seasons-grid,.suggestions-list{grid-template-columns:1fr}.suggestion-prices{flex-direction:column;text-align:center}.suggestion-prices .price-arrow{transform:rotate(90deg)}}.ma-container{animation:ma-fadeIn .3s ease-out;padding:0}@keyframes ma-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ma-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.ma-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.75rem;font-weight:700;gap:10px;margin:0 0 8px}.ma-header p{color:#6b7280;font-size:.95rem;margin:0}.ma-kpis-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.ma-kpi-card{align-items:center;background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;padding:20px;transition:all .2s ease}.ma-kpi-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ma-kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.ma-kpi-content{display:flex;flex-direction:column;min-width:0}.ma-kpi-value{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1.2}.ma-kpi-title{color:#6b7280;font-size:.85rem;font-weight:500}.ma-kpi-subtitle{color:#9ca3af;font-size:.75rem;margin-top:2px}.ma-kpi-trend{border-radius:6px;font-size:.8rem;font-weight:600;margin-left:auto;padding:4px 8px}.ma-kpi-trend.up{background:#d1fae5;color:#059669}.ma-kpi-trend.down{background:#fee2e2;color:#dc2626}.ma-charts-row{grid-gap:20px;display:grid;gap:20px;margin-bottom:24px}.ma-charts-row:has(.ma-chart-large){grid-template-columns:2fr 1fr}.ma-charts-row:has(.ma-chart-medium):not(:has(.ma-chart-large)){grid-template-columns:1fr 1fr}.ma-charts-row:has(.ma-chart-full){grid-template-columns:1fr}.ma-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #00000014;padding:24px}.ma-chart-card h3{align-items:center;color:#374151;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 20px}.ma-chart-hint{color:#9ca3af;font-size:.8rem;font-style:italic;margin:12px 0 0;text-align:center}.ma-tooltip{background:#111827f2;border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px 16px}.ma-tooltip p{color:#fff;font-size:.85rem;line-height:1.5;margin:0}.ma-tooltip-label{border-bottom:1px solid #fff3;font-weight:600;margin-bottom:6px!important;padding-bottom:6px}.ma-gauge-container{position:relative}.ma-gauge-label{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-20%)}.ma-gauge-value{display:block;font-size:2rem;font-weight:700}.ma-gauge-text{color:#6b7280;display:block;font-size:.75rem;margin-top:4px}.ma-health-legend{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px;padding-top:16px}.ma-health-legend div{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:6px}.ma-health-legend span{border-radius:3px;height:12px;width:12px}.ma-legend-text{color:#4b5563;font-size:.8rem}.ma-priority-section{align-items:center;display:flex;gap:40px}.ma-priority-chart{flex:0 0 300px}.ma-priority-details{flex:1 1}.ma-priority-details h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 16px}.ma-priority-list{display:flex;flex-direction:column;gap:12px}.ma-priority-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:10px 16px}.ma-priority-dot{border-radius:4px;flex-shrink:0;height:14px;width:14px}.ma-priority-name{color:#4b5563;flex:1 1;font-size:.9rem}.ma-priority-count{color:#1f2937;font-size:1.1rem;font-weight:600}.ma-priority-total{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.95rem;margin-top:16px;padding-top:16px}.ma-priority-total strong{color:#1f2937}.ma-summary-section{grid-gap:16px;border-top:2px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:32px;padding-top:24px}.ma-summary-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:flex;gap:16px;padding:24px;transition:transform .2s ease}.ma-summary-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.ma-summary-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.ma-summary-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.ma-summary-card:hover{transform:translateY(-3px)}.ma-summary-icon{font-size:2rem;opacity:.9}.ma-summary-content{display:flex;flex-direction:column}.ma-summary-value{font-size:1.75rem;font-weight:700;line-height:1.2}.ma-summary-label{font-size:.85rem;opacity:.9}.ma-empty,.ma-no-data{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.ma-empty span,.ma-no-data span{font-size:3rem;margin-bottom:12px;opacity:.5}.ma-empty p,.ma-no-data p{font-size:.95rem;margin:0}@media (max-width:1200px){.ma-charts-row:has(.ma-chart-large){grid-template-columns:1fr}.ma-charts-row:has(.ma-chart-medium):not(:has(.ma-chart-large)){grid-template-columns:1fr}.ma-priority-section{flex-direction:column}.ma-priority-chart{flex:none;width:100%}.ma-summary-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ma-kpis-row{grid-template-columns:repeat(2,1fr)}.ma-summary-section{grid-template-columns:1fr}.ma-kpi-card{padding:16px}.ma-kpi-icon{height:40px;width:40px}.ma-kpi-icon,.ma-kpi-value{font-size:1.25rem}.ma-chart-card{padding:16px}.ma-chart-card h3{font-size:1rem}}@media (max-width:480px){.ma-kpis-row{grid-template-columns:1fr}.ma-header h2{font-size:1.4rem}}@media (prefers-color-scheme:dark){.ma-chart-card{background:#1f2937;border-color:#374151}.ma-chart-card h3{color:#f9fafb}.ma-kpi-card{background:#1f2937}.ma-header h2,.ma-kpi-value{color:#f9fafb}.ma-header p{color:#9ca3af}.ma-priority-item{background:#374151}.ma-priority-name{color:#d1d5db}.ma-priority-count{color:#f9fafb}}.rm-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.rm-header{margin-bottom:24px}.rm-header h1{color:#1a1a2e;font-size:1.8rem;margin:0 0 8px}.rm-header p{color:#666;margin:0}.rm-alert{border-radius:8px;font-weight:500;margin-bottom:16px;padding:12px 16px}.rm-alert-error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.rm-alert-success{background:#d1fae5;border:1px solid #6ee7b7;color:#059669}.rm-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px}.rm-loading span{font-size:3rem;margin-bottom:16px}.rm-tabs{border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:0}.rm-tab,.rm-tabs{display:flex;gap:8px}.rm-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.rm-tab:hover{color:#3b82f6}.rm-tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.rm-tab-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.rm-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.rm-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px}.rm-stat-card.warning{border-left:4px solid #f59e0b}.rm-stat-icon{font-size:2rem}.rm-stat-content{display:flex;flex-direction:column}.rm-stat-value{color:#1a1a2e;font-size:1.5rem;font-weight:700}.rm-stat-label{color:#666;font-size:.85rem}.rm-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.rm-table{border-collapse:collapse;width:100%}.rm-table th{background:#f8f9fa;border-bottom:2px solid #e5e7eb;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.rm-table td,.rm-table th{color:#374151;padding:14px 12px}.rm-table td{border-bottom:1px solid #e5e7eb;font-size:.9rem}.rm-table tbody tr:hover{background:#f8f9fa}.rm-row-warning{background:#fef3c7!important}.rm-row-warning:hover{background:#fde68a!important}.rm-status-badge{border-radius:12px;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 8px}.rm-status-available{background:#d1fae5;color:#059669}.rm-status-occupied{background:#dbeafe;color:#3b82f6}.rm-status-cleaning{background:#fef3c7;color:#d97706}.rm-status-maintenance{background:#fee2e2;color:#dc2626}.rm-usage-count{color:#3b82f6;font-weight:700}.rm-next-maint{display:flex;flex-direction:column}.rm-next-maint small{color:#666;font-size:.75rem}.rm-no-schedule{color:#9ca3af;font-style:italic}.rm-due-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 10px}.rm-ok-badge{color:#10b981;font-size:1.2rem}.rm-actions{display:flex;gap:6px}.rm-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s}.rm-btn-view{background:#e0e7ff;color:#4f46e5}.rm-btn-view:hover{background:#c7d2fe}.rm-btn-add{background:#d1fae5;color:#059669}.rm-btn-add:hover{background:#a7f3d0}.rm-btn-defaults{background:#fef3c7;color:#d97706}.rm-btn-defaults:hover{background:#fde68a}.rm-btn-complete{background:#10b981;color:#fff;padding:10px 16px}.rm-btn-complete:hover{background:#059669}.rm-due-container h3{color:#1a1a2e;margin:0 0 20px}.rm-empty{color:#666;padding:60px;text-align:center}.rm-empty span{display:block;font-size:3rem;margin-bottom:16px}.rm-due-list{grid-gap:16px;display:grid;gap:16px}.rm-due-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.rm-due-card.rm-priority-critical{border-left-color:#dc2626}.rm-due-card.rm-priority-high{border-left-color:#f59e0b}.rm-due-card.rm-priority-normal{border-left-color:#3b82f6}.rm-due-card.rm-priority-low{border-left-color:#10b981}.rm-due-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rm-due-room{color:#1a1a2e;font-size:1.1rem;font-weight:700}.rm-priority-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.rm-priority-critical{background:#fee2e2;color:#dc2626}.rm-priority-high{background:#fef3c7;color:#d97706}.rm-priority-normal{background:#dbeafe;color:#3b82f6}.rm-priority-low{background:#d1fae5;color:#10b981}.rm-due-body strong{color:#374151;text-transform:capitalize}.rm-due-body p{color:#666;margin:8px 0}.rm-due-stats{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;margin-top:12px}.rm-due-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:16px;padding-top:16px}.rm-room-history{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.rm-room-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.rm-btn-back{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:8px 16px}.rm-btn-back:hover{background:#e5e7eb}.rm-room-header h3{font-size:1.4rem;margin:0}.rm-room-stats{grid-gap:16px;background:#f8f9fa;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:16px}.rm-room-stat{display:flex;flex-direction:column}.rm-room-stat .rm-label{color:#666;font-size:.8rem;margin-bottom:4px}.rm-section{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px}.rm-section h4{color:#374151;margin:0 0 16px}.rm-schedules-list{grid-gap:12px;display:grid;gap:12px}.rm-schedule-card{background:#f8f9fa;border-left:4px solid #e5e7eb;border-radius:8px;padding:16px}.rm-schedule-card.rm-status-active{border-left-color:#10b981}.rm-schedule-card.rm-status-due{background:#fef2f2;border-left-color:#ef4444}.rm-schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rm-schedule-header strong{text-transform:capitalize}.rm-schedule-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 10px}.rm-schedule-status.rm-status-active{background:#d1fae5;color:#059669}.rm-schedule-status.rm-status-due{background:#fee2e2;color:#dc2626}.rm-schedule-details{color:#666;display:flex;flex-direction:column;font-size:.85rem;gap:8px;margin-top:12px}.rm-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-top:4px;overflow:hidden;width:100%}.rm-progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .3s ease}.rm-empty-text{color:#9ca3af;font-style:italic;padding:20px 0}.rm-btn-add-schedule{background:#3b82f6;color:#fff;margin-top:16px;padding:12px;width:100%}.rm-btn-add-schedule:hover{background:#2563eb}.rm-history-list{display:flex;flex-direction:column;gap:12px}.rm-history-item{background:#f8f9fa;border-left:3px solid #e5e7eb;border-radius:8px;padding:16px}.rm-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rm-history-date{color:#666;font-size:.85rem}.rm-history-status{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 10px}.rm-history-status.rm-status-completed{background:#d1fae5;color:#059669}.rm-history-status.rm-status-pending{background:#fef3c7;color:#d97706}.rm-history-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.8rem;gap:16px;margin-top:8px}.rm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.rm-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.rm-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.rm-modal-header h3{color:#1a1a2e;margin:0}.rm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}.rm-modal-close:hover{background:#f3f4f6}.rm-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:24px}.rm-form-group{display:flex;flex-direction:column}.rm-form-full{grid-column:1/-1}.rm-form-group label{color:#374151;font-size:.85rem;font-weight:600;margin-bottom:6px}.rm-form-group input,.rm-form-group select,.rm-form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:10px 14px;transition:border-color .2s}.rm-form-group input:focus,.rm-form-group select:focus,.rm-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rm-form-group small{color:#666;font-size:.75rem;margin-top:4px}.rm-modal-actions{background:#f8f9fa;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.rm-btn-cancel{background:#f3f4f6;color:#374151}.rm-btn-cancel:hover{background:#e5e7eb}.rm-btn-submit{background:#3b82f6;color:#fff}.rm-btn-submit:hover{background:#2563eb}@media (max-width:768px){.rm-container{padding:12px}.rm-stats-grid{grid-template-columns:1fr 1fr}.rm-table-container{overflow-x:auto}.rm-table{min-width:800px}.rm-form-grid{grid-template-columns:1fr}.rm-tabs{flex-wrap:wrap}.rm-due-actions{flex-direction:column}}.rm-alert-section{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:8px;padding:16px}.rm-alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.rm-alert-header>label:first-child{color:#1e40af;font-size:1rem;font-weight:600;margin:0}.rm-switch{align-items:center;cursor:pointer;display:flex;gap:8px}.rm-switch input{display:none}.rm-slider{background:#d1d5db;border-radius:12px;height:24px;position:relative;transition:background .2s;width:44px}.rm-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s;width:20px}.rm-switch input:checked+.rm-slider{background:#3b82f6}.rm-switch input:checked+.rm-slider:before{transform:translateX(20px)}.rm-switch-label{color:#374151;font-size:.85rem;font-weight:500}.rm-alert-options{border-top:1px solid #bfdbfe;padding-top:16px}.rm-alert-days label,.rm-alert-usage label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.rm-alert-percent{align-items:center;display:flex;gap:8px}.rm-alert-percent input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:8px 12px;text-align:center;width:80px}.rm-alert-percent span{color:#374151;font-weight:500}.rm-alert-day-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.rm-alert-day-btn{background:#fff;border:2px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.rm-alert-day-btn:hover{border-color:#3b82f6;color:#3b82f6}.rm-alert-day-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.rm-alert-days small,.rm-alert-usage small{color:#6b7280;display:block;font-size:.8rem;margin-top:8px}.rm-floors-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.rm-floors-header{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:16px 20px}.rm-floors-count{color:#666;font-size:.9rem;font-weight:500}.rm-floors-list{display:flex;flex-direction:column}.rm-floor-section{border-bottom:1px solid #e5e7eb}.rm-floor-section:last-child{border-bottom:none}.rm-floor-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s;-webkit-user-select:none;user-select:none}.rm-floor-header:hover{background:#f8f9fa}.rm-floor-header.expanded{background:#f0f9ff;border-bottom:1px solid #bfdbfe}.rm-floor-left{align-items:center;display:flex;gap:12px}.rm-floor-icon{font-size:1.5rem}.rm-floor-info{display:flex;flex-direction:column}.rm-floor-title{color:#1a1a2e;font-size:1.1rem;font-weight:700}.rm-floor-subtitle{color:#666;font-size:.8rem}.rm-floor-center{display:flex;flex:1 1;justify-content:center}.rm-floor-stats-mini{display:flex;gap:12px}.rm-stat-badge{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:4px 10px}.rm-stat-badge.attention{background:#fef3c7;color:#d97706}.rm-stat-badge.scheduled{background:#dbeafe;color:#3b82f6}.rm-stat-badge.no-schedule{background:#f3f4f6;color:#6b7280}.rm-stat-icon{font-size:.9rem}.rm-stat-count{font-weight:700}.rm-floor-right{align-items:center;display:flex;gap:16px}.rm-health-container{align-items:flex-end;display:flex;flex-direction:column;min-width:100px}.rm-health-label{color:#666;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.rm-health-value{font-size:1.2rem;font-weight:700}.rm-health-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-top:4px;overflow:hidden;width:100%}.rm-health-fill{border-radius:3px;height:100%;transition:width .3s ease}.rm-toggle-icon{color:#9ca3af;font-size:.8rem;transition:transform .2s}.rm-toggle-icon.rotated{transform:rotate(180deg)}.rm-floor-content{background:#fafbfc;border-top:1px solid #e5e7eb;padding:20px}.rm-rooms-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.rm-room-card-mini{background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:14px;transition:all .2s}.rm-room-card-mini:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.rm-room-card-mini.attention{background:#fffbeb;border-left:4px solid #f59e0b}.rm-room-card-mini.no-schedule{border-left:4px solid #9ca3af}.rm-room-card-header{align-items:center;display:flex;justify-content:space-between}.rm-room-number{color:#1a1a2e;font-size:1.2rem;font-weight:700}.rm-room-status{font-size:1rem}.rm-room-card-body{color:#666;display:flex;flex-direction:column;font-size:.85rem;gap:4px}.rm-room-type{color:#374151;font-weight:500}.rm-room-usage{display:flex;gap:4px}.rm-usage-label{color:#9ca3af}.rm-usage-value{color:#3b82f6;font-weight:600}.rm-room-next{display:flex;font-size:.8rem;gap:4px}.rm-next-label{color:#9ca3af}.rm-next-value{color:#10b981;font-weight:500}.rm-room-due{background:#fef3c7;border-radius:6px;color:#d97706;font-size:.75rem;font-weight:600;margin-top:4px;padding:4px 8px;text-align:center}.rm-room-card-actions{border-top:1px solid #e5e7eb;display:flex;gap:6px;margin-top:auto;padding-top:8px}.rm-mini-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:6px;transition:all .2s}.rm-mini-btn-view{background:#e0e7ff;color:#4f46e5}.rm-mini-btn-view:hover{background:#c7d2fe}.rm-mini-btn-add{background:#d1fae5;color:#059669}.rm-mini-btn-add:hover{background:#a7f3d0}.rm-mini-btn-defaults{background:#fef3c7;color:#d97706}.rm-mini-btn-defaults:hover{background:#fde68a}@media (max-width:768px){.rm-floor-header{flex-wrap:wrap;gap:12px}.rm-floor-center{justify-content:flex-start;order:3;width:100%}.rm-floor-stats-mini{flex-wrap:wrap}.rm-rooms-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.rm-health-container{min-width:80px}.rm-room-card-mini{padding:12px}}@media (max-width:480px){.rm-rooms-grid{gap:8px;grid-template-columns:1fr 1fr}.rm-room-card-mini{padding:10px}.rm-room-number{font-size:1rem}.rm-mini-btn{font-size:.8rem;padding:5px}}.rm-filters-bar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;padding:16px 20px}.rm-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rm-filter-group{align-items:center;display:flex;gap:8px}.rm-filter-group label{color:#666;font-size:.85rem;font-weight:500;white-space:nowrap}.rm-filter-search{flex:1 1;max-width:300px;min-width:200px;position:relative}.rm-filter-icon{font-size:.9rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rm-filter-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:10px 12px 10px 36px;transition:all .2s;width:100%}.rm-filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rm-filter-input::placeholder{color:#9ca3af}.rm-filter-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 32px 8px 12px;transition:all .2s}.rm-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rm-filter-select:hover{border-color:#9ca3af}.rm-btn-clear-filters{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .2s;white-space:nowrap}.rm-btn-clear-filters:hover{background:#fecaca}.rm-filters-result{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px}.rm-filtered-count,.rm-total-count{color:#666;font-size:.85rem}.rm-filtered-count strong{color:#3b82f6}@media (max-width:900px){.rm-filters-row{align-items:stretch;flex-direction:column}.rm-filter-group{width:100%}.rm-filter-search{max-width:none}.rm-filter-group label{min-width:60px}.rm-filter-select{flex:1 1}.rm-btn-clear-filters{text-align:center;width:100%}}@media (max-width:480px){.rm-filters-bar{padding:12px}.rm-filter-group{align-items:stretch;flex-direction:column}.rm-filter-group label{margin-bottom:4px}.rm-filter-input,.rm-filter-select{width:100%}}.tariff-manager{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--success:#16a34a;--success-hover:#15803d;--success-light:#dcfce7;--danger:#dc2626;--danger-light:#fef2f2;--warning:#f59e0b;--warning-light:#fef3c7;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--radius:0.5rem;--radius-sm:0.375rem;background-color:var(--gray-50);min-height:100vh;padding:1.5rem}.tariff-manager-container{margin:0 auto;max-width:1400px}.tariff-header{margin-bottom:1.5rem}.tariff-header h1{align-items:center;color:var(--gray-800);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.tariff-header p{color:var(--gray-500);font-size:.95rem;margin:0}.tariff-alert{align-items:center;border-radius:var(--radius);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:1rem 1.25rem}.tariff-alert-error{background-color:var(--danger-light);border:1px solid #fecaca;color:var(--danger)}.tariff-alert-success{background-color:var(--success-light);border:1px solid #bbf7d0;color:var(--success)}.tariff-tabs{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;width:-webkit-fit-content;width:fit-content}.tariff-tab{align-items:center;background-color:initial;border:none;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.tariff-tab:hover{background-color:var(--gray-100);color:var(--gray-800)}.tariff-tab.active{background-color:var(--primary);box-shadow:var(--shadow-sm);color:#fff}.tariff-tab span{font-size:1rem}.tariff-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:380px 1fr}@media (max-width:1024px){.tariff-grid{grid-template-columns:1fr}}.tariff-content,.tariff-sidebar{display:flex;flex-direction:column;gap:1rem}.btn-new-tariff{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#1e40af 100%);border:none;border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.btn-new-tariff:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-new-tariff:active{transform:translateY(0)}.new-tariff-form{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.new-tariff-form h4{border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem}.new-tariff-form .form-group{margin-bottom:.875rem}.new-tariff-form .form-group label{color:var(--gray-600);display:block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.375rem;text-transform:uppercase}.new-tariff-form input,.new-tariff-form select,.new-tariff-form textarea{background-color:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--gray-800);font-size:.875rem;padding:.625rem .875rem;transition:all .15s ease;width:100%}.new-tariff-form input::placeholder,.new-tariff-form textarea::placeholder{color:var(--gray-400)}.new-tariff-form input:hover,.new-tariff-form select:hover,.new-tariff-form textarea:hover{border-color:var(--gray-300)}.new-tariff-form input:focus,.new-tariff-form select:focus,.new-tariff-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.new-tariff-form .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:.875rem}.new-tariff-form textarea{min-height:60px;resize:vertical}.new-tariff-form .form-actions{border-top:1px solid var(--gray-100);display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.btn-cancel{background-color:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-700);flex:1 1;font-size:.875rem;padding:.625rem 1rem;transition:all .15s ease}.btn-cancel:hover{background-color:var(--gray-200);border-color:var(--gray-300)}.btn-create{background-color:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.625rem 1rem;transition:all .15s ease}.btn-create:disabled{cursor:not-allowed;opacity:.5}.btn-create:hover:not(:disabled){background-color:var(--success-hover)}.tariff-info-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.tariff-info-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.tariff-info-header h3{color:var(--gray-800);font-size:1.125rem;font-weight:700;margin:0}.tariff-info-header p{color:var(--gray-500);font-size:.875rem;margin:.25rem 0 0}.btn-approve{align-items:center;background-color:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .15s ease;white-space:nowrap}.btn-approve:disabled{cursor:not-allowed;opacity:.5}.btn-approve:hover:not(:disabled){background-color:var(--success-hover)}.tariff-warning{background-color:var(--warning-light);border:1px solid #fde68a;border-radius:var(--radius-sm);color:#92400e;font-size:.875rem;margin-top:1rem;padding:.875rem 1rem}.tariff-empty{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:4rem 2rem;text-align:center}.tariff-empty-icon{display:block;font-size:4rem;margin-bottom:1.5rem;opacity:.25}.tariff-empty h4{color:var(--gray-700);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.tariff-empty p{color:var(--gray-500);font-size:.95rem;margin:0 0 1.5rem}.tariff-how-it-works{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);margin:0 auto;max-width:450px;padding:1.25rem 1.5rem;text-align:left}.tariff-how-it-works h5{align-items:center;color:var(--gray-700);display:flex;font-size:.9rem;font-weight:700;gap:.5rem;margin:0 0 .75rem}.tariff-how-it-works h5:before{content:"💡"}.tariff-how-it-works ol{list-style:none;margin:0;padding:0}.tariff-how-it-works li{border-bottom:1px solid var(--gray-200);color:var(--gray-600);font-size:.85rem;padding:.5rem 0}.tariff-how-it-works li:last-child{border-bottom:none}.tariff-how-it-works li strong{color:var(--primary);margin-right:.25rem}.tariff-list{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tariff-list-header{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:1rem 1.25rem}.tariff-list-header h3{align-items:center;color:var(--gray-800);display:flex;font-size:.95rem;font-weight:700;gap:.5rem;margin:0}.tariff-list-items{max-height:450px;overflow-y:auto}.tariff-list-item{border-bottom:1px solid var(--gray-100);cursor:pointer;padding:1rem 1.25rem;transition:all .15s ease}.tariff-list-item:last-child{border-bottom:none}.tariff-list-item:hover{background-color:var(--gray-50)}.tariff-list-item.selected{background-color:var(--primary-light);border-left:4px solid var(--primary)}.tariff-item-main{align-items:flex-start;display:flex;gap:.875rem}.tariff-icon{align-items:center;background-color:var(--gray-100);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:1.25rem;height:2.75rem;justify-content:center;width:2.75rem}.tariff-icon.approved{background-color:var(--success-light)}.tariff-item-info{flex:1 1;min-width:0}.tariff-item-info h4{color:var(--gray-800);font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tariff-item-info p{color:var(--gray-500);font-size:.8rem;margin:.25rem 0 0}.tariff-expiration{color:var(--gray-400)!important}.tariff-status{align-items:center;border-radius:9999px;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .625rem}.status-draft{background-color:var(--gray-100);color:var(--gray-600)}.status-pending_approval{background-color:var(--warning-light);color:#92400e}.status-approved{background-color:var(--success-light);color:var(--success)}.status-expired{background-color:var(--danger-light);color:var(--danger)}.status-superseded{background-color:var(--gray-100);color:var(--gray-500)}.tariff-item-actions{border-top:1px solid var(--gray-200);display:flex;gap:.5rem;margin-top:.875rem;padding-top:.875rem}.btn-clone,.btn-delete-tariff,.btn-download{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.5rem .875rem;transition:all .15s ease}.btn-download{background-color:var(--primary);color:#fff}.btn-download:hover{background-color:var(--primary-hover)}.btn-clone{background-color:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700)}.btn-clone:hover{background-color:var(--gray-200)}.btn-delete-tariff{background-color:var(--danger-light);border:1px solid #fecaca;color:var(--danger)}.btn-delete-tariff:hover{background-color:#fecaca}.tariff-authorized-by{color:var(--gray-400);font-size:.75rem;font-style:italic;margin-top:.625rem}.empty-message{color:var(--gray-400);padding:2.5rem}.segment-list-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.segment-list-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.segment-list-header h3{align-items:center;color:var(--gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.btn-new-segment{align-items:center;background:linear-gradient(135deg,var(--primary) 0,#1e40af 100%);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1rem;transition:all .15s ease}.btn-new-segment:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.segment-form{background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:1.5rem;padding:1.25rem}.segment-form h4{border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:1rem;font-weight:700;margin:0 0 1.25rem;padding-bottom:.75rem}.segment-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.segment-form-grid{grid-template-columns:1fr}}.segment-form .form-group{display:flex;flex-direction:column}.segment-form .form-group.span-2{grid-column:span 2}.segment-form label{color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.375rem;text-transform:uppercase}.segment-form input,.segment-form select{background-color:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-800);font-size:.875rem;padding:.625rem .875rem;transition:all .15s ease}.segment-form input::placeholder{color:var(--gray-400)}.segment-form input:hover,.segment-form select:hover{border-color:var(--gray-300)}.segment-form input:focus,.segment-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.checkbox-group{align-items:center;display:flex;flex-direction:row!important;gap:1.5rem;padding-top:.5rem}.checkbox-label{color:var(--gray-700)!important;display:flex;font-size:.875rem!important;font-weight:500!important;gap:.5rem;text-transform:none!important}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:1.125rem;width:1.125rem}.segment-form-actions{border-top:1px solid var(--gray-200);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem}.btn-save{align-items:center;background-color:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .15s ease}.btn-save:disabled{cursor:not-allowed;opacity:.5}.btn-save:hover:not(:disabled){background-color:var(--success-hover)}.segment-list{display:flex;flex-direction:column;gap:.625rem}.segment-item{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .15s ease}.segment-item:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.segment-item.inactive{background-color:var(--gray-50);opacity:.6}.segment-info{align-items:center;display:flex;gap:1rem}.segment-code{border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;letter-spacing:.025em;padding:.375rem .75rem}.segment-rack{background-color:#fef3c7;color:#92400e}.segment-bar{background-color:#dbeafe;color:#1e40af}.segment-convenio{background-color:#dcfce7;color:#166534}.segment-grupal{background-color:#f3e8ff;color:#6b21a8}.segment-mayorista{background-color:#fce7f3;color:#9d174d}.segment-larga-estancia{background-color:#cffafe;color:#0e7490}.segment-friends{background-color:#fee2e2;color:#991b1b}.segment-custom{background-color:var(--gray-100);color:var(--gray-600)}.segment-details .segment-name{color:var(--gray-800);font-size:.9rem;font-weight:600;margin:0}.segment-details .segment-desc{color:var(--gray-500);font-size:.8rem;margin:.25rem 0 0}.segment-actions{align-items:center;display:flex;gap:.5rem}.segment-badge{border-radius:9999px;font-size:.7rem;font-weight:600;padding:.25rem .625rem}.badge-contract{background-color:var(--warning-light);color:#92400e}.badge-approval{background-color:var(--danger-light);color:var(--danger)}.btn-delete,.btn-edit{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.875rem;justify-content:center;padding:.5rem;transition:all .15s ease}.btn-edit:hover{background-color:var(--primary-light);transform:scale(1.05)}.btn-delete:hover{background-color:var(--danger-light);transform:scale(1.05)}.rate-matrix-container{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.rate-matrix-header{align-items:center;background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem 1.25rem}.rate-matrix-header h3{align-items:center;color:var(--gray-800);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0}.rate-matrix-info{display:flex;gap:.5rem;margin-left:auto;margin-right:1rem}.info-badge{background-color:var(--gray-100);border-radius:9999px;color:var(--gray-600);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.rate-matrix-empty{padding:3rem 2rem;text-align:center}.rate-matrix-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.rate-matrix-empty h4{color:var(--gray-700);font-size:1.125rem;font-weight:700;margin:0 0 .75rem}.rate-matrix-empty p{color:var(--gray-500);font-size:.9rem;margin:0 auto .5rem;max-width:400px}.rate-matrix-empty .hint{background-color:var(--primary-light);border-radius:var(--radius-sm);color:var(--primary);display:inline-block;margin-top:1rem;padding:.75rem 1rem}.rate-matrix-legend{background:linear-gradient(90deg,var(--primary-light) 0,#fff 100%);border-bottom:1px solid var(--gray-200);color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.8rem;gap:1.5rem;padding:.75rem 1.25rem}.rate-matrix-legend span{align-items:center;display:flex;gap:.25rem}.readonly-badge{color:var(--gray-400);font-size:.75rem;font-weight:500;margin-left:.5rem}.btn-save-rates{align-items:center;background-color:var(--success);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .15s ease}.btn-save-rates:disabled{cursor:not-allowed;opacity:.5}.btn-save-rates:hover:not(:disabled){background-color:var(--success-hover)}.rate-matrix-wrapper{overflow-x:auto}.rate-matrix-table{border-collapse:collapse;font-size:.875rem;width:100%}.rate-matrix-table th{background-color:var(--gray-100);border-bottom:2px solid var(--gray-200);color:var(--gray-700);font-size:.8rem;font-weight:700;letter-spacing:.025em;min-width:120px;padding:.875rem 1rem;text-align:center;text-transform:uppercase}.rate-matrix-table th.sticky-col{left:0;min-width:200px;position:-webkit-sticky;position:sticky;text-align:left;z-index:1}.rate-matrix-table td{border-bottom:1px solid var(--gray-200);padding:.625rem .875rem}.rate-matrix-table td.sticky-col{left:0;position:-webkit-sticky;position:sticky;z-index:1}.segment-cell{font-weight:500}.segment-label{cursor:pointer;display:flex;flex-direction:column;padding:.25rem 0}.segment-label .segment-code{color:var(--gray-800);font-size:.875rem;font-weight:700}.segment-label .segment-name{color:var(--gray-500);font-size:.75rem;font-weight:400;margin-top:.125rem}.matrix-row-rack{background-color:#fffbeb}.matrix-row-rack td.sticky-col{background-color:#fffbeb;border-left:4px solid #f59e0b}.matrix-row-bar{background-color:#eff6ff}.matrix-row-bar td.sticky-col{background-color:#eff6ff;border-left:4px solid #3b82f6}.matrix-row-convenio{background-color:#f0fdf4}.matrix-row-convenio td.sticky-col{background-color:#f0fdf4;border-left:4px solid #22c55e}.matrix-row-grupal{background-color:#faf5ff}.matrix-row-grupal td.sticky-col{background-color:#faf5ff;border-left:4px solid #a855f7}.matrix-row-mayorista{background-color:#fdf2f8}.matrix-row-mayorista td.sticky-col{background-color:#fdf2f8;border-left:4px solid #ec4899}.matrix-row-larga-estancia{background-color:#ecfeff}.matrix-row-larga-estancia td.sticky-col{background-color:#ecfeff;border-left:4px solid #06b6d4}.matrix-row-friends{background-color:#fef2f2}.matrix-row-friends td.sticky-col{background-color:#fef2f2;border-left:4px solid #ef4444}.matrix-row-custom{background-color:var(--gray-50)}.matrix-row-custom td.sticky-col{background-color:var(--gray-50);border-left:4px solid var(--gray-400)}.rate-cell{text-align:center}.rate-input-group{display:flex;flex-direction:column;gap:.375rem}.rate-input-wrapper{align-items:center;display:flex;position:relative}.rate-input-wrapper .currency{color:var(--gray-400);font-size:.8rem;font-weight:600;left:.625rem;position:absolute}.rate-input-wrapper input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-800);font-size:.875rem;font-weight:600;padding:.5rem .5rem .5rem 1.5rem;text-align:center;transition:all .15s ease;width:100%}.rate-input-wrapper input::placeholder{color:var(--gray-400);font-weight:400}.rate-input-wrapper input:hover{border-color:var(--gray-300)}.rate-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;outline:none}.rate-expanded{border-top:1px dashed var(--gray-300);display:flex;flex-direction:column;gap:.375rem;margin-top:.25rem;padding-top:.375rem}.rate-expanded input{border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-700);font-size:.75rem;padding:.375rem .625rem;text-align:center}.rate-expanded input:focus{border-color:var(--primary);outline:none}.breakfast-checkbox{align-items:center;background:var(--gray-50);border-radius:var(--radius-sm);color:var(--gray-600);display:flex;font-size:.75rem;gap:.375rem;justify-content:center;padding:.25rem}.rate-expanded-readonly{border-top:1px dashed var(--gray-300);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem;margin-top:.375rem;padding-top:.5rem;text-align:left}.rate-expanded-readonly .detail{color:var(--gray-600);padding:.125rem 0}.rate-display{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.375rem;justify-content:center}.rate-display .price{color:var(--success);font-size:.95rem;font-weight:700}.rate-display .breakfast-icon{font-size:.8rem}.rate-display .no-price{color:var(--gray-300);font-size:1.25rem}.rate-matrix-help{align-items:center;background-color:var(--gray-50);border-top:1px solid var(--gray-200);color:var(--gray-500);display:flex;font-size:.8rem;gap:.5rem;padding:.875rem 1.25rem}@media (max-width:640px){.tariff-manager{padding:1rem}.tariff-header h1{font-size:1.5rem}.tariff-tabs{width:100%}.tariff-tab{flex:1 1;justify-content:center;padding:.625rem .75rem}.new-tariff-form .form-row,.segment-form-grid{grid-template-columns:1fr}.segment-form .form-group.span-2{grid-column:span 1}.segment-item{align-items:flex-start;flex-direction:column;gap:.75rem}.segment-actions{justify-content:flex-end;width:100%}}.concierge-config{background:#f5f7fa;min-height:100vh;padding-bottom:40px}.concierge-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}.concierge-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 32px}.concierge-header-left{align-items:center;display:flex;gap:20px}.concierge-back{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.concierge-back:hover{background:#ffffff4d}.concierge-title h1{font-size:24px;font-weight:600;margin:0}.concierge-title p{font-size:14px;margin:4px 0 0;opacity:.9}.concierge-header-actions{display:flex;gap:12px}.concierge-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.concierge-btn-primary{background:#fff;color:#6366f1}.concierge-btn-primary:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.concierge-btn-primary:disabled{cursor:not-allowed;opacity:.6}.concierge-btn-secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.concierge-btn-secondary:hover{background:#ffffff4d}.concierge-unsaved-banner{background:#fef3c7;color:#92400e;font-size:14px;font-weight:500;padding:10px 32px}.concierge-tabs{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;gap:2px;overflow-x:auto;padding:0 16px;scrollbar-width:thin}.concierge-tabs::-webkit-scrollbar{height:4px}.concierge-tabs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.concierge-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:4px;min-width:70px;padding:12px 10px;transition:all .2s;white-space:nowrap}.concierge-tab:hover{background:#f9fafb;color:#6366f1}.concierge-tab.active{border-bottom-color:#6366f1;color:#6366f1}.tab-icon{font-size:20px}.tab-label{font-size:10px;line-height:1.2;text-align:center}.concierge-content{margin:24px auto;max-width:1000px;padding:0 24px}.concierge-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.concierge-section h2{color:#111827;font-size:20px;font-weight:600;margin:0 0 24px}.section-description{color:#6b7280;font-size:14px;margin:-16px 0 24px}.subsection{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.subsection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.subsection h3{color:#374151;font-size:16px;font-weight:600;margin:0}.form-group label{color:#374151;font-size:14px;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #6366f11a}.form-group textarea{min-height:80px}.form-hint{color:#9ca3af;display:block;font-size:12px;margin-top:6px}.form-row{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.toggle-switch{align-items:center;cursor:pointer;display:flex!important;gap:12px;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{background:#d1d5db;border-radius:26px;flex-shrink:0;height:26px;position:relative;transition:background .25s;width:48px}.toggle-slider:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;top:3px;transition:transform .25s;width:20px}.toggle-switch input:checked+.toggle-slider{background:#6366f1}.toggle-switch input:checked+.toggle-slider:after{transform:translateX(22px)}.toggle-switch .toggle-text{color:#374151;font-size:14px;font-weight:500}.toggle-switch input:checked~.toggle-text{color:#6366f1}.checkbox-label{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex!important;gap:10px;padding:8px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#f5f3ff;border-color:#6366f1}.checkbox-label input[type=checkbox]{display:none}.checkbox-mark{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:5px;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s;width:20px}.checkbox-mark:after{border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;content:"";height:6px;margin-top:-2px;transform:rotate(-45deg) scale(0);transition:transform .15s;width:10px}.checkbox-label input:checked+.checkbox-mark{background:#6366f1;border-color:#6366f1}.checkbox-label input:checked+.checkbox-mark:after{transform:rotate(-45deg) scale(1)}.checkbox-label .checkbox-text{color:#374151;font-size:14px}.tags-input{display:flex;flex-direction:column;gap:12px}.tags-list{flex-wrap:wrap}.tag,.tags-list{display:flex;gap:8px}.tag{align-items:center;background:#ede9fe;border-radius:20px;color:#6366f1;font-size:13px;padding:6px 12px}.tag button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:16px;line-height:1;padding:0}.tag button:hover{color:#4f46e5}.tag-add{display:flex;gap:8px}.tag-add input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;padding:8px 12px}.tag-add button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.tag-add button:hover{background:#4f46e5}.btn-add{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .2s}.btn-add:hover{background:#059669}.btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;font-size:20px;line-height:1;padding:0}.btn-remove:hover{color:#dc2626}.btn-primary{background:#6366f1!important;color:#fff!important}.btn-primary:hover{background:#4f46e5!important}.items-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.item-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.item-header h4{color:#111827;font-size:15px;font-weight:600;margin:0}.item-card p{color:#6b7280;font-size:13px;margin:4px 0}.inline-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:20px}.inline-form input,.inline-form select,.inline-form textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 14px}.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus{border-color:#6366f1;outline:none}.form-actions{gap:12px;margin-top:8px}.form-actions button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 20px}.empty-message,.form-actions button:hover{background:#f9fafb}.empty-message{border:1px dashed #d1d5db;border-radius:8px;color:#9ca3af;font-size:14px;font-style:italic;padding:20px;text-align:center}.policies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.policies-grid .form-group{margin-bottom:0}.policies-grid textarea{min-height:100px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.faq-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.faq-header strong{color:#111827;font-size:14px}.faq-answer{color:#6b7280;font-size:14px;margin:0}.faq-category{background:#e0e7ff;border-radius:12px;color:#4338ca;display:inline-block;font-size:12px;margin-top:8px;padding:4px 10px}.contacts-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.contact-card{padding:20px;text-align:center}.contact-role{color:#6366f1!important;font-weight:500;margin-bottom:12px!important}.ai-tips{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:8px;margin-top:24px;padding:20px}.ai-tips h4{color:#92400e;font-size:15px;margin:0 0 12px}.ai-tips ul{margin:0;padding-left:20px}.ai-tips li{color:#78350f;font-size:13px;margin-bottom:6px}.concierge-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.concierge-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.concierge-modal-large{max-width:900px}.concierge-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.concierge-modal-header h2{font-size:18px;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px}.modal-close:hover{color:#111827}.concierge-modal-body{overflow-y:auto;padding:24px}.preview-json{background:#1f2937;border-radius:8px;color:#10b981;font-size:12px;overflow-x:auto;padding:20px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.concierge-header{padding:16px 20px}.concierge-header-left{align-items:flex-start;flex-direction:column;gap:12px}.concierge-tabs{padding:0 16px}.concierge-tab{padding:12px 16px}.tab-label{display:none}.tab-icon{font-size:20px}.concierge-content{margin:16px auto;padding:0 16px}.concierge-section{padding:20px}.form-row,.items-list,.policies-grid{grid-template-columns:1fr}}.suppliers-page{margin:0 auto;max-width:1400px;padding:24px}.suppliers-page .page-header{margin-bottom:24px}.suppliers-page .page-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.suppliers-page .page-header .subtitle{color:#64748b;margin:0}.suppliers-page .loading-indicator{color:#6366f1;font-size:14px;margin-left:12px}.suppliers-page .stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.suppliers-page .stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center}.suppliers-page .stat-card.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.suppliers-page .stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.suppliers-page .stat-value{color:#1e293b;font-size:32px;font-weight:700}.suppliers-page .stat-label{color:#64748b;font-size:13px;margin-top:4px}.suppliers-page .filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.suppliers-page .search-box{flex:1 1;min-width:250px}.suppliers-page .search-box input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.suppliers-page .search-box input:focus{border-color:#6366f1;outline:none}.suppliers-page .filters-section select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;min-width:180px;padding:12px 16px}.suppliers-page .btn-add{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.suppliers-page .btn-add:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.suppliers-page .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;padding:12px 16px}.suppliers-page .table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.suppliers-page .suppliers-table{border-collapse:collapse;width:100%}.suppliers-page .suppliers-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.suppliers-page .suppliers-table td{border-bottom:1px solid #f1f5f9;padding:16px;vertical-align:top}.suppliers-page .suppliers-table tr:hover{background:#f8fafc}.suppliers-page .suppliers-table tr.inactive{opacity:.6}.suppliers-page .supplier-name{color:#1e293b;font-weight:600}.suppliers-page .supplier-trade{color:#64748b;font-size:13px;margin-top:2px}.suppliers-page .supplier-code{color:#94a3b8;font-family:monospace;font-size:12px;margin-top:4px}.suppliers-page .category-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#475569;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.suppliers-page .contact-info{font-size:13px}.suppliers-page .contact-name{color:#1e293b;font-weight:500}.suppliers-page .contact-email,.suppliers-page .contact-phone{color:#64748b;margin-top:2px}.suppliers-page .terms-info{display:flex;flex-direction:column;gap:4px}.suppliers-page .payment-terms{color:#1e293b;font-weight:500}.suppliers-page .credit-limit{color:#22c55e;font-size:12px}.suppliers-page .delivery-days{color:#64748b;font-size:12px}.suppliers-page .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.suppliers-page .status-badge.activo{background:#dcfce7;color:#16a34a}.suppliers-page .status-badge.inactivo{background:#fee2e2;color:#dc2626}.suppliers-page .actions-cell{display:flex;gap:8px}.suppliers-page .btn-action{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.suppliers-page .btn-action.edit{background:#eff6ff;color:#3b82f6}.suppliers-page .btn-action.edit:hover{background:#dbeafe}.suppliers-page .btn-action.delete{background:#fef2f2;color:#ef4444}.suppliers-page .btn-action.delete:hover{background:#fee2e2}.suppliers-page .empty-state{padding:60px 20px;text-align:center}.suppliers-page .empty-state .icon{font-size:48px;margin-bottom:16px}.suppliers-page .empty-state h3{color:#1e293b;margin:0 0 8px}.suppliers-page .empty-state p{color:#64748b;margin:0 0 20px}.suppliers-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.suppliers-page .modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.suppliers-page .modal-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.suppliers-page .modal-header h3{font-size:18px;margin:0}.suppliers-page .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.suppliers-page .supplier-form{overflow-y:auto;padding:24px}.suppliers-page .form-section{margin-bottom:24px}.suppliers-page .form-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:15px;margin:0 0 16px;padding-bottom:8px}.suppliers-page .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suppliers-page .form-group{display:flex;flex-direction:column}.suppliers-page .form-group.full-width{grid-column:1/-1}.suppliers-page .form-group label{color:#475569;font-size:13px;font-weight:600;margin-bottom:6px}.suppliers-page .form-group input,.suppliers-page .form-group select,.suppliers-page .form-section textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s}.suppliers-page .form-group input:focus,.suppliers-page .form-group select:focus,.suppliers-page .form-section textarea:focus{border-color:#6366f1;outline:none}.suppliers-page .form-section textarea{resize:vertical;width:100%}.suppliers-page .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.suppliers-page .btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.suppliers-page .btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px}.suppliers-page .btn-save:hover{transform:translateY(-2px)}@media (max-width:768px){.suppliers-page{padding:16px}.suppliers-page .filters-section{flex-direction:column}.suppliers-page .filters-section select,.suppliers-page .search-box{width:100%}.suppliers-page .table-container{overflow-x:auto}.suppliers-page .suppliers-table{min-width:800px}.suppliers-page .modal{max-height:95vh}.suppliers-page .form-grid{grid-template-columns:1fr}}.supply-products-page{margin:0 auto;max-width:1400px;padding:24px}.supply-products-page .page-header{margin-bottom:24px}.supply-products-page .page-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.supply-products-page .page-header .subtitle{color:#64748b;margin:0}.supply-products-page .loading-indicator{color:#6366f1;font-size:14px;margin-left:12px}.supply-products-page .stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:24px}.supply-products-page .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.supply-products-page .stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.supply-products-page .stat-value{color:#1e293b;font-size:24px;font-weight:700}.supply-products-page .stat-label{color:#64748b;font-size:12px;margin-top:4px}.supply-products-page .filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.supply-products-page .search-box{flex:1 1;min-width:250px}.supply-products-page .search-box input{border:2px solid #e2e8f0;border-radius:10px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.supply-products-page .search-box input:focus{border-color:#6366f1;outline:none}.supply-products-page .filters-section select{min-width:180px}.supply-products-page .checkbox-filter,.supply-products-page .filters-section select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;padding:12px 16px}.supply-products-page .checkbox-filter{align-items:center;display:flex;gap:8px}.supply-products-page .checkbox-filter input{height:18px;width:18px}.supply-products-page .btn-add{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.supply-products-page .btn-add:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.supply-products-page .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;padding:12px 16px}.supply-products-page .table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.supply-products-page .products-table{border-collapse:collapse;width:100%}.supply-products-page .products-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.supply-products-page .products-table td{border-bottom:1px solid #f1f5f9;padding:16px;vertical-align:top}.supply-products-page .products-table tr:hover{background:#f8fafc}.supply-products-page .products-table tr.low-stock{background:#fffbeb}.supply-products-page .product-name{color:#1e293b;font-weight:600}.supply-products-page .product-code{color:#94a3b8;font-family:monospace;font-size:12px;margin-top:2px}.supply-products-page .product-barcode{color:#cbd5e1;font-family:monospace;font-size:11px}.supply-products-page .category-badge{align-items:center;background:#f1f5f9;border-radius:20px;color:#475569;display:inline-flex;font-size:13px;gap:6px;padding:6px 12px}.supply-products-page .stock-display{align-items:center;display:flex;gap:8px}.supply-products-page .stock-value{font-size:18px;font-weight:700}.supply-products-page .btn-stock{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;padding:4px 10px}.supply-products-page .btn-stock:hover{background:#e2e8f0}.supply-products-page .stock-limits{color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:2px}.supply-products-page .supplier-name{color:#1e293b;font-size:13px}.supply-products-page .no-supplier{color:#94a3b8;font-size:13px;font-style:italic}.supply-products-page .stock-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.supply-products-page .stock-badge.ok{background:#dcfce7;color:#16a34a}.supply-products-page .stock-badge.low{background:#fef9c3;color:#ca8a04}.supply-products-page .stock-badge.critical{background:#fed7aa;color:#ea580c}.supply-products-page .stock-badge.out{background:#fee2e2;color:#dc2626}.supply-products-page .actions-cell{display:flex;gap:8px}.supply-products-page .btn-action{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s}.supply-products-page .btn-action.edit{background:#eff6ff;color:#3b82f6}.supply-products-page .btn-action.edit:hover{background:#dbeafe}.supply-products-page .btn-action.delete{background:#fef2f2;color:#ef4444}.supply-products-page .btn-action.delete:hover{background:#fee2e2}.supply-products-page .empty-state{padding:60px 20px;text-align:center}.supply-products-page .empty-state .icon{font-size:48px;margin-bottom:16px}.supply-products-page .empty-state h3{color:#1e293b;margin:0 0 8px}.supply-products-page .empty-state p{color:#64748b;margin:0 0 20px}.supply-products-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.supply-products-page .modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.supply-products-page .stock-modal{max-width:450px}.supply-products-page .modal-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.supply-products-page .modal-header h3{font-size:18px;margin:0}.supply-products-page .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.supply-products-page .product-form{overflow-y:auto;padding:24px}.supply-products-page .form-section{margin-bottom:24px}.supply-products-page .form-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:15px;margin:0 0 16px;padding-bottom:8px}.supply-products-page .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.supply-products-page .form-group{display:flex;flex-direction:column}.supply-products-page .form-group.full-width{grid-column:1/-1}.supply-products-page .form-group.checkbox-group{align-items:center;flex-direction:row}.supply-products-page .form-group.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.supply-products-page .form-group.checkbox-group input{height:18px;width:18px}.supply-products-page .form-group label{color:#475569;font-size:13px;font-weight:600;margin-bottom:6px}.supply-products-page .form-group input,.supply-products-page .form-group select,.supply-products-page .form-section textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s}.supply-products-page .form-group input:focus,.supply-products-page .form-group select:focus,.supply-products-page .form-section textarea:focus{border-color:#6366f1;outline:none}.supply-products-page .form-section textarea{resize:vertical;width:100%}.supply-products-page .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.supply-products-page .btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.supply-products-page .btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px}.supply-products-page .btn-save:hover{transform:translateY(-2px)}.supply-products-page .stock-adjust-content{padding:24px}.supply-products-page .current-stock-display{align-items:center;background:#f8fafc;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.supply-products-page .current-stock-display .label{color:#64748b}.supply-products-page .current-stock-display .value{color:#1e293b;font-size:24px;font-weight:700}.supply-products-page .adjust-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.supply-products-page .preview-result{background:#ecfdf5;border-radius:10px;color:#065f46;margin-top:20px;padding:16px;text-align:center}.supply-products-page .preview-result strong{color:#16a34a;font-size:18px}@media (max-width:768px){.supply-products-page{padding:16px}.supply-products-page .filters-section{flex-direction:column}.supply-products-page .checkbox-filter,.supply-products-page .filters-section select,.supply-products-page .search-box{width:100%}.supply-products-page .table-container{overflow-x:auto}.supply-products-page .products-table{min-width:900px}.supply-products-page .modal{max-height:95vh}.supply-products-page .adjust-form,.supply-products-page .form-grid{grid-template-columns:1fr}}.purchase-orders-page{margin:0 auto;max-width:1400px;padding:24px}.purchase-orders-page .page-header{margin-bottom:24px}.purchase-orders-page .page-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 8px}.purchase-orders-page .page-header .subtitle{color:#64748b;margin:0}.purchase-orders-page .loading-indicator{color:#6366f1;font-size:14px;margin-left:12px}.purchase-orders-page .stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.purchase-orders-page .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center}.purchase-orders-page .stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.purchase-orders-page .stat-card.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.purchase-orders-page .stat-card.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.purchase-orders-page .stat-value{color:#1e293b;font-size:22px;font-weight:700}.purchase-orders-page .stat-label{color:#64748b;font-size:12px;margin-top:4px}.purchase-orders-page .filters-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.purchase-orders-page .filters-section select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;min-width:180px;padding:12px 16px}.purchase-orders-page .btn-add{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:12px 24px}.purchase-orders-page .btn-add:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.purchase-orders-page .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px;padding:12px 16px}.purchase-orders-page .table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.purchase-orders-page .orders-table{border-collapse:collapse;width:100%}.purchase-orders-page .orders-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;padding:14px 16px;text-align:left;text-transform:uppercase}.purchase-orders-page .orders-table td{border-bottom:1px solid #f1f5f9;padding:16px}.purchase-orders-page .orders-table tr:hover{background:#f8fafc}.purchase-orders-page .order-number{color:#6366f1;font-family:monospace;font-weight:600}.purchase-orders-page .supplier-name{color:#1e293b;font-weight:500}.purchase-orders-page .supplier-code{color:#94a3b8;font-size:12px}.purchase-orders-page .order-total{color:#1e293b;font-weight:600}.purchase-orders-page .order-items{color:#64748b;font-size:12px}.purchase-orders-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px}.purchase-orders-page .status-badge.large{font-size:14px;padding:10px 20px}.purchase-orders-page .actions-cell{display:flex;flex-wrap:wrap;gap:6px}.purchase-orders-page .btn-action{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.purchase-orders-page .btn-action.view{background:#f1f5f9;color:#475569}.purchase-orders-page .btn-action.edit{background:#eff6ff;color:#3b82f6}.purchase-orders-page .btn-action.delete{background:#fef2f2;color:#ef4444}.purchase-orders-page .btn-action.approve{background:#dcfce7;color:#16a34a}.purchase-orders-page .btn-action.send{background:#dbeafe;color:#2563eb}.purchase-orders-page .btn-action.cancel{background:#fee2e2;color:#dc2626}.purchase-orders-page .empty-state{padding:60px 20px;text-align:center}.purchase-orders-page .empty-state .icon{font-size:48px;margin-bottom:16px}.purchase-orders-page .empty-state h3{color:#1e293b;margin:0 0 8px}.purchase-orders-page .empty-state p{color:#64748b;margin:0 0 20px}.purchase-orders-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.purchase-orders-page .modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.purchase-orders-page .detail-modal{max-width:700px}.purchase-orders-page .modal-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.purchase-orders-page .modal-header h3{font-size:18px;margin:0}.purchase-orders-page .close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:32px;width:32px}.purchase-orders-page .order-form{overflow-y:auto;padding:24px}.purchase-orders-page .form-section{margin-bottom:24px}.purchase-orders-page .form-section h4{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:15px;margin:0 0 16px;padding-bottom:8px}.purchase-orders-page .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.purchase-orders-page .form-group{display:flex;flex-direction:column}.purchase-orders-page .form-group.full-width{grid-column:1/-1}.purchase-orders-page .form-group label{color:#475569;font-size:13px;font-weight:600;margin-bottom:6px}.purchase-orders-page .form-group input,.purchase-orders-page .form-group select,.purchase-orders-page .form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px}.purchase-orders-page .form-group input:focus,.purchase-orders-page .form-group select:focus,.purchase-orders-page .form-group textarea:focus{border-color:#6366f1;outline:none}.purchase-orders-page .add-item-form{background:#f8fafc;border-radius:10px;margin-bottom:16px;padding:16px}.purchase-orders-page .item-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.purchase-orders-page .product-select{border:2px solid #e2e8f0;border-radius:8px;flex:2 1;min-width:200px;padding:10px}.purchase-orders-page .or-text{color:#94a3b8;font-size:13px}.purchase-orders-page .product-name-input{border:2px solid #e2e8f0;border-radius:8px;flex:2 1;min-width:150px;padding:10px}.purchase-orders-page .price-input,.purchase-orders-page .qty-input{border:2px solid #e2e8f0;border-radius:8px;padding:10px;width:100px}.purchase-orders-page .notes-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;min-width:120px;padding:10px}.purchase-orders-page .btn-add-item{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.purchase-orders-page .items-table{border-collapse:collapse;margin-top:12px;width:100%}.purchase-orders-page .items-table th{background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;padding:10px 12px;text-align:left}.purchase-orders-page .items-table td{border-bottom:1px solid #e2e8f0;font-size:13px;padding:10px 12px}.purchase-orders-page .items-table small{color:#94a3b8;display:block}.purchase-orders-page .btn-remove{background:#fee2e2;border:none;border-radius:50%;color:#ef4444;cursor:pointer;font-size:16px;height:24px;width:24px}.purchase-orders-page .totals-section{background:#f8fafc;border-radius:12px;padding:20px}.purchase-orders-page .totals-grid{margin-left:auto;max-width:300px}.purchase-orders-page .total-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.purchase-orders-page .total-row.input-row input{border:1px solid #e2e8f0;border-radius:6px;padding:6px 10px;text-align:right;width:100px}.purchase-orders-page .total-row.grand-total{border-top:2px solid #1e293b;color:#1e293b;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.purchase-orders-page .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.purchase-orders-page .btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px}.purchase-orders-page .btn-save{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 28px}.purchase-orders-page .detail-content{overflow-y:auto;padding:24px}.purchase-orders-page .detail-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.purchase-orders-page .detail-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.purchase-orders-page .info-group label{color:#64748b;display:block;font-size:12px}.purchase-orders-page .info-group span{color:#1e293b;font-size:14px;font-weight:500}.purchase-orders-page .detail-items-table{border-collapse:collapse;margin-bottom:20px;width:100%}.purchase-orders-page .detail-items-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:12px;text-align:left}.purchase-orders-page .detail-items-table td{border-bottom:1px solid #f1f5f9;padding:12px}.purchase-orders-page .detail-items-table small{color:#94a3b8;display:block}.purchase-orders-page .detail-totals{background:#f8fafc;border-radius:10px;margin-left:auto;max-width:300px;padding:16px}.purchase-orders-page .total-line{display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.purchase-orders-page .total-line.grand{border-top:2px solid #1e293b;font-size:18px;font-weight:700;margin-top:8px;padding-top:10px}.purchase-orders-page .detail-notes{background:#fffbeb;border-radius:10px;margin-top:20px;padding:16px}.purchase-orders-page .detail-notes label{color:#92400e;font-size:12px;font-weight:600}.purchase-orders-page .detail-notes p{color:#78350f;margin:8px 0 0}.purchase-orders-page .detail-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.purchase-orders-page .btn-close{background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;font-weight:600;padding:12px 24px}.purchase-orders-page .receive-modal{max-width:900px;width:95%}.purchase-orders-page .receive-content{max-height:70vh;overflow-y:auto;padding:24px}.purchase-orders-page .receive-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:12px;margin-bottom:20px;padding:16px}.purchase-orders-page .receive-info .info-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:8px}.purchase-orders-page .receive-info .info-row:last-child{margin-bottom:0}.purchase-orders-page .receive-info .debt-notice{background:#fef3c7;border-radius:6px;color:#d97706;font-weight:600;padding:4px 12px}.purchase-orders-page .receive-form-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 2fr;margin-bottom:20px}.purchase-orders-page .receive-items-header{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.purchase-orders-page .receive-items-header .checkbox-label{align-items:center;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:8px}.purchase-orders-page .receive-items-header .items-count{color:#64748b;font-size:13px}.purchase-orders-page .receive-items-list{border:1px solid #e2e8f0;border-radius:0 0 10px 10px;overflow:hidden}.purchase-orders-page .receive-table{border-collapse:collapse;width:100%}.purchase-orders-page .receive-table th{background:#f1f5f9;border-bottom:2px solid #e2e8f0;color:#475569;font-size:12px;font-weight:600;padding:12px;text-align:left}.purchase-orders-page .receive-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:12px}.purchase-orders-page .receive-table tr:last-child td{border-bottom:none}.purchase-orders-page .receive-table tr.selected{background:#f0fdf4}.purchase-orders-page .receive-table tr:hover{background:#f8fafc}.purchase-orders-page .receive-table tr.selected:hover{background:#dcfce7}.purchase-orders-page .receive-table .col-check{text-align:center;width:40px}.purchase-orders-page .receive-table .col-check input[type=checkbox]{cursor:pointer;height:18px;width:18px}.purchase-orders-page .receive-table .col-product{min-width:180px}.purchase-orders-page .receive-table .product-info{display:flex;flex-direction:column}.purchase-orders-page .receive-table .product-name{color:#1e293b;font-weight:500}.purchase-orders-page .receive-table .product-code{color:#94a3b8;font-size:11px}.purchase-orders-page .receive-table .col-ordered,.purchase-orders-page .receive-table .col-pending,.purchase-orders-page .receive-table .col-received{text-align:center;width:100px}.purchase-orders-page .receive-table .pending-qty{background:#fef3c7;border-radius:10px;color:#92400e;font-weight:600;padding:2px 10px}.purchase-orders-page .receive-table .complete-badge{background:#dcfce7;border-radius:10px;color:#166534;font-size:11px;font-weight:600;padding:2px 10px}.purchase-orders-page .receive-table .col-receive-now{text-align:center;width:120px}.purchase-orders-page .receive-table .col-receive-now .qty-input{border:2px solid #e2e8f0;border-radius:6px;font-weight:600;padding:8px;text-align:center;width:70px}.purchase-orders-page .receive-table .col-receive-now .qty-input:focus{border-color:#6366f1;outline:none}.purchase-orders-page .receive-table .col-receive-now .qty-input:disabled{background:#f1f5f9;color:#94a3b8}.purchase-orders-page .receive-summary{background:#f8fafc;border-radius:10px;margin-top:20px;padding:16px}.purchase-orders-page .receive-summary .summary-row{display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.purchase-orders-page .receive-summary .summary-row.debt{background:#fef3c7;border-radius:0 0 10px 10px;border-top:2px solid #fcd34d;color:#b45309;font-weight:600;margin:12px -16px -16px;padding:12px 16px}.purchase-orders-page .receive-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}@media (max-width:768px){.purchase-orders-page{padding:16px}.purchase-orders-page .filters-section{flex-direction:column}.purchase-orders-page .filters-section select{width:100%}.purchase-orders-page .btn-add{margin-left:0;width:100%}.purchase-orders-page .table-container{overflow-x:auto}.purchase-orders-page .orders-table{min-width:800px}.purchase-orders-page .modal{max-height:95vh}.purchase-orders-page .detail-header{flex-direction:column;gap:16px}.purchase-orders-page .detail-info{grid-template-columns:1fr}}.accounts-payable-page{margin:0 auto;max-width:1400px;padding:24px}.accounts-payable-page .page-header{margin-bottom:24px}.accounts-payable-page .page-header h2{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 4px}.accounts-payable-page .page-header .subtitle{color:#64748b;font-size:14px;margin:0}.accounts-payable-page .stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.accounts-payable-page .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 16px;text-align:center}.accounts-payable-page .stat-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d}.accounts-payable-page .stat-card.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.accounts-payable-page .stat-card.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.accounts-payable-page .stat-value{color:#1e293b;font-size:24px;font-weight:800;line-height:1.2;white-space:nowrap}.accounts-payable-page .stat-card.warning .stat-value{color:#b45309}.accounts-payable-page .stat-card.danger .stat-value{color:#dc2626}.accounts-payable-page .stat-card.success .stat-value{color:#16a34a}.accounts-payable-page .stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.accounts-payable-page .tabs-container{background:#f1f5f9;border-radius:12px;display:flex;gap:8px;margin-bottom:20px;padding:6px;width:-webkit-fit-content;width:fit-content}.accounts-payable-page .tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.accounts-payable-page .tab:hover{color:#1e293b}.accounts-payable-page .tab.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#6366f1}.accounts-payable-page .filters-section{display:flex;gap:12px;margin-bottom:16px}.accounts-payable-page .filters-section select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;min-width:180px;padding:10px 14px}.accounts-payable-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.accounts-payable-page .accounts-table{border-collapse:collapse;width:100%}.accounts-payable-page .accounts-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-align:left;text-transform:uppercase}.accounts-payable-page .accounts-table td{border-bottom:1px solid #f1f5f9;padding:14px;vertical-align:middle}.accounts-payable-page .accounts-table tr:hover{background:#f8fafc}.accounts-payable-page .accounts-table tr.overdue-row{background:#fef2f2}.accounts-payable-page .accounts-table tr.overdue-row:hover{background:#fee2e2}.accounts-payable-page .supplier-name{color:#1e293b;font-weight:600}.accounts-payable-page .supplier-code{color:#94a3b8;font-size:11px}.accounts-payable-page .ref-number{color:#6366f1;font-family:monospace;font-size:13px;font-weight:600}.accounts-payable-page .invoice-number{color:#64748b;font-size:11px}.accounts-payable-page .amount-total{background:#f1f5f9;border-radius:6px;color:#1e293b;display:inline-block;font-family:monospace;font-size:14px;font-weight:700;padding:4px 10px}.accounts-payable-page .amount-paid{color:#16a34a;font-family:monospace;font-size:13px;font-weight:600}.accounts-payable-page .amount-balance{background:#fef2f2;border-radius:6px;color:#dc2626;display:inline-block;font-family:monospace;font-size:14px;font-weight:700;padding:4px 10px}.accounts-payable-page .due-info{display:flex;flex-direction:column;gap:4px}.accounts-payable-page .due-date{color:#1e293b;font-size:13px;font-weight:500}.accounts-payable-page .due-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.accounts-payable-page .due-badge.ok{background:#dcfce7;color:#16a34a}.accounts-payable-page .due-badge.soon{background:#fef3c7;color:#b45309}.accounts-payable-page .due-badge.overdue{background:#fee2e2;color:#dc2626}.accounts-payable-page .status-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px}.accounts-payable-page .actions-cell{display:flex;flex-wrap:wrap;gap:6px}.accounts-payable-page .action-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.accounts-payable-page .action-btn.view{background:#e0e7ff;color:#4f46e5}.accounts-payable-page .action-btn.view:hover{background:#c7d2fe}.accounts-payable-page .action-btn.pay{background:#dcfce7;color:#16a34a}.accounts-payable-page .action-btn.pay:hover{background:#bbf7d0}.accounts-payable-page .action-btn.print{background:#f1f5f9;color:#475569}.accounts-payable-page .action-btn.print:hover{background:#e2e8f0}.accounts-payable-page .loading-cell{color:#64748b;padding:40px;text-align:center}.accounts-payable-page .empty-state{padding:40px;text-align:center}.accounts-payable-page .empty-state .icon{font-size:40px;margin-bottom:8px}.accounts-payable-page .empty-state p{color:#64748b;margin:0}.accounts-payable-page .calendar-container{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;padding:20px}.accounts-payable-page .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.accounts-payable-page .calendar-header h3{color:#1e293b;font-size:18px;margin:0;text-transform:capitalize}.accounts-payable-page .nav-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;width:36px}.accounts-payable-page .nav-btn:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1}.accounts-payable-page .calendar-views{display:flex;gap:8px;margin-bottom:16px}.accounts-payable-page .calendar-views button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.accounts-payable-page .calendar-views button.active{background:#6366f1;border-color:#6366f1;color:#fff}.accounts-payable-page .calendar-views button:hover:not(.active){border-color:#6366f1;color:#6366f1}.accounts-payable-page .calendar-grid{grid-gap:1px;background:#e2e8f0;border-radius:12px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.accounts-payable-page .calendar-weekday{background:#f8fafc;color:#64748b;font-size:12px;font-weight:700;padding:10px;text-align:center;text-transform:uppercase}.accounts-payable-page .calendar-day{background:#fff;min-height:100px;padding:8px;position:relative}.accounts-payable-page .calendar-day.other-month{background:#fafafa}.accounts-payable-page .calendar-day.other-month .day-number{color:#cbd5e1}.accounts-payable-page .calendar-day.today{background:#eff6ff}.accounts-payable-page .calendar-day.today .day-number{background:#6366f1;color:#fff}.accounts-payable-page .calendar-day.overdue{background:#fef2f2}.accounts-payable-page .day-number{align-items:center;border-radius:50%;color:#475569;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;margin-bottom:4px;width:28px}.accounts-payable-page .day-accounts{display:flex;flex-direction:column;gap:4px}.accounts-payable-page .day-total{color:#dc2626;font-size:12px;font-weight:700}.accounts-payable-page .day-count{color:#64748b;font-size:10px;margin-bottom:4px}.accounts-payable-page .day-account{background:#fee2e2;border-radius:4px;cursor:pointer;display:flex;font-size:10px;gap:4px;justify-content:space-between;padding:4px 6px}.accounts-payable-page .day-account:hover{background:#fecaca}.accounts-payable-page .account-supplier{color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accounts-payable-page .account-amount{color:#dc2626;font-weight:600;white-space:nowrap}.accounts-payable-page .day-more{color:#6366f1;font-size:10px;font-weight:600;text-align:center}.accounts-payable-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.accounts-payable-page .modal{animation:slideUp .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accounts-payable-page .payment-modal{width:460px}.accounts-payable-page .detail-modal{width:600px}.accounts-payable-page .modal-header{align-items:center;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-bottom:1px solid #86efac;display:flex;justify-content:space-between;padding:16px 20px}.accounts-payable-page .modal-header.detail{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#a5b4fc}.accounts-payable-page .modal-header h3{color:#166534;font-size:18px;font-weight:700;margin:0}.accounts-payable-page .modal-header.detail h3{color:#4338ca}.accounts-payable-page .close-btn{align-items:center;background:#fffc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.accounts-payable-page .close-btn:hover{background:#fee2e2;color:#dc2626}.accounts-payable-page .modal-body{max-height:calc(90vh - 140px);overflow-y:auto;padding:20px}.accounts-payable-page .payment-summary{grid-gap:12px;background:#f8fafc;border-radius:10px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:14px}.accounts-payable-page .summary-item{text-align:center}.accounts-payable-page .summary-item label{color:#64748b;display:block;font-size:11px;margin-bottom:4px;text-transform:uppercase}.accounts-payable-page .summary-item span{color:#1e293b;font-size:14px;font-weight:600}.accounts-payable-page .summary-item .balance{color:#dc2626;font-size:16px}.accounts-payable-page .form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.accounts-payable-page .form-group{display:flex;flex-direction:column;gap:6px}.accounts-payable-page .form-group.full{grid-column:1/-1}.accounts-payable-page .form-group label{color:#475569;font-size:12px;font-weight:600;text-transform:uppercase}.accounts-payable-page .form-group input,.accounts-payable-page .form-group select{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s}.accounts-payable-page .form-group input:focus,.accounts-payable-page .form-group select:focus{border-color:#6366f1;outline:none}.accounts-payable-page .quick-btns{display:flex;gap:8px;margin-top:8px}.accounts-payable-page .quick-btns button{background:#e0e7ff;border:none;border-radius:6px;color:#4f46e5;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.accounts-payable-page .quick-btns button:hover{background:#c7d2fe}.accounts-payable-page .modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.accounts-payable-page .btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:10px 20px}.accounts-payable-page .btn-cancel:hover{background:#f1f5f9}.accounts-payable-page .btn-secondary{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:10px 20px}.accounts-payable-page .btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.accounts-payable-page .btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e4d;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.accounts-payable-page .btn-primary:hover{box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.accounts-payable-page .detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.accounts-payable-page .detail-card{background:#f8fafc;border-radius:10px;padding:16px}.accounts-payable-page .detail-card h4{color:#6366f1;font-size:12px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.accounts-payable-page .detail-card.amounts{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.accounts-payable-page .detail-item{border-bottom:1px dashed #e2e8f0;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.accounts-payable-page .detail-item:last-child{border-bottom:none}.accounts-payable-page .detail-item label{color:#64748b}.accounts-payable-page .detail-item span{color:#1e293b;font-weight:600}.accounts-payable-page .amount-item{display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.accounts-payable-page .amount-item.total span{color:#1e293b;font-weight:700}.accounts-payable-page .amount-item.paid span{color:#16a34a;font-weight:600}.accounts-payable-page .amount-item.balance{border-top:2px solid #d8b4fe;margin-top:8px;padding-top:12px}.accounts-payable-page .amount-item.balance span{color:#dc2626;font-size:18px;font-weight:700}.accounts-payable-page .payments-section{background:#f0fdfa;border-radius:10px;margin-bottom:16px;padding:16px}.accounts-payable-page .payments-section h4{color:#0f766e;font-size:13px;margin:0 0 12px}.accounts-payable-page .payments-table{border-collapse:collapse;font-size:13px;width:100%}.accounts-payable-page .payments-table th{background:#ffffffb3;color:#0d9488;font-size:11px;padding:8px;text-align:left;text-transform:uppercase}.accounts-payable-page .payments-table td{border-bottom:1px solid #5eead44d;padding:8px}.accounts-payable-page .notes-box{background:#fffbeb;border-radius:8px;color:#78350f;font-size:13px;padding:12px}@media (max-width:768px){.accounts-payable-page{padding:16px}.accounts-payable-page .stats-row{grid-template-columns:repeat(2,1fr)}.accounts-payable-page .table-container{overflow-x:auto}.accounts-payable-page .accounts-table{min-width:800px}.accounts-payable-page .modal{width:95%!important}.accounts-payable-page .detail-grid,.accounts-payable-page .form-grid,.accounts-payable-page .payment-summary{grid-template-columns:1fr}.accounts-payable-page .calendar-day{min-height:80px;padding:4px}.accounts-payable-page .day-number{font-size:12px;height:24px;width:24px}}.financial-report-page{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);min-height:100vh;padding:32px}.financial-report-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.financial-report-page .page-header h2{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}.financial-report-page .subtitle{color:#64748b;font-size:16px;font-weight:500;margin:0}.date-filter-section{align-items:center;background:#fff;border:1px solid #6366f11a;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;margin-bottom:28px;padding:20px 28px}.date-range{display:flex;flex-direction:column;gap:6px}.date-range label{color:#64748b;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.date-range input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.date-range input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.btn-apply{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f159;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 32px;transition:all .3s ease}.btn-apply:hover{box-shadow:0 6px 25px #6366f173;transform:translateY(-2px)}.tabs-container{background:#fff;border-radius:18px;box-shadow:0 4px 20px #00000014;display:inline-flex;gap:6px;margin-bottom:28px;padding:8px}.tab{background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;font-size:14px;font-weight:700;padding:14px 28px;transition:all .3s ease}.tab:hover{background:#f1f5f9;color:#475569}.tab.active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 15px #6366f159;color:#fff}.tab-content{background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 4px 30px #0000001a;padding:32px}.resumen-tab,.summary-cards,.tab-content{overflow:visible!important}.summary-cards{display:flex;gap:20px;margin-bottom:40px}.summary-cards>.summary-card{flex:1 1;min-width:0}.summary-card{align-items:center;display:flex;gap:14px;overflow:hidden}.summary-card:hover{transform:translateY(-4px)}.summary-card.income{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;box-shadow:0 4px 15px #10b98126}.summary-card.income:hover{box-shadow:0 8px 25px #10b98140}.summary-card.expense{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;box-shadow:0 4px 15px #ef444426}.summary-card.expense:hover{box-shadow:0 8px 25px #ef444440}.summary-card.balance{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;box-shadow:0 4px 15px #3b82f626}.summary-card.balance:hover{box-shadow:0 8px 25px #3b82f640}.summary-card.transactions{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #c4b5fd;box-shadow:0 4px 15px #8b5cf626}.summary-card.transactions:hover{box-shadow:0 8px 25px #8b5cf640}.card-icon{flex-shrink:0;font-size:32px}.card-content{flex:1 1;min-width:0}.card-label{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.card-value{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-value.positive{color:#059669}.card-value.negative{color:#dc2626}.quick-balance-section{border-top:1px solid #e2e8f0;margin-top:36px;padding-top:28px}.quick-balance-section h3{color:#0f172a;font-size:16px;font-weight:700;margin:0 0 16px}.balance-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.balance-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .2s ease}.balance-item:hover{border-color:#6366f1;box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.balance-method{color:#475569;font-size:12px;font-weight:700;margin-bottom:8px}.balance-amount{font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.balance-amount.positive{color:#059669}.balance-amount.negative{color:#dc2626}.balance-details{display:flex;font-size:11px;font-weight:600;gap:12px}.balance-details .detail.income{color:#10b981}.balance-details .detail.expense{color:#ef4444}.desglose-tab{grid-gap:40px;display:grid;gap:40px}.desglose-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:20px;padding:28px}.desglose-section h3,.summary-table-section h3{align-items:center;color:#0f172a;display:flex;font-size:20px;font-weight:800;gap:12px;margin:0 0 24px}.chart-container{padding:10px 0}.bar-chart{flex-direction:column}.bar-chart,.bar-row{display:flex;gap:20px}.bar-row{align-items:center}.bar-label{color:#334155;flex-shrink:0;font-size:14px;font-weight:700;width:180px}.bar-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px}.bar{align-items:center;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;height:36px;min-width:80px;padding:0 16px;transition:all .5s cubic-bezier(.4,0,.2,1)}.bar.income{background:linear-gradient(90deg,#10b981,#34d399 50%,#6ee7b7)}.bar.expense,.bar.income{color:#fff;font-size:13px;font-weight:800}.bar.expense{background:linear-gradient(90deg,#ef4444,#f87171 50%,#fca5a5)}.bar-percentage{color:#475569;flex-shrink:0;font-size:14px;font-weight:800;text-align:right;width:70px}.summary-table-section{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000d;padding:28px}.summary-table{border-collapse:initial;border-spacing:0;width:100%}.summary-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:800;letter-spacing:1px;padding:16px 20px;text-align:left;text-transform:uppercase}.summary-table th:first-child{border-radius:12px 0 0 0}.summary-table th:last-child{border-radius:0 12px 0 0}.summary-table th.right{text-align:right}.summary-table td{border-bottom:1px solid #e2e8f0;font-size:15px;font-weight:600;padding:18px 20px}.summary-table tbody tr:hover{background:#f8fafc}.summary-table td.right{font-family:SF Mono,Consolas,monospace;font-weight:700;text-align:right}.summary-table td.income{color:#059669}.summary-table td.expense{color:#dc2626}.summary-table td.positive{color:#059669}.summary-table td.negative{color:#dc2626}.summary-table tr.total-row{background:linear-gradient(135deg,#6366f1,#4f46e5)}.summary-table tr.total-row td{border:none;color:#fff!important;font-weight:800}.summary-table tr.total-row td:first-child{border-radius:0 0 0 12px}.summary-table tr.total-row td:last-child{border-radius:0 0 12px 0}.registrar-tab{margin:0 auto;max-width:700px}.movement-form{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:24px;padding:36px}.movement-form h3{color:#0f172a;font-size:24px;font-weight:800;margin:0 0 28px;text-align:center}.type-selector{display:flex;gap:20px;margin-bottom:32px}.type-btn{background:#fff;border:3px solid #e2e8f0;border-radius:18px;cursor:pointer;flex:1 1;font-size:18px;font-weight:800;padding:24px;transition:all .3s ease}.type-btn.income.active,.type-btn.income:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981;box-shadow:0 8px 25px #10b98140;color:#065f46;transform:translateY(-2px)}.type-btn.expense.active,.type-btn.expense:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;box-shadow:0 8px 25px #ef444440;color:#991b1b;transform:translateY(-2px)}.form-grid{grid-gap:24px;gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#475569;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:14px;font-size:15px;font-weight:600;padding:14px 18px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.form-actions{border-top:2px solid #e2e8f0;gap:16px;margin-top:32px;padding-top:24px}.btn-cancel{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:700;padding:14px 28px;transition:all .3s ease}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-submit{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:800;padding:14px 36px;transition:all .3s ease}.btn-submit.ingreso{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98159}.btn-submit.egreso{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444459}.btn-submit:hover{transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.movimientos-tab{display:flex;flex-direction:column;gap:24px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.filters-row select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;min-width:200px;padding:12px 18px;transition:all .3s ease}.filters-row select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;outline:none}.btn-search{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f159;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 32px;transition:all .3s ease}.btn-search:hover{box-shadow:0 6px 25px #6366f173;transform:translateY(-2px)}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow-x:auto}.movements-table{border-collapse:collapse;min-width:850px;width:100%}.movements-table td:first-child,.movements-table td:nth-child(2),.movements-table th:first-child,.movements-table th:nth-child(2){width:95px}.movements-table td:nth-child(3),.movements-table th:nth-child(3){width:110px}.movements-table td:nth-child(4),.movements-table th:nth-child(4){width:auto}.movements-table td:nth-child(5),.movements-table th:nth-child(5){width:100px}.movements-table td:nth-child(6),.movements-table th:nth-child(6){width:85px}.movements-table td:nth-child(7),.movements-table th:nth-child(7){min-width:110px;width:110px}.movements-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.movements-table th.right{padding-right:20px;text-align:right}.movements-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:14px 12px;vertical-align:middle}.movements-table td:last-child{padding-right:20px}.movements-table tbody tr{transition:all .2s ease}.movements-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.date-cell{display:flex;flex-direction:column;gap:4px}.date-cell .date{color:#0f172a;font-weight:700}.date-cell .time{color:#94a3b8;font-size:12px;font-weight:600}.type-badge{align-items:center;border-radius:30px;display:inline-flex;font-size:12px;font-weight:800;gap:8px;padding:8px 16px;white-space:nowrap}.type-badge.income{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 2px 8px #10b98133;color:#065f46}.type-badge.expense{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 8px #ef444433;color:#991b1b}.description-cell{max-width:240px}.description-cell .main{color:#0f172a;display:block;font-size:12px;font-weight:600;line-height:1.3;margin-bottom:4px;word-break:break-word}.description-cell .category{background:#eff6ff;border-radius:6px;color:#6366f1;display:inline-block;font-size:10px;font-weight:600;margin-right:4px;margin-top:2px;padding:3px 8px}.hotel-cell{color:#6366f1;font-size:13px;font-weight:700}.user-cell{color:#475569;font-size:13px;font-weight:600}.movements-table td.right{font-family:SF Mono,Consolas,monospace;padding-right:20px;text-align:right;white-space:nowrap}.movements-table td.amount{font-size:14px;font-weight:700;white-space:nowrap}.movements-table td.amount.income{color:#059669}.movements-table td.amount.expense{color:#dc2626}.empty-state,.loading-cell{color:#64748b;padding:60px!important;text-align:center}.empty-state .icon{display:block;font-size:64px;margin-bottom:16px;opacity:.7}.empty-state p{color:#94a3b8;font-size:16px;font-weight:600}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;padding-top:24px}.pagination button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#6366f1;box-shadow:0 4px 15px #6366f159;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:#64748b;font-size:14px;font-weight:700}.loading-state{color:#64748b;font-size:16px;font-weight:600;padding:60px;text-align:center}@media (max-width:1100px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.financial-report-page{padding:16px}.date-filter-section{align-items:stretch;flex-direction:column}.summary-cards{gap:12px;grid-template-columns:1fr 1fr}.summary-card{padding:16px}.card-icon{font-size:28px}.card-value{font-size:18px}.form-grid{grid-template-columns:1fr}.tabs-container{justify-content:flex-start;overflow-x:auto;width:100%}.tab{font-size:13px;padding:12px 20px;white-space:nowrap}.bar-label{font-size:12px;width:120px}.balance-grid{grid-template-columns:repeat(2,1fr)}.type-selector{flex-direction:column}}@media (max-width:480px){.balance-grid,.summary-cards{grid-template-columns:1fr}}.kpi-analytics-page{background:#f8fafc;min-height:100vh;padding:24px 32px}.kpi-analytics-page .page-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.kpi-analytics-page .header-left h2{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.kpi-analytics-page .subtitle{color:#6b7280;font-size:14px;font-weight:500;margin:4px 0 0}.header-right{gap:16px}.header-right,.year-selector{align-items:center;display:flex}.year-selector{gap:10px}.year-selector label{color:#374151;font-size:14px;font-weight:600}.year-selector select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:border-color .2s ease}.year-selector select:focus{border-color:#bd2a2e;outline:none}.btn-sync{align-items:center;background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-sync:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.btn-sync:disabled{background:#9ca3af;cursor:not-allowed}.kpi-analytics-page .tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:inline-flex;gap:4px;margin-bottom:24px;padding:6px}.kpi-analytics-page .tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.kpi-analytics-page .tab:hover{background:#f3f4f6;color:#374151}.kpi-analytics-page .tab.active{background:#bd2a2e;color:#fff}.tab-icon{font-size:16px}.kpi-analytics-page .tab-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.empty-state,.loading-state{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.kpi-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}@media (max-width:1200px){.kpi-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-summary-grid{grid-template-columns:1fr}}.kpi-summary-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.kpi-summary-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.kpi-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.kpi-icon{font-size:24px}.kpi-title{color:#6b7280;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.kpi-values{margin-bottom:12px}.kpi-actual{color:#111827;font-size:28px;font-weight:700;line-height:1.2}.kpi-target{color:#9ca3af;font-size:13px;margin-top:4px}.kpi-variance{border-radius:6px;display:inline-block;font-size:13px;font-weight:700;padding:4px 10px}.kpi-variance.positive{background:#dcfce7;color:#15803d}.kpi-variance.negative{background:#fee2e2;color:#b91c1c}.kpi-variance.neutral{background:#f3f4f6;color:#6b7280}.monthly-comparison,.monthly-history{margin-top:24px}.history-summary h3,.monthly-comparison h3,.monthly-history h3{color:#111827;font-size:18px;font-weight:700;margin:0 0 16px}.table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.history-table,.kpi-table,.preview-table{border-collapse:collapse;font-size:13px;width:100%}.history-table th,.kpi-table th,.preview-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:700;padding:12px 10px;text-align:left;white-space:nowrap}.kpi-table .sub-header th{background:#f3f4f6;border-bottom:1px solid #e5e7eb;font-size:11px;padding:8px 10px}.history-table td,.kpi-table td,.preview-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:10px}.history-table tbody tr:hover,.kpi-table tbody tr:hover{background:#f9fafb}.month-cell{color:#111827;font-weight:600}.history-table td.positive,.kpi-table td.positive{color:#15803d;font-weight:600}.history-table td.negative,.kpi-table td.negative{color:#b91c1c;font-weight:600}.performance-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.performance-badge.good{background:#dcfce7;color:#15803d}.performance-badge.warning{background:#fef3c7;color:#b45309}.performance-badge.bad{background:#fee2e2;color:#b91c1c}.export-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding-top:20px}.btn-export{background:#475569;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-export:hover{background:#334155}.upload-tab{max-width:800px}.upload-config{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.config-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.config-field{display:flex;flex-direction:column;gap:8px}.config-field label{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.config-field select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:14px;font-weight:600;min-width:180px;padding:10px 16px}.config-field select:focus{border-color:#bd2a2e;outline:none}.btn-template{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-template:hover{background:#0369a1}.upload-dropzone{margin-bottom:24px}.file-input{display:none}.dropzone-label{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;transition:all .2s ease}.dropzone-label:hover{background:#fef2f2;border-color:#bd2a2e}.dropzone-icon{font-size:48px;margin-bottom:12px}.dropzone-text{color:#6b7280;font-size:14px;text-align:center}.preview-section{margin-bottom:24px}.preview-section h3{color:#111827;font-size:16px;font-weight:700;margin:0 0 16px}.preview-note{color:#6b7280;font-size:13px;font-style:italic;margin-top:12px}.upload-actions{display:flex;gap:12px;margin-top:20px}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-upload{background:#bd2a2e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-upload:hover:not(:disabled){background:#9c2225}.btn-cancel:disabled,.btn-upload:disabled{cursor:not-allowed;opacity:.6}.upload-instructions{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px}.upload-instructions h4{color:#0369a1;font-size:15px;font-weight:700;margin:0 0 12px}.upload-instructions p{color:#0c4a6e;font-size:14px;margin:0 0 12px}.upload-instructions ul{margin:0;padding-left:20px}.upload-instructions li{color:#0c4a6e;font-size:13px;margin-bottom:6px}.upload-instructions li strong{color:#075985}.history-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.summary-stats{display:flex;gap:32px;margin-top:12px}.stat-item{flex-direction:column;gap:4px}.stat-label{color:#6b7280}.stat-value{color:#111827}@media (max-width:768px){.kpi-analytics-page{padding:16px}.kpi-analytics-page .page-header{align-items:flex-start;flex-direction:column;gap:16px}.kpi-analytics-page .tabs-container{overflow-x:auto;width:100%}.config-row{align-items:stretch;flex-direction:column}.config-field select{min-width:0;min-width:auto;width:100%}.summary-stats{gap:16px}.export-actions,.summary-stats{flex-direction:column}.btn-export{text-align:center;width:100%}}: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;--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)}.action-btn,.btn-danger,.btn-primary,.btn-secondary,.btn-success,.btn-tertiary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 24px;transition:all .3s ease}.action-btn.primary,.btn-primary{background:#bd2a2e;color:#fff}.action-btn.primary:hover,.btn-primary:hover{background:#a82428;box-shadow:0 2px 8px #bd2a2e40;transform:translateY(-1px)}.action-btn.secondary,.btn-secondary{background:#6c757d;color:#fff}.action-btn.secondary:hover,.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.action-btn.tertiary,.btn-tertiary{background:#17a2b8;color:#fff}.action-btn.tertiary:hover,.btn-tertiary:hover{background:#138496;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34;transform:translateY(-1px)}.btn-orange{background-color:#f39c12;border:none;color:#fff}.btn-orange:hover{background-color:#e67e22;transform:translateY(-1px)}.btn-primary.small,.btn-secondary.small{font-size:12px;padding:6px 12px}.room-actions .btn-primary,.room-actions .btn-secondary,.room-actions .btn-tertiary,.room-actions>button{flex:1 1;font-size:14px;height:44px;min-width:140px;padding:10px 15px;text-align:center;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{flex:1 1 auto;font-size:12px;height:36px;min-width:90px;padding:6px 10px;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}.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: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{color:#333;font-weight:600;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}.app-topbar-mode{overflow-x:hidden;position:relative;width:100vw}.main-content.topbar-mode{box-sizing:border-box;margin-left:0;margin-top:0;min-height:calc(100vh - 60px);padding:24px;transition:none;width:100%}.main-content.topbar-mode .guests-grid,.main-content.topbar-mode .reservations-grid,.main-content.topbar-mode .rooms-grid,.main-content.topbar-mode .stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.main-content.topbar-mode .kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.main-content.topbar-mode .table-container,.main-content.topbar-mode table{width:100%}.main-content.topbar-mode .container,.main-content.topbar-mode .content-wrapper,.main-content.topbar-mode .page-container{max-width:100%;width:100%}.main-content.topbar-mode .dashboard-header,.main-content.topbar-mode .guests-header,.main-content.topbar-mode .reservations-header,.main-content.topbar-mode .rooms-header{max-width:none;width:100%}@media (max-width:768px){.main-content.topbar-mode{padding:16px}.main-content.topbar-mode .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.main-content.topbar-mode{padding:12px}.main-content.topbar-mode .kpi-grid{grid-template-columns:1fr}}.dashboard-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:20px 24px}.header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.current-time{background:#374151;border-radius:8px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px;padding:8px 16px}.loading-indicator{animation:spin 1s linear infinite;color:#6b7280}.dashboard-header h2{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.date-info{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:14px;font-weight:500;padding:10px 16px;text-transform:capitalize}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.secondary-stats{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #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:#111827;font-size:16px;font-weight:600;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:#111827;display:block;font-size:20px;font-weight:700;margin-bottom:4px}.secondary-stat .label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.stat-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;gap:10px;min-height:88px;transition:all .2s ease}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#bd2a2e;box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.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:#111827;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:#6b7280;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{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0;padding:16px 20px}.dashboard-actions .action-btn{border:none;border-radius:10px;box-shadow:0 1px 2px #0000000d;flex:1 1 auto;font-size:14px;font-weight:600;max-width:220px;min-width:160px;padding:14px 20px;transition:all .2s ease}.dashboard-actions .action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.dashboard-actions .action-btn.primary{background:#bd2a2e;color:#fff}.dashboard-actions .action-btn.secondary{background:#475569;color:#fff}.dashboard-actions .action-btn.tertiary{background:#0284c7;color:#fff}@media (max-width:900px){.dashboard-actions{gap:10px;padding:14px 16px}.dashboard-actions .action-btn{font-size:13px;min-width:140px;padding:12px 16px}}@media (max-width:600px){.dashboard-actions{border-radius:12px;gap:8px;padding:12px}.dashboard-actions .action-btn{border-radius:10px;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:12px;max-width:none;min-width:0;min-width:auto;padding:12px 10px}}@media (max-width:400px){.dashboard-actions .action-btn{flex:1 1 100%;font-size:13px;padding:14px 12px}}.quick-actions-panel{grid-gap:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px;padding:20px}.quick-actions-section h4{color:#111827;font-size:16px;font-weight:600;margin-bottom:15px}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px;transition:all .2s ease}.quick-action-item:hover{background:#f3f4f6;border-color:#d1d5db}.action-info{display:flex;flex-direction:column;gap:2px}.action-info strong{color:#111827;font-size:14px;font-weight:600}.action-info span{color:#6b7280;font-size:12px}.no-actions{color:#6b7280;font-style:italic;padding:20px;text-align:center}.upcoming-arrivals{background:#f8fafc;border:1px solid #e5e7eb;border-left:4px solid #0284c7;border-radius:12px;padding:20px}.upcoming-arrivals h4{color:#0369a1;font-size:16px;font-weight:600;margin-bottom:15px}.arrivals-list{display:flex;flex-direction:column;gap:8px}.arrival-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.arrival-item strong{color:#0369a1;font-size:14px;font-weight:600}.arrival-item span{color:#4b5563;font-size:12px}.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}.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}.room-details-modal{display:flex;flex-direction:column;gap:15px}.detail-row{align-items:center;background:#f8f9fa;border-radius:6px;color:#2c3e50!important;display:flex;justify-content:space-between;padding:10px}.detail-row strong{font-weight:600}.detail-row,.detail-row *,.detail-row strong{color:#2c3e50!important}.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:#166534;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;color:#2c3e50!important;overflow:visible!important;padding:20px 24px!important;position:static!important}.guest-modal-container .modal-header h3{color:#2c3e50!important;margin:0}.guest-modal-container .modal-header:before{display:none!important}}.guest-details-modal .detail-row{align-items:center;background:#f8f9fa;border-left:3px solid var(--brand-light);border-radius:6px;color:#2c3e50!important;display:flex;justify-content:space-between;padding:12px 15px;transition:all .3s ease}.guest-details-modal .detail-row:hover{background:#e9ecef;border-left-color:var(--brand-primary)}.guest-details-modal .detail-row strong{color:var(--brand-tertiary);font-weight:600;min-width:120px;text-align:left}.guest-details-modal .detail-row,.guest-details-modal .detail-row span,.guest-details-modal .detail-row strong{color:#2c3e50!important}.guest-modal-container .modal-content{background:#fff!important;color:#2c3e50!important}.guest-modal-container .modal-content *,.guest-modal-container .modal-content div,.guest-modal-container .modal-content p,.guest-modal-container .modal-content span{color:#2c3e50!important}.guest-modal-container .modal-content strong{color:#2c3e50!important;font-weight:600}.guest-history{color:#2c3e50!important;max-height:70vh;overflow-x:hidden;overflow-y:auto;padding:10px}.guest-history h4{background:#fff;font-size:16px;margin-bottom:15px;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.guest-history *,.guest-history div,.guest-history h4,.guest-history p,.guest-history span{color:#2c3e50!important}.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: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!important;font-size:16px}.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}.history-details strong{color:#2c3e50!important;font-weight:600}.no-history{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic;margin:20px 0;padding:40px 20px;text-align:center}.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}.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}.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:1px solid #fed7d7;border-radius:6px;color:#c53030;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}.summary-actions{border-top:1px solid #0000000f;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:12px}.summary-actions .btn{border-radius:8px;flex:1 1;font-size:14px;font-weight:600;max-width:100%;padding:10px 16px;transition:all .2s ease}.summary-actions .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.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}.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,.summary-grid{grid-template-columns:1fr}.summary-grid{gap:16px;padding:2px}.summary-card{border-radius:12px;padding:16px}.summary-card .summary-header{align-items:flex-start;flex-direction:column;gap:6px}.summary-card .hk-name{font-size:15px}.summary-card .progress-label{align-self:flex-end;font-size:12px;width:100%}.summary-card .summary-chips{gap:6px;margin:8px 0}.summary-card .chip.stat{font-size:12px;padding:6px 10px}.summary-actions{margin-top:12px;padding-top:10px}.summary-actions .btn{font-size:13px;line-height:1.3;min-height:44px;min-width:100%;padding:8px 12px;white-space:normal}.last-note{margin:10px 0;padding:8px 10px}.note-text{font-size:12px}.summary-card{min-width:0;overflow:hidden;width:100%}.summary-card .summary-header{min-width:0}.summary-card .hk-name{min-width:0;word-break:break-word}.report-controls select{-webkit-appearance:menulist;appearance:menulist;font-size:16px!important;padding:12px 14px!important}.report-controls select option{background:#fff;color:#1f2937;font-size:16px;padding:12px}}.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;align-content:start;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.summary-section{margin-top:10px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:20px;padding:4px}.summary-card{background:linear-gradient(135deg,#fff,#f0fdfa);border:1px solid #0d948826;border-radius:16px;border-top:4px solid #0d9488;box-shadow:0 4px 12px #0d948814;padding:20px;position:relative;transition:all .3s ease}.summary-card:hover{border-color:#06b6d4 #0d948840 #0d948840;box-shadow:0 8px 24px #0d948826;transform:translateY(-3px)}.summary-card .summary-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.summary-card .hk-name{color:#0f766e;font-size:18px;font-weight:700}.summary-card .progress{background:#0d94881a;border-radius:999px;height:10px;margin-bottom:10px;overflow:hidden;position:relative}.summary-card .progress-bar{background:linear-gradient(90deg,#0d9488,#06b6d4);bottom:0;box-shadow:0 0 10px #0d94884d;left:0;position:absolute;top:0;transition:width .3s ease}.summary-card .progress-label{color:#0f766e;font-size:14px;font-weight:700;text-align:right}.summary-card .summary-chips{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.summary-card .chip.stat{background:#0000000f;border-radius:20px;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.summary-card .chip.stat.toclean{background:#06b6d41f;color:#0891b2}.summary-card .chip.stat.inprogress{background:#f59e0b26;color:#d97706}.summary-card .chip.stat.completed{background:#0d948826;color:#0d9488}.summary-card .chip.stat.minutes{background:#6b72801f;color:#6b7280}.summary-card .sup-title{color:#0f766e;display:block;font-size:12px;margin-bottom:4px}.summary-card .last-note{align-items:flex-start;background:#0d948814;border-radius:10px;display:flex;gap:8px;margin:12px 0;padding:10px 12px}.summary-card .last-note .note-icon{flex-shrink:0;font-size:16px}.summary-card .last-note .note-text{color:#374151;font-size:13px;font-style:italic;line-height:1.4}.summary-card .summary-actions{border-top:1px solid #0d94881a;display:flex;justify-content:flex-end;margin-top:14px;padding-top:14px}.summary-card .summary-actions .btn{background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:8px;box-shadow:0 2px 8px #0d948840;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.summary-card .summary-actions .btn:hover{box-shadow:0 4px 12px #0d948859;transform:translateY(-2px)}.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:#f0fdfa;border:1px solid #0d948833;border-radius:10px;max-height:300px;overflow-y:auto;padding:12px}.room-checkbox{align-items:center;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .3s ease}.room-checkbox:hover{background:#ccfbf1;border-color:#0d948833}.room-checkbox input[type=checkbox]:checked+.room-info .room-number{color:#0d9488}.room-info{display:flex;flex:1 1;flex-direction:column}.room-number{color:#1f2937;font-weight:600}.room-details{color:#6b7280;font-size:.85rem}.selected-summary{background:linear-gradient(135deg,#0d94881a,#06b6d41a);border:1px solid #0d948826;border-radius:10px;color:#0f766e;font-weight:600;margin-top:12px;padding:12px 16px}.assignments-section,.maintenance-section,.requests-section{padding:20px}.section-header{align-items:center;border-bottom:2px solid #0d948833;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header h3{color:#0f766e;font-weight:700;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}}.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] .tab-navigation{background:var(--surface)}[data-theme=dark] .sync-status{background:var(--surface);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:var(--text)}[data-theme=dark] .last-sync{color:var(--text-muted)}.hk-details-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#0d9488,#115e59);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:linear-gradient(135deg,#f0fdfa,#f8fafc);border-left:4px solid #0d9488;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:#0d9488;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,#0d9488,#115e59);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,#0d9488,#115e59);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: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:var(--surface);border-color:var(--border);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: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: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: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:var(--brand-tertiary);font-size:15px;font-weight:500;line-height:1.6;margin:10px 0}.auth-info strong{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: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: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: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: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: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:var(--brand-quaternary);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: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: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:var(--brand-gradient)!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: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: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: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:#0f0f23;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;min-height:100vh;overflow:auto;padding:20px;position:fixed;right:0;top:0;width:100%}.login-background{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bg-element{animation:float 8s ease-in-out infinite;color:#fff;font-size:8rem;opacity:.04;position:absolute}.bg-1{animation-delay:0s;left:10%;top:10%}.bg-2{animation-delay:1.5s;right:10%;top:20%}.bg-3{animation-delay:3s;bottom:20%;left:15%}.bg-4{animation-delay:4.5s;bottom:10%;right:15%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-card{background:#fff;border-radius:28px;box-shadow:0 0 0 1px #ffffff0d,0 25px 60px #0000004d,0 0 120px #6366f114;margin:auto;max-width:440px;padding:52px 44px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:36px;text-align:center}.clavis-logo-container{align-items:center;display:flex;flex-direction:column;margin-bottom:28px}.clavis-logo-icon{align-items:center;background:#6366f1;border-radius:18px;box-shadow:0 8px 24px #6366f159,0 2px 8px #6366f133;color:#fff;display:flex;font-size:2.4rem;font-weight:800;height:72px;justify-content:center;margin-bottom:14px;width:72px}.clavis-logo-text{color:#6366f1;font-size:2.2rem;font-weight:800;letter-spacing:-.02em}.login-header h1{color:#1a1a2e;font-size:2.5rem;font-weight:700;margin-bottom:10px}.login-header h2{color:#1a1a2e;font-size:1.6rem;font-weight:700;margin-bottom:6px}.login-header p{color:#94a3b8;font-size:.95rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:22px}.login-card .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.login-card .form-group label{color:#334155;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.login-card .form-group input,.login-card .form-group input[type=password],.login-card .form-group input[type=text]{-webkit-appearance:none;appearance:none;background-color:#fff!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;box-sizing:border-box;color:#1e293b!important;font-size:.95rem!important;padding:14px 16px!important;transition:border-color .2s ease,box-shadow .2s ease!important;width:100%}.login-card .form-group input::placeholder{color:#94a3b8!important}.login-card .form-group input:focus,.login-card .form-group input[type=password]:focus,.login-card .form-group input[type=text]:focus{background-color:#fff!important;background:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f11a!important;outline:none!important;transform:none!important}.login-card .form-group input:disabled{background-color:#f8fafc!important;background:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:active,.login-card input:-webkit-autofill:focus,.login-card input:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;border-color:#c7d2fe!important;box-shadow:inset 0 0 0 40px #fff!important;caret-color:#1e293b;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.login-card .password-input{align-items:center;display:flex;position:relative}.login-card .password-input input{flex:1 1;padding-right:50px!important}.login-card .password-toggle{align-items:center;background:none!important;border:none!important;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:6px;position:absolute;right:14px;transition:all .2s ease;width:auto!important}.login-card .password-toggle:hover{background-color:#f1f5f9!important;color:#6366f1}.login-card .password-toggle:disabled{cursor:not-allowed;opacity:.4}.login-button{align-items:center;background:#6366f1;border:none;border-radius:14px;box-shadow:0 4px 12px #6366f14d,0 1px 3px #6366f133;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:.01em;margin-top:8px;padding:16px 24px;transition:all .25s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 24px #6366f166,0 2px 6px #6366f14d;transform:translateY(-2px)}.login-button:active:not(:disabled){box-shadow:0 2px 8px #6366f14d;transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;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:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;font-weight:500;gap:8px;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:#0f0f23;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:#0f0f23;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:#6366f1;border:none;border-radius:12px;box-shadow:0 4px 15px #6366f166;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 #6366f180;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}}.form-footer{margin-top:20px;text-align:center}.forgot-password-link{color:#6366f1;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover{color:#8b5cf6;text-decoration:underline}.back-to-login{align-items:center;color:#666;display:inline-flex;font-size:.95rem;font-weight:500;gap:4px;text-decoration:none;transition:all .2s ease}.back-to-login:hover{color:#6366f1}.error-icon-large,.success-icon-large{display:block;font-size:4rem;margin-bottom:16px}.error-state,.loading-state,.success-state{padding:20px 0;text-align:center}.loading-state .spinner.large{display:block;font-size:3rem;margin-bottom:16px}.loading-state p{color:#666;font-size:1.1rem}.email-highlight{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#6366f1;font-size:1.1rem;font-weight:600;margin-top:8px}.info-message{align-items:flex-start;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;display:flex;gap:12px;margin:20px 0;padding:16px}.info-message .info-icon{flex-shrink:0;font-size:1.5rem}.info-message p{color:#4c1d95;font-size:.9rem;line-height:1.5;margin:0}.info-message p+p{margin-top:4px}.info-message.warning{background:#fef3c7;border-color:#fbbf24}.info-message.warning p{color:#92400e}.info-message.success{background:#d1fae5;border-color:#6ee7b7}.info-message.success p{color:#065f46}.back-link{display:flex;justify-content:center;text-decoration:none}.password-requirements{background:#f8fafc;border-radius:8px;margin-top:8px;padding:12px 16px}.password-requirements .requirements-title{color:#64748b;font-size:.85rem;font-weight:600;margin:0 0 8px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:#94a3b8;font-size:.85rem;padding:4px 0;transition:all .2s ease}.password-requirements li.valid{color:#10b981;font-weight:500}@media (max-width:480px){.info-message{flex-direction:column;text-align:center}.info-message .info-icon{align-self:center}}
/*# sourceMappingURL=main.5aa97761.css.map*/