.sidebar-container{height:calc(100vh - 64px);width:45px;background-color:#1e272e;position:fixed;top:64px;left:0;transition:width .3s ease-in-out;z-index:900;overflow-y:hidden}.sidebar-container:hover{width:250px}.sidebar-wrapper{height:100%;overflow-y:hidden;overflow-x:hidden;padding:1.5rem .5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.sidebar-logo-wrapper{margin-bottom:2rem;padding:0 1rem;display:flex;align-items:center;justify-content:center;height:3.5rem;transition:justify-content .3s ease-in-out}.sidebar-container:hover .sidebar-logo-wrapper{justify-content:space-between}.sidebar-logo{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%}.sidebar-logo img{height:3.5rem;width:3.5rem;margin-right:0}.sidebar-container:hover .sidebar-logo img{margin-right:.5rem}.sidebar-brand{font-weight:600;font-size:1.25rem;color:#fff;white-space:nowrap;opacity:0;transform:translate(-100%);pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.sidebar-container:hover .sidebar-brand{opacity:1;transform:translate(0);pointer-events:auto}.sidebar-items{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column}.sidebar-items-bottom{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.2)}.sidebar-plan-badge{margin-top:.75rem;padding:0;list-style:none;display:flex;justify-content:center}.plan-badge-content{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:.5rem;color:#fff;font-size:.75rem;font-weight:600;transition:all .3s ease-in-out;white-space:nowrap;box-shadow:0 2px 8px #00000026;position:relative;width:35px;height:35px}.sidebar-container:hover .plan-badge-content{width:auto;padding:.5rem .75rem}.plan-badge-initial{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;opacity:1;transition:opacity .3s ease-in-out;width:100%;height:100%;position:absolute;top:0;left:0}.plan-badge-full{display:flex;align-items:center;gap:.5rem;opacity:0;max-width:0;overflow:hidden;transition:opacity .3s ease-in-out,max-width .3s ease-in-out}.sidebar-container:hover .plan-badge-initial{opacity:0;max-width:0;overflow:hidden}.sidebar-container:hover .plan-badge-full{opacity:1;max-width:200px}.plan-badge-text{font-size:.75rem;font-weight:600;text-transform:capitalize}.sidebar-item-link{display:flex;align-items:center;text-decoration:none;color:#e5e7eb;padding:.75rem 0;border-radius:.5rem;transition:background-color .2s,color .2s;width:100%}.sidebar-item-link:hover{background-color:#5a96c7;color:#fff}.sidebar-item-link.active{background-color:#3d6b8f;color:#fff}.sidebar-item-link-content{display:flex;align-items:center;justify-content:center;width:100%;transition:justify-content .3s ease-in-out}.sidebar-container:hover .sidebar-item-link-content{justify-content:flex-start}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#e5e7eb;transition:color .2s,margin-right .3s ease-in-out;margin-right:0}.sidebar-container:hover .sidebar-icon{margin-right:1rem}.sidebar-item-link.active .sidebar-icon{color:#fff}.sidebar-link-text{font-size:1rem;font-weight:500;white-space:nowrap;opacity:0;transform:translate(-100%);pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.sidebar-container:hover .sidebar-link-text{opacity:1;transform:translate(0);pointer-events:auto}.children{flex-grow:1;margin-left:60px;transition:margin-left .3s ease-in-out;padding:1.5rem;background-color:#fffcf9;min-height:calc(100vh - 64px)}.sidebar-container:hover+.children{margin-left:250px}@media(max-width:468px){.sidebar-container,.sidebar-container:hover{width:100%;height:auto;position:static}.children,.sidebar-container:hover+.children{margin-left:0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-pulse{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-mb-xs{margin-bottom:4px}.skeleton-mb-sm{margin-bottom:8px}.skeleton-mb-md{margin-bottom:16px}.skeleton-mb-lg{margin-bottom:24px}.skeleton-item{opacity:1;pointer-events:none}.skeleton-item .dashboard-item-content{display:flex;flex-direction:column;gap:4px}.skeleton-occupation-fill{height:100%;width:60%;background-color:#d1d5db;border-radius:inherit}.skeleton-activity-card{pointer-events:none}.skeleton-activity-card .activity-list{display:flex;flex-direction:column;gap:12px}.skeleton-date-controls{display:flex;align-items:center;gap:12px!important}.kpi-card-arrivals .skeleton-pulse{background-color:#dbeafe}.kpi-card-departures .skeleton-pulse{background-color:#fce7f3}.kpi-card-occupation .skeleton-pulse{background-color:#d1fae5}.kpi-skeleton-value{display:inline-block;width:48px;height:36px;border-radius:6px}.kpi-skeleton-subtitle{display:inline-block;width:100px;height:14px;border-radius:4px;margin-top:4px}.kpi-skeleton-detail{display:inline-block;width:60px;height:13px;border-radius:4px}.activity-skeleton-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.activity-skeleton-content{display:flex;flex-direction:column;gap:6px}.activity-skeleton-name{width:140px;height:16px;border-radius:4px}.activity-skeleton-details{width:80px;height:14px;border-radius:4px}.activity-skeleton-status{width:70px;height:22px;border-radius:12px}.activity-skeleton-button{width:90px;height:36px;border-radius:8px}@media(max-width:768px){.skeleton-date-controls{flex-wrap:wrap;justify-content:center}.skeleton-item{flex-direction:column;align-items:flex-start;gap:12px}}.checkin-modal-backdrop{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-close-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;line-height:1;transition:all .2s}.checkin-modal-content{background-color:#fff;width:100%;max-width:56rem;max-height:90vh;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;position:relative;overflow:hidden}.checkin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.checkin-modal-header h2{font-size:1.5rem;font-weight:700}.checkin-modal-header p{font-size:.875rem;color:#6b7280;margin-top:.25rem}.checkin-modal-body{padding:2rem;overflow-y:auto;flex:1;max-height:calc(90vh - 200px)}.stepper{display:flex;align-items:center;margin-bottom:2.5rem}.stepper-item{display:flex;align-items:center;color:#6b7280;flex:1}.stepper-item:last-child{flex:0}.stepper-item.active{color:#111827}.step-counter{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;background-color:#e5e7eb;color:#6b7280;flex-shrink:0;transition:background-color .3s}.stepper-item.active .step-counter{background-color:#4f46e5;color:#fff}.stepper-item.completed .step-counter{background-color:#34d399;color:#fff}.step-name{margin-left:1rem;font-weight:600}.stepper-line{flex-grow:1;height:2px;background-color:#e5e7eb;margin:0 1rem}.step-content{min-height:350px}.guest-details{display:flex;flex-direction:column;gap:1.5rem}.guest-form{background-color:#f9fafb;padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb}.guest-form-title{font-weight:600;color:#1f2937;margin-bottom:1rem}.guest-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.guest-form-full-width{grid-column:span 2 / span 2}.input-field{width:100%;padding:.65rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:all .2s;box-sizing:border-box}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em}.scan-passport-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:2px dashed #d1d5db;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .2s}.scan-passport-btn:hover{background-color:#f3f4f6;border-color:#4f46e5;color:#4f46e5}.step-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.services-title{margin-top:2rem}.bed-assignment-box{background-color:#f9fafb;padding:1.25rem;border-radius:.5rem;border:1px solid #e5e7eb}.bed-assignment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bed-assignment-header h4{font-weight:600}.bed-assignment-tag{font-weight:700;color:#4f46e5}.bed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.bed-button{border:2px solid #e5e7eb;color:#4b5563;border-radius:.375rem;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:4rem;transition:all .2s;cursor:pointer;position:relative}.bed-button.available:hover{border-color:#6366f1;background-color:#eef2ff}.bed-button.selected{border-color:#4f46e5;background-color:#4f46e5;color:#fff;font-weight:600}.bed-button.occupied{border-color:#d1d5db;background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.bed-icon{font-size:1.5rem}.bed-id{font-size:.75rem;margin-top:.25rem;font-weight:600;text-align:center;word-wrap:break-word;max-width:100%}.check-icon{position:absolute;top:4px;right:4px;font-size:1rem;font-weight:700;color:#fff}.services-list{display:flex;flex-wrap:wrap;gap:.75rem}.service-tag{cursor:pointer;padding:.5rem 1rem;border-radius:9999px;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-weight:500;transition:all .2s}.service-tag.selected{background-color:#eef2ff;border-color:#6366f1;color:#3730a3}.payment-summary{background-color:#f9fafb;padding:1.5rem;border-radius:.5rem;border:1px solid #e5e7eb}.payment-summary h3{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:1rem}.payment-line-item{display:flex;justify-content:space-between;color:#4b5563;padding:.5rem 0}.payment-line-item.subtotal{border-top:1px solid #e5e7eb;padding-top:.75rem}.payment-line-item.total{font-weight:700;font-size:1.5rem;color:#111827;border-top:1px solid #e5e7eb;padding-top:.75rem}.checkin-modal-footer{padding:1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:flex;justify-content:space-between}.back-btn,.next-btn,.pay-later-btn,.mark-paid-btn{font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.back-btn,.pay-later-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}.back-btn:hover,.pay-later-btn:hover{background-color:#f3f4f6}.next-btn{margin-left:auto;background-color:#4f46e5;color:#fff}.next-btn:hover{background-color:#4338ca}.payment-btns{margin-left:auto;display:flex;gap:1rem}.mark-paid-btn{background-color:#16a34a;color:#fff}.mark-paid-btn:hover{background-color:#15803d}.checkout-modal-backdrop{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.checkout-modal-content{background-color:#fff;width:100%;max-width:32rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;position:relative}.checkout-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.checkout-modal-header h2{font-size:1.25rem;font-weight:700}.checkout-modal-header p{font-size:.875rem;color:#6b7280;margin-top:.25rem}.checkout-modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.checkout-modal-body h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.billing-summary-box{background-color:#f9fafb;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.875rem;display:flex;flex-direction:column;gap:.75rem}.billing-line-item{display:flex;justify-content:space-between;color:#4b5563}.billing-line-item.subtotal{border-top:1px solid #e5e7eb;padding-top:.75rem;font-weight:500}.billing-line-item.paid{color:#16a34a;font-weight:600}.extra-charge-summary-item{color:#f59e0b!important;background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:8px 12px;border-radius:8px;margin:4px -8px;border:1px solid #fde68a}.extra-charge-summary-name{display:flex;align-items:center;gap:8px;font-weight:500}.extra-charge-dot{width:6px;height:6px;background-color:#f59e0b;border-radius:50%;flex-shrink:0}.extra-charge-summary-price{font-weight:600}.extra-charge-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.extra-charge-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.extra-charge-icon{width:36px;height:36px;background:linear-gradient(135deg,#ff903a,#e67a2a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ff903a4d}.extra-charge-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.extra-charge-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;padding:20px;box-shadow:0 2px 8px #f59e0b1a}.extra-charge-form{display:flex;flex-direction:column;gap:16px}.extra-charge-input-group{display:flex;flex-direction:column;gap:6px}.extra-charge-label{font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.label-icon{color:#d97706;display:flex;align-items:center}.extra-charge-input{width:100%;padding:12px 16px;border:2px solid #fde68a;border-radius:10px;font-size:.9375rem;color:#1f2937;background-color:#fff;transition:all .2s ease;box-sizing:border-box}.extra-charge-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.extra-charge-input::-moz-placeholder{color:#9ca3af}.extra-charge-input::placeholder{color:#9ca3af}.extra-charge-row{display:flex;gap:12px;align-items:flex-end}.price-group{flex:1}.extra-charge-price-wrapper{position:relative;display:flex;align-items:center;width:100%}.price-input-container{display:flex;align-items:center;width:100%;position:relative}.price-adjust-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;color:#92400e;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:absolute;z-index:2}.price-adjust-btn.minus{left:8px}.price-adjust-btn.plus{right:8px}.price-adjust-btn:hover{background:#ff903a;color:#fff}.price-adjust-btn:active{transform:scale(.9)}.price-field-wrapper{position:relative;flex:1;display:flex;align-items:center;width:100%}.price-field-wrapper .extra-charge-input.price-input{width:100%;padding-left:48px!important;padding-right:48px!important;text-align:center;border-radius:10px!important;border:2px solid #fde68a!important}.currency-symbol{position:absolute;left:48px;color:#92400e;font-weight:600;font-size:.9375rem;z-index:1}.price-input{text-align:center}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.extra-charge-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ff903a,#e67a2a);color:#fff;font-weight:600;font-size:.9375rem;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ff903a4d;white-space:nowrap;height:46px}.extra-charge-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#e67a2a,#d16a1a);transform:translateY(-2px);box-shadow:0 6px 16px #ff903a66}.extra-charge-add-btn:active:not(:disabled){transform:translateY(0)}.extra-charge-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.extra-charges-list{margin-top:20px;padding-top:20px;border-top:1px dashed #fde68a}.extra-charges-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:.75rem;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.05em}.charges-count{background:#ff903a;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.extra-charge-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:10px;margin-bottom:8px;border:1px solid #fde68a;transition:all .2s ease}.extra-charge-item:hover{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b26}.extra-charge-item:last-child{margin-bottom:0}.extra-charge-item-info{display:flex;align-items:center;gap:16px;flex:1}.extra-charge-item-name{font-weight:500;color:#1f2937;font-size:.9375rem}.extra-charge-item-price{font-weight:700;color:#d97706;font-size:.9375rem}.extra-charge-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:12px}.extra-charge-remove-btn:hover{background:#fecaca;border-color:#f87171;transform:scale(1.05)}.extra-charge-remove-btn:active{transform:scale(.95)}@media(max-width:480px){.extra-charge-row{flex-direction:column}.extra-charge-add-btn{width:100%}.extra-charge-item-info{flex-direction:column;align-items:flex-start;gap:4px}}.add-service-section{margin-top:1.5rem}.total-due-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.total-due-section span:first-child{font-size:1.25rem;font-weight:700}.total-due-amount{font-size:1.875rem;font-weight:700}.total-due-amount.paid{color:#16a34a}.total-due-amount.due{color:#4f46e5}.checkout-modal-footer{padding:1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:flex;justify-content:flex-end;gap:1rem}.cancel-btn,.confirm-btn{font-weight:600;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.cancel-btn{background-color:#fff;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background-color:#f3f4f6}.confirm-btn{background-color:#16a34a;color:#fff}.confirm-btn:hover{background-color:#15803d}.header-container{background-color:#1e272e;background-image:linear-gradient(50deg,#1e272e 20% 10%);display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;box-sizing:border-box;box-shadow:0 3px 4px #0000005d;position:fixed;top:0;left:0;width:100vw;width:100%;z-index:1000}.titol-soft{font-size:1.5rem;font-weight:700;color:#fff;margin-left:.5rem}.header-logo-section{display:flex;align-items:center}.header-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#4da4ff;color:#fff!important;border-radius:.3rem!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1);transition:all .3s ease-in-out;border:none!important;cursor:pointer;font-size:.875rem;font-weight:600}.header-button:hover{background:#3d8fd9;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.header-logo-img{height:2rem}.header-buttons-section{display:flex;align-items:center;gap:12px}.header-logout-button{background:none!important;border:none;padding:0;position:relative;cursor:pointer;transition:transform .1s ease;color:#fff}.header-logout-button svg{width:30px;height:30px}.header-logout-button:hover{background:none!important;transform:translateY(-1px);opacity:.8}.header-logout-button:active{transform:translateY(0)}body{font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-overlay{position:fixed;inset:0;background-color:#11182780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:99999}.modal-content{background-color:#fff;width:100%;max-width:42rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease;transform:scale(1);max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.5rem;font-weight:700;color:#111827}.modal-close-button{color:#9ca3af;cursor:pointer;background:none;border:none;padding:0;transition:color .2s}.modal-close-button:hover{color:#4b5563}.modal-body{padding:1.5rem;max-height:70vh;overflow-y:auto}.form-section-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media(min-width:768px){.form-section-grid{grid-template-columns:repeat(2,1fr)}.grid-span-2{grid-column:span 2 / span 2}}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.input-field{width:100%;padding:.65rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-field:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533}.input-field-readonly{background-color:#f3f4f6;color:#6b7280}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em}.toggle-container{display:flex;align-items:center;justify-content:space-between;background-color:#f9fafb;padding:.75rem;border-radius:.5rem}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(22px)}.payment-section{padding-top:1.5rem;border-top:1px solid #e5e7eb}.section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.input-with-icon{position:relative}.input-icon{position:absolute;top:0;left:0;padding-left:.75rem;height:100%;display:flex;align-items:center;color:#6b7280}.input-field-with-icon{padding-left:1.75rem}.payment-status-label{margin-bottom:.5rem}.payment-status-options{display:flex;flex-direction:column;gap:.5rem}.radio-option{display:flex;align-items:center;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;transition:background-color .15s,border-color .15s}.radio-option:hover{background-color:#f9fafb}.radio-option input[type=radio]{height:1rem;width:1rem;color:#4f46e5;border-color:#d1d5db;margin-right:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;border:2px solid #d1d5db;outline:none;transition:border .2s}.radio-option input[type=radio]:checked{border:5px solid #4f46e5}.radio-text{font-size:.875rem;color:#374151}.modal-footer{padding:1.5rem;background-color:#f9fafb;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:flex;justify-content:flex-end;gap:1rem}.button{font-weight:600;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s,border-color .2s;cursor:pointer}.button-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151}.button-cancel:hover{background-color:#f3f4f6}.button-primary{background-color:#4f46e5;color:#fff;border:1px solid #4f46e5}.button-primary:hover{background-color:#4338ca}.hidden{display:none!important}.logout-button-content{display:flex;align-items:center;gap:.5rem;justify-content:center;position:relative}.user-menu-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:150px;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:40;margin-top:8px;overflow:hidden}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem;color:#374151;transition:background-color .15s,color .15s}.dropdown-item:hover{background-color:#f3f4f6;color:#111827}.dropdown-logout-item{color:#dc2626;font-weight:500}.dropdown-logout-item:hover{background-color:#fee2e2;color:#b91c1c}.notifications-menu-container{position:relative}.notification-badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:2px solid #252D3B}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:320px;max-width:400px;max-height:500px;overflow:hidden;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notifications-header{padding:16px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.notifications-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.notifications-content{max-height:400px;overflow-y:auto}.notification-empty{padding:40px 20px;text-align:center}.notification-empty p{color:#6b7280;font-size:14px;margin:0}.notification-section{padding:12px 0;border-bottom:1px solid #f3f4f6}.notification-section:last-child{border-bottom:none}.notification-section-title{margin:0 0 8px;padding:0 16px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.notification-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;transition:background-color .2s ease}.notification-item.clickable{cursor:pointer}.notification-item.clickable:hover{background-color:#f3f4f6}.notification-item.clickable:active{background-color:#e5e7eb}.notification-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fef3c7;border-radius:8px;flex-shrink:0}.notification-details{flex:1;min-width:0}.notification-guest{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-info{margin:0;font-size:12px;color:#6b7280}.success-banner{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:2147483100;max-width:400px;width:calc(100% - 48px);background:#10b981;border-radius:10px;box-shadow:0 10px 25px #10b9814d,0 4px 10px #0000001a;overflow:hidden;animation:bannerSlideDown .4s cubic-bezier(.34,1.56,.64,1) forwards}.success-banner-exit{animation:bannerSlideUp .4s cubic-bezier(.4,0,.2,1) forwards}.success-banner-content{display:flex;align-items:center;gap:12px;padding:14px 16px;color:#fff}.success-banner-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff3;border-radius:50%;font-size:16px;font-weight:700;flex-shrink:0}.success-banner-message{flex:1;font-size:14px;font-weight:600;line-height:1.4}.success-banner-close{background:none;border:none;color:#fffc;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1}.success-banner-close:hover{background:#ffffff26;color:#fff}.success-banner-progress{height:4px;background:#ffffff4d;width:100%;animation:progressShrink 3s linear forwards}@keyframes bannerSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-100px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes bannerSlideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100px)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}.logout-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.logout-spinner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:#fff;padding:3rem 4rem;border-radius:12px;box-shadow:0 10px 40px #0000004d}.logout-spinner p{font-size:1.125rem;font-weight:500;color:#1e272e;margin:0}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#4da4ff;border-radius:50%;animation:spin .8s linear infinite}#add-reservation-modal .modal-content,.modal-overlay .modal-content{width:100%;max-width:1400px!important;box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:18px;padding:2rem 2.25rem 1.5rem;max-height:calc(100vh - 80px);overflow-y:auto;z-index:2147483001!important;overflow-x:hidden;box-shadow:0 22px 45px #0f172a4d,0 0 0 1px #94a3b840;transform-origin:center center;will-change:transform,opacity}.modal-content-animated{will-change:transform,opacity}.modal-content-closing{pointer-events:none}.modal-overlay-closing{animation:fadeOutOverlay .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeOutOverlay{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.reservation-main-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem}.form-section-grid{max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.left-column,.right-column{background:#f9fafb;border-radius:14px;padding:1.25rem 1.35rem 1.15rem;border:1px solid rgba(209,213,219,.9);box-shadow:0 8px 18px #0f172a0f}#add-reservation-modal .section-title,.modal-overlay .modal-content .section-title{margin:0 0 .75rem;font-size:.75rem!important;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#3b82f6}.rooms-assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.room-assignment-item{display:flex;flex-direction:column;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a;position:relative;gap:10px}.room-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}.room-assignment-item .room-label{font-size:.9rem;font-weight:600;color:#111827;text-align:left;line-height:1.3;flex:1;min-width:0;margin:0}.room-beds-indicator{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;padding:4px 8px;box-shadow:0 2px 4px #3b82f64d;font-size:.7rem;line-height:1;flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3b82f6;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#add-reservation-modal .modal-content,.modal-overlay .modal-content{position:relative}.modal-close-btn{position:absolute;top:1rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;line-height:1;transition:all .2s;z-index:50}.modal-close-btn:hover{color:#ef4444;transform:rotate(90deg)}.modal-header .modal-close-button{display:none}:root{--color-bg: #FFFCF9;--color-text: #2D3436;--color-text-light: #5C6370;--color-primary: #4da4ff;--color-progress: #487EB0;--color-primary-hover: #3a8fe0;--color-success: #20BF6B;--color-danger: #FF7675;--color-secondary: #487EB0;--color-white: #FFFFFF;--color-border: #E5E7EB;--color-input-bg: #FFFFFF;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-family: "Inter", system-ui, -apple-system, sans-serif}html,body,#root{height:100%;margin:0;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text)}.hw-main-container{display:flex;flex-direction:column;min-height:calc(100vh - 64px);width:100%;background-color:var(--color-bg)}.hw-max-width-container{width:min(100%,56rem);margin:0 auto}.hw-top-bar{width:100%;padding:2rem 1.5rem 1rem;box-sizing:border-box}.hw-step-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-progress)}.hw-step-count{font-size:.875rem;font-weight:600;color:var(--color-progress)}.hw-progress-track{height:.5rem;width:100%;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.hw-progress-fill{height:100%;background-color:#4da4ff;border-radius:9999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.hw-content-body{flex:1;width:100%;padding:1rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.hw-full-height-center{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.hw-step-container{width:100%;max-width:60rem;margin:0 auto;padding:0 1rem 3rem}.hw-header-center{margin-bottom:2rem;text-align:center}.hw-header-left{margin-bottom:1.5rem;text-align:left}.hw-icon-circle{width:4rem;height:4rem;margin:0 auto 1rem;background-color:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.hw-title{font-size:1.875rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem}.hw-subtitle{color:var(--color-text-light);margin:0}.hw-form-max-w{max-width:28rem;margin:0 auto}.hw-space-y>*+*{margin-top:1.5rem}.hw-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.hw-input,.hw-select{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #D1D5DB;font-size:1.125rem;transition:all .2s;box-sizing:border-box}.hw-input:focus,.hw-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4da4ff33}.hw-grid-layout{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.hw-grid-layout{grid-template-columns:5fr 7fr}}.hw-card-panel{background-color:var(--color-white);padding:1.5rem;border-radius:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);height:-moz-fit-content;height:fit-content}.hw-card-title{font-weight:600;color:var(--color-text);margin:0 0 1rem}.hw-toggle-group{display:flex;gap:.5rem;margin-bottom:1rem}.hw-toggle-btn{flex:1;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-text-light);cursor:pointer;transition:all .2s}.hw-toggle-btn:hover{background-color:#f9fafb}.hw-toggle-btn.active-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hw-toggle-btn.active-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.hw-space-y-small>*+*{margin-top:1rem}.hw-label-mini{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6b7280;display:block}.hw-input-small{width:100%;margin-top:.25rem;padding:.5rem .75rem;border:1px solid #D1D5DB;border-radius:.375rem;box-sizing:border-box}.hw-btn-dark{width:100%;padding:.5rem;background-color:var(--color-text);color:#fff;border-radius:.375rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s}.hw-btn-dark:hover{background-color:#000}.hw-btn-dark:disabled{opacity:.5;cursor:not-allowed}.hw-list-panel{display:flex;flex-direction:column;gap:.75rem}.hw-list-item{background-color:var(--color-white);padding:1rem;border-radius:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.hw-flex-center-gap{display:flex;align-items:center;gap:.5rem}.hw-dot{width:.5rem;height:.5rem;border-radius:50%}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.hw-item-title{font-weight:600;color:var(--color-text);margin:0}.hw-item-subtitle{font-size:.875rem;color:var(--color-text-light);margin:.25rem 0 0 1rem}.hw-item-controls{display:flex;align-items:center;gap:1rem}.hw-qty-control{display:flex;align-items:center;gap:.5rem;background-color:#f9fafb;padding:.25rem .5rem;border-radius:.5rem}.hw-label-qty{font-size:.75rem;font-weight:700;color:#6b7280}.hw-input-qty{width:3rem;background:transparent;border:none;text-align:center;font-weight:700}.hw-btn-icon-danger{background:none;border:none;color:#d1d5db;cursor:pointer;transition:color .2s}.hw-btn-icon-danger:hover{color:var(--color-danger)}.hw-empty-state{text-align:center;padding:2.5rem;border:2px dashed #E5E7EB;border-radius:.75rem;color:#9ca3af}.hw-grid-2-col{display:grid;grid-template-columns:1fr;gap:1rem;max-width:48rem;margin:0 auto}@media(min-width:768px){.hw-grid-2-col{grid-template-columns:repeat(2,1fr)}}.hw-scrollable-area{max-height:500px;overflow-y:auto;padding-right:.5rem}.hw-card-input-row{background-color:var(--color-white);padding:1rem;border-radius:.5rem;border:1px solid var(--color-border);display:flex;align-items:center;gap:.75rem}.hw-icon-box{padding:.5rem;border-radius:.5rem}.bg-blue-light{background-color:#eff6ff}.bg-green-light{background-color:#f0fdf4}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.hw-flex-1{flex:1}.hw-label-tiny{font-size:.75rem;color:#9ca3af;display:block;margin-bottom:.25rem}.hw-input-transparent{width:100%;font-weight:500;color:var(--color-text);border:none;border-bottom:1px solid transparent;background:transparent}.hw-input-transparent:focus{outline:none;border-bottom-color:var(--color-primary)}.hw-list-simple{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.hw-list-item-simple{background-color:var(--color-white);padding:1rem;border-radius:.5rem;border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.hw-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.badge-primary{background-color:#eff6ff;color:var(--color-primary)}.badge-success{background-color:#f0fdf4;color:var(--color-success)}.hw-text-gray-small{font-size:.875rem;color:#6b7280}.hw-counter-control{display:flex;align-items:center;border:1px solid #E5E7EB;border-radius:.375rem;overflow:hidden}.hw-counter-control button{padding:.25rem .75rem;background:#fff;border:none;cursor:pointer}.hw-counter-control button:hover{background-color:#f3f4f6}.hw-counter-control span{padding:0 .75rem;font-weight:600;min-width:1.5rem;text-align:center}.hw-grid-3-col{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.hw-grid-3-col{grid-template-columns:repeat(3,1fr)}}.hw-card-selectable{cursor:pointer;padding:1rem;border-radius:.75rem;border:2px solid var(--color-border);background-color:var(--color-white);transition:all .2s;position:relative;overflow:hidden}.hw-card-selectable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.hw-card-selectable.selected{border-color:var(--color-success);background-color:#f0fdf4;color:var(--color-success)}.hw-card-selectable.selected .hw-font-semibold,.hw-card-selectable.selected .text-dark{color:var(--color-success)}.hw-flex-between{display:flex;justify-content:space-between;align-items:flex-start}.hw-font-semibold{font-weight:600}.text-dark{color:var(--color-text)}.text-tiny-gray{font-size:.75rem;color:#9ca3af;margin:0}.hw-mt-small{margin-top:.5rem}.hw-label-price{font-size:.75rem;font-weight:700;color:var(--color-success);text-transform:uppercase}.hw-input-icon-wrapper{position:relative;margin-top:.25rem}.hw-currency-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:#15803d;font-size:.875rem}.hw-input-price{width:100%;padding:.25rem .5rem .25rem 1.5rem;background-color:var(--color-white);border:1px solid #BBF7D0;border-radius:.25rem;font-size:.875rem;box-sizing:border-box}.hw-card-dashed{border:2px dashed #D1D5DB;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;cursor:pointer;min-height:100px;transition:all .2s}.hw-card-dashed:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#eff6ff}.hw-summary-card{background-color:var(--color-white);border-radius:1rem;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--color-border);max-width:42rem;margin:0 auto}.hw-summary-header{background-color:#4da4ff;padding:1.5rem;color:#fff;text-align:center}.hw-summary-header h2{margin:0 0 .25rem;font-size:1.5rem}.hw-summary-header p{margin:0;opacity:.8}.hw-summary-body{padding:2rem}.hw-summary-row-border{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #E5E7EB}.hw-label-tiny-upper{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin:0}.hw-text-large{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:.25rem 0 0}.hw-text-primary-bold{color:var(--color-primary);font-weight:700;margin:.25rem 0 0}.hw-mt-medium{margin-top:1.5rem}.hw-mb-small{margin-bottom:.75rem}.hw-summary-box{background-color:#f9fafb;border-radius:.75rem;padding:1rem}.hw-badge-qty{background-color:#fff;border:1px solid #E5E7EB;padding:.125rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;color:#4b5563}.hw-text-medium{font-weight:500;color:var(--color-text)}.hw-text-bold{font-weight:700;color:var(--color-text)}.hw-py-tiny{padding-top:.5rem;padding-bottom:.5rem}.hw-flex-wrap-gap{display:flex;flex-wrap:wrap;gap:.5rem}.hw-badge-service{padding:.25rem .75rem;background-color:#20bf6b1a;color:var(--color-success);border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid rgba(32,191,107,.2)}.hw-footer{width:100%;background-color:var(--color-white);border-top:1px solid #F3F4F6;padding:1.5rem;box-shadow:0 -4px 6px -1px #0000000d;box-sizing:border-box}.hw-flex-between{display:flex;justify-content:space-between;align-items:center}.hw-btn-back{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;font-weight:500;color:var(--color-text);cursor:pointer;border-radius:.5rem;transition:background-color .2s}.hw-btn-back:hover{background-color:#f3f4f6}.hw-btn-back.disabled{color:#d1d5db;cursor:not-allowed}.hw-btn-next{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background-color:#4da4ff;color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 14px #4da4ff63;transition:transform .1s,box-shadow .2s}.hw-btn-next:hover{background-color:#3c90e6;box-shadow:0 6px 20px #3c90e63b}.hw-btn-next:active{transform:scale(.97)}.hw-btn-complete{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background-color:var(--color-success);color:#fff;font-weight:700;border:none;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 14px #20bf6b63;transition:transform .1s}.hw-btn-complete:hover{opacity:.9}.hw-btn-complete:active{transform:scale(.97)}.hw-loading-state{text-align:center;color:#9ca3af}.hw-spinner{color:var(--color-primary);margin-bottom:1rem;animation:spin 1s linear infinite}.animate-fade-in-up{animation:fadeInUp .4s ease-out forwards}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hw-scrollable-area::-webkit-scrollbar{width:6px}.hw-scrollable-area::-webkit-scrollbar-track{background:transparent}.hw-scrollable-area::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:20px}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234DA4FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background-color:#11182780;display:flex;justify-content:center;align-items:center;z-index:50;animation:fadeIn .2s ease-out;padding:1rem}.modal-content{background-color:#fff;border-radius:1rem;width:100%;max-width:32rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .25s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.modal-body{padding:1.5rem}.modal-body .form-label{margin-top:1rem}.modal-body .form-label:first-child{margin-top:0}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.cancel-button{padding:.625rem 1.25rem;background-color:#f3f4f6;color:#374151;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#e5e7eb}.save-modal-button{padding:.625rem 1.25rem;background-color:#4da4ff;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #4da4ff40}.save-modal-button:hover{background-color:#3d8fd9;box-shadow:0 6px 16px #4da4ff59}.delete-modal .modal-content{max-width:28rem;text-align:center}.delete-modal-icon{width:48px;height:48px;background-color:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.delete-modal-icon svg{width:24px;height:24px;color:#dc2626}.delete-modal-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 .5rem}.delete-modal-message{font-size:.9375rem;color:#6b7280;margin:0}.delete-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:center}.delete-confirm-btn{padding:.625rem 1.5rem;background-color:#dc2626;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.delete-confirm-btn:hover{background-color:#b91c1c}.room-type-selector{display:flex;gap:.75rem;margin-top:.5rem}.room-type-button{flex:1;padding:.75rem 1.5rem;border:2px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#6b7280;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;outline:none}.room-type-button:hover{border-color:#d1d5db;background-color:#f9fafb}.room-type-button.selected{border-color:#3b82f6;background-color:#eff6ff;color:#3b82f6;font-weight:600}.room-type-button:active{transform:scale(.98)}@media(max-width:768px){.modal-content{max-width:95%}.room-type-selector{flex-direction:column}}body{font-family:Inter,sans-serif;margin:0;padding:0;overflow-y:auto}.page-container{display:flex;width:100%;background-color:#fffcf9;min-height:calc(100vh - 64px)}.main-content{flex:1;background-color:#fffcf9;padding:2rem}.page-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;text-align:left}.page-header-info{max-width:32rem;text-align:left}.tab-selector-card{background-color:#fff;border-radius:1.5rem;padding:.75rem 1rem;box-shadow:0 25px 60px #11182714;border:1px solid rgba(17,24,39,.08);align-self:flex-start}@media(min-width:1024px){.page-header{flex-direction:row;align-items:flex-start;justify-content:flex-start}.page-header-info{text-align:left}}.title{font-size:1.875rem;font-weight:700;color:#1f2937}.subtitle{color:#6b7280;margin-top:.25rem}.profile-card{border-radius:1rem;border:1px solid rgba(45,52,54,.08);box-shadow:0 12px 40px #1118270d;background-color:#fff;max-width:640px;margin:0 auto;padding:2rem}.settings-layout{width:100%;display:block;margin-top:2rem;background-color:transparent}.settings-nav{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.tab-button{padding:.65rem 1.25rem;border-radius:.75rem;font-weight:600;text-align:center;transition:all .2s ease;color:#1f2937;background-color:transparent;border:2px solid transparent;cursor:pointer}.tab-button:hover{background-color:#4da4ff26;color:#0f172a}.tab-button.active{background-color:#4da4ff4d;color:#0f172a;border-color:#4da4ff}.settings-content{width:100%;background-color:transparent}.tab-content{display:none;background-color:transparent}.tab-content.active{display:block;background-color:transparent}.form-label{display:block;font-size:.875rem;font-weight:600;color:#2d3436;margin-bottom:.5rem;letter-spacing:-.01em}.input-field{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:.75rem;transition:all .2s ease;font-size:.9375rem;color:#2d3436;background:#fff}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234DA4FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em;cursor:pointer}.toast{position:fixed;top:20px;right:20px;background-color:#48bb78;color:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;opacity:1;animation:fadeout 3s forwards;display:flex;align-items:center}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}.toast p{margin:0}.rooms-list{display:flex;flex-direction:column;gap:.75rem}.room-item{display:flex;align-items:center;justify-content:space-between;background-color:#f9fafb;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb}.room-actions{display:flex;align-items:center;gap:1rem}.room-actions button{background:none;border:none;cursor:pointer;font-weight:500;transition:color .2s}.room-actions .edit-button{color:#4f46e5;font-weight:700}.room-actions .edit-button:hover{text-decoration:underline}.room-actions .delete-button{color:#6b7280;font-weight:700}.room-actions .delete-button:hover{color:#dc2626}.add-room-button{width:100%;background-color:#eef2ff;color:#0c4a6e;font-weight:600;padding:.625rem 1rem;border-radius:.5rem;border:1px solid #dbeafe;cursor:pointer;transition:background-color .2s;margin-top:1.5rem}.add-room-button:hover{background-color:#dbeafe}.form-actions-rooms{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.save-changes-button-rooms{background-color:#4f46e5;color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.save-changes-button-rooms:hover{background-color:#4338ca}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2d343666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:40;overflow-y:auto;padding:1rem 0;animation:fadeIn .2s ease-out}.modal-content{background-color:#fff;width:95%;max-width:42rem;border-radius:1.25rem;box-shadow:0 20px 60px #4da4ff26,0 0 0 1px #4da4ff1a;padding:0!important;margin:auto;animation:slideUp .3s ease-out;overflow:hidden}@media(max-width:768px){.modal-backdrop{align-items:flex-start!important;justify-content:center!important}.modal-content{width:98%!important;max-width:100%!important;max-height:none!important;border-radius:.5rem!important;margin-top:0!important;margin-bottom:1rem!important}.modal-header,.modal-body,.modal-footer{padding:1rem!important}.form-row-grid{grid-template-columns:1fr!important}.beds-management-section{margin-left:-1rem!important;margin-right:-1rem!important;padding:1rem!important;width:calc(100% + 2rem)!important}}@media(min-width:769px)and (max-width:1024px){.modal-content{width:90%;max-width:40rem}}@media(min-width:1025px){.modal-content{width:85%;max-width:48rem}}@media(max-width:1024px){.room-item{flex-direction:column;gap:1rem;align-items:stretch;min-height:auto}.room-item-content{width:100%}.room-item-header{flex-direction:column;align-items:flex-start;gap:.75rem}.room-type-name-wrapper{flex-wrap:wrap;width:100%}.room-type-price{align-self:flex-start}.room-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}@media(max-width:768px){.rooms-beds-container{flex-direction:column;gap:1.5rem}.rooms-column,.beds-column{width:100%!important}.room-item{padding:1rem;gap:.75rem}.room-type-name{font-size:1rem}.room-type-price{font-size:1.125rem}.room-type-badge,.room-capacity-badge{font-size:.625rem;padding:.1875rem .5rem}.edit-button{padding:.4375rem 1rem;font-size:.8125rem;white-space:nowrap}.room-actions{flex-wrap:wrap;gap:.5rem}.toggle-switch{flex-shrink:0}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1.5rem;border-bottom:none;background:linear-gradient(135deg,#f8fbff,#fff)}.modal-title{font-size:1.5rem;font-weight:700;color:#2d3436;letter-spacing:-.02em;margin:0}.modal-close-button{background:#f3f4f6;border:none;cursor:pointer;color:#6b7280;transition:all .2s ease;width:36px;height:36px;border-radius:.625rem;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#e5e7eb;color:#2d3436;transform:rotate(90deg)}.modal-body{padding:1.5rem 2rem 2rem;display:flex;flex-direction:column;gap:1.25rem;background:#fff}.modal-footer{padding:0;background:linear-gradient(180deg,#f8fbff80,#f8fbff);border-top:1px solid rgba(77,164,255,.08);border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem;display:flex;justify-content:flex-end}.modal-footer-buttons{padding:1.25rem 2rem;display:flex;gap:.75rem}.cancel-button{background-color:#fff;border:1.5px solid #e5e7eb;color:#6b7280;font-weight:600;padding:.625rem 1.25rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-size:.9375rem}.cancel-button:hover{background-color:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-1px)}.save-modal-button{background:#4da4ff;color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;border:none;font-size:.9375rem;box-shadow:0 4px 12px #4da4ff40}.save-modal-button:hover{background:#3d8fd9;transform:translateY(-2px);box-shadow:0 6px 16px #4da4ff59}.room-type-config-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.config-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;transition:all .25s ease;background:#fff}.delete-modal-content{max-width:28rem;padding:0}.delete-modal-body{padding:2rem;text-align:center}.delete-icon-container{width:4rem;height:4rem;border-radius:9999px;background-color:#fee2e2;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.delete-icon{width:2.5rem;height:2.5rem;color:#dc2626}.delete-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin-top:1rem}.delete-modal-text{color:#6b7280;margin-top:.5rem}.delete-modal-text span{font-weight:600}.delete-modal-footer{background-color:#7e858b1c;padding:0;background-color:#fff0;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:flex;justify-content:center}.confirm-delete-button{background:#ef4444;color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef444440;font-size:.9375rem}.delete-modal-buttons,.room-modal-buttons{padding:1.5rem;display:flex;gap:1rem}.confirm-delete-button:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 16px #ef444459}.room-card{background:linear-gradient(135deg,#fff,#fafbfc)}.room-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.rooms-details-form{margin-top:2rem}.service-card{background-color:#cccccc21;border-radius:.75rem;overflow:hidden;border:1px solid rgba(128,128,128,.205);display:flex;flex-direction:column}.service-image-container{width:100%;height:120px;overflow:hidden}.service-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-text{padding:1rem;text-align:left}.service-name{font-size:1.25rem!important;font-weight:700!important;color:#1f2937;letter-spacing:-.02em;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.service-price{font-size:1rem;font-weight:500;color:#4b5563;margin-top:.25rem}.service-actions{display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.edit-service-button,.delete-service-button{flex:1;padding:.5rem;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;border:none;transition:background-color .2s}.edit-service-button{background-color:#4b0cc000;color:#591bcc;margin-right:.5rem;font-weight:700}.edit-service-button:hover{background-color:#d1d5db00;text-decoration:underline}.delete-service-button{background-color:#5c565600;color:#504747;margin-left:.5rem}.delete-service-button:hover{background-color:#fecaca00;color:#dc2626;font-weight:700}.add-service-button{width:100%;height:100%;background-color:#eef2ff;color:#0c4a6e;font-weight:700;padding:.625rem 1rem;border-radius:.5rem;border:1px dashed #22389b;cursor:pointer;transition:background-color .2s}.services-grid{display:grid;margin-top:1.5rem;grid-template-columns:repeat(3,1fr);gap:1.5rem}.add-service-button:hover{background-color:#dbeafe}.password-strength-container{display:flex;align-items:center;margin-top:.5rem}.password-strength-bar-bg{width:100%;height:.5rem;background-color:#e5e7eb;border-radius:9999px}.password-strength-bar-fill{height:100%;border-radius:9999px;transition:background-color .3s ease-in-out,width .3s ease-in-out}.password-strength-text{margin-left:.5rem;width:5rem;text-align:right}.password-strength-label{font-size:.875rem;font-weight:500}.strength-good{background-color:#3b82f6;color:#3b82f6}.room-edit-container{display:flex;flex-direction:column;gap:1.5rem}.room-basic-info{display:flex;flex-direction:column;gap:1rem}.beds-management-section{background-color:#f8f9fa;border-radius:1rem;padding:1.25rem;border:1px solid #E2E8F0}.beds-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.beds-section-title{font-size:1rem;font-weight:600;color:#2d3436;margin:0}.beds-auto-save-badge{font-size:.75rem;color:#4da4ff;background-color:#4da4ff1a;padding:.25rem .5rem;border-radius:.5rem;font-weight:500}.beds-content-wrapper{display:flex;flex-direction:column;gap:1rem}.beds-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.25rem}.bed-item{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #E2E8F0;transition:all .2s ease}.bed-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000005}.bed-item.inactive-bed{opacity:.7;background-color:#f1f5f9}.bed-info{display:flex;align-items:center;gap:.75rem}.bed-icon{font-size:1.1rem}.bed-name{font-weight:500;color:#2d3436}.bed-actions{display:flex;align-items:center;gap:.75rem}.delete-bed-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-bed-btn:hover{color:#ef4444;background-color:#ef44441a}.add-bed-form{display:flex;gap:.75rem;margin-top:.5rem}.add-bed-input{flex:1;background-color:#fff;border:1px solid #E2E8F0;border-radius:.75rem;padding:.6rem 1rem;font-size:.9rem}.add-bed-input:focus{border-color:#4da4ff;outline:none;box-shadow:0 0 0 3px #4da4ff1a}.add-bed-button{background:#4da4ff;color:#fff;border:none;border-radius:.75rem;width:auto;min-width:2.5rem;height:2.5rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:none;white-space:nowrap;font-weight:500}.add-bed-button:hover:not(:disabled){background:#3b82f6;transform:translateY(-1px)}.add-bed-button:disabled{background:#cbd5e1;cursor:not-allowed}.loading-beds-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:.75rem;color:#64748b;font-size:.9rem}.no-beds-state{text-align:center;padding:1.5rem;color:#94a3b8;font-style:italic;background-color:#fff;border-radius:.75rem;border:1px dashed #CBD5E1}.beds-list::-webkit-scrollbar{width:4px}.beds-list::-webkit-scrollbar-track{background:transparent}.beds-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.spinner-small{width:20px;height:20px;border:2px solid rgba(77,164,255,.1);border-left-color:#4da4ff;border-radius:50%;animation:spin 1s linear infinite}.modal-backdrop-blur{background-color:#11182766;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.room-editor-modal{background-color:#f8fafc;width:95%;max-width:56rem;max-height:90vh;border-radius:2rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff80;display:flex;flex-direction:column;overflow:hidden;animation:modalZoomIn .3s ease-out}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.room-editor-header{position:sticky;top:0;background-color:#fff;padding:1.5rem 2rem;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.room-editor-header-content{flex:1}.room-editor-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#6366f1;margin-bottom:.5rem}.room-editor-title-row{display:flex;align-items:center;gap:.75rem;position:relative}.room-editor-title-input{font-size:1.875rem;font-weight:700;color:#111827;background:transparent;border:none;border-bottom:2px solid transparent;padding:.25rem 0;outline:none;transition:border-color .2s ease;width:100%;max-width:400px}.room-editor-title-input:hover{border-bottom-color:#e2e8f0}.room-editor-title-input:focus{border-bottom-color:#6366f1}.room-editor-title-input::-moz-placeholder{color:#9ca3af}.room-editor-title-input::placeholder{color:#9ca3af}.room-editor-edit-icon{color:#9ca3af;opacity:0;transition:opacity .2s ease}.room-editor-title-row:hover .room-editor-edit-icon{opacity:1}.room-editor-capacity-row{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.capacity-label{font-size:.875rem;color:#6b7280;font-weight:500}.room-editor-capacity-input{width:60px;font-size:1rem;font-weight:600;color:#111827;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:.5rem;padding:.375rem .5rem;text-align:center;outline:none;transition:all .2s ease}.room-editor-capacity-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.capacity-unit{font-size:.875rem;color:#6b7280}.room-editor-close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.room-editor-close-btn:hover{background-color:#f3f4f6;color:#374151}.room-editor-content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.room-editor-stats{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-pill{display:flex;align-items:center;gap:.5rem;background-color:#fff;padding:.625rem 1rem;border-radius:1rem;box-shadow:0 1px 3px #0000000d;border:1px solid #E2E8F0}.stat-indicator{width:8px;height:8px;border-radius:50%}.stat-active{background-color:#10b981;box-shadow:0 0 8px #10b98180}.stat-maintenance{background-color:#f59e0b}.stat-number{font-size:1rem;font-weight:700;color:#111827}.stat-label{font-size:.8125rem;color:#6b7280}.room-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#6b7280}.beds-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media(min-width:640px){.beds-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.beds-grid{grid-template-columns:repeat(3,1fr)}}.bed-card{background-color:#fff;border-radius:1rem;padding:1.25rem;border:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1rem;min-height:160px;transition:all .2s ease}.bed-card:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:0 4px 12px #00000014}.bed-card-inactive{background-color:#f9fafb;opacity:.85;box-shadow:none}.bed-card-inactive:hover{transform:none}.bed-card-icon-container{width:48px;height:48px;background-color:#eef2ff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#6366f1}.bed-card-inactive .bed-card-icon-container{background-color:#f3f4f6;color:#9ca3af}.bed-card-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.bed-card-micro-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.bed-card-name{font-size:1.125rem;font-weight:600;color:#111827;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .2s ease;display:inline-block;padding-bottom:2px}.bed-card-name:hover{border-bottom-color:#6366f1}.bed-card-name-inactive{color:#9ca3af;text-decoration:line-through}.bed-card-name-input{font-size:1.125rem;font-weight:600;color:#111827;background:transparent;border:none;border-bottom:2px solid #6366F1;padding:0;outline:none;width:100%}.bed-card-warning{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#f59e0b;margin-top:.25rem}.bed-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:auto}.bed-status-btn{flex:1;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease}.bed-status-active{background-color:#d1fae5;color:#065f46}.bed-status-active:hover{background-color:#a7f3d0}.bed-status-inactive{background-color:#fef3c7;color:#92400e}.bed-status-inactive:hover{background-color:#fde68a}.bed-delete-btn{padding:.5rem;background:transparent;border:1px solid #FEE2E2;border-radius:.5rem;color:#dc2626;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.bed-delete-btn:hover{background-color:#fee2e2}.bed-card-add{border:2px dashed #D1D5DB;background-color:transparent;justify-content:center;align-items:center;gap:.75rem;cursor:default}.bed-card-add:hover{border-color:#6366f1;transform:none;box-shadow:none}.add-bed-card-input{width:100%;font-size:1rem;font-weight:500;color:#111827;background:#fff;border:1px solid #E5E7EB;border-radius:.5rem;padding:.75rem 1rem;text-align:center;outline:none;transition:all .2s ease}.add-bed-card-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.add-bed-card-input::-moz-placeholder{color:#9ca3af}.add-bed-card-input::placeholder{color:#9ca3af}.add-bed-card-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;color:#6366f1;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.add-bed-card-btn:hover:not(:disabled){background-color:#eef2ff}.add-bed-card-btn:disabled{color:#9ca3af;cursor:not-allowed}.room-editor-footer{position:sticky;bottom:0;background-color:#fff;padding:1rem 2rem;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.room-editor-footer-info{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#6b7280}.room-editor-footer-buttons{display:flex;gap:.75rem}.room-editor-cancel-btn{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:#374151;background:transparent;border:1px solid #D1D5DB;border-radius:.75rem;cursor:pointer;transition:all .2s ease}.room-editor-cancel-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.room-editor-save-btn{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;color:#fff;background-color:#4da4ff;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4da4ff40}.room-editor-save-btn:hover{background-color:#3d8fd9;box-shadow:0 6px 16px #4da4ff59}.room-editor-save-btn:active{transform:scale(.95)}@media(max-width:640px){.room-editor-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.room-editor-header,.room-editor-content,.room-editor-footer{padding-left:1rem;padding-right:1rem}.room-editor-title-input{font-size:1.5rem}.room-editor-stats{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.stat-pill{flex-shrink:0}.room-editor-footer{flex-direction:column;gap:1rem}.room-editor-footer-buttons{width:100%}.room-editor-cancel-btn,.room-editor-save-btn{flex:1}}.profile-card{position:relative;border-radius:1rem;border:1px solid rgba(45,52,54,.08);box-shadow:0 12px 40px #1118270d;background-color:#fff;max-width:640px;margin:0 auto;padding:2rem;overflow:hidden}.profile-card .success-overlay{position:absolute;inset:0;background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.profile-card .success-overlay.fade-out{animation:fadeOut .5s ease-out forwards}.profile-card .success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.profile-card .success-overlay.fade-out .success-content{animation:scaleOut .4s ease-out forwards}.profile-card .success-icon{color:#20bf6b;margin-bottom:1.5rem;animation:checkBounce .6s ease-in-out}.profile-card .success-message{font-size:1.25rem;font-weight:600;color:#2d3436;margin:0;animation:slideUp .4s ease-out .2s both}.profile-card .card-title{color:#2d3436}.profile-card .card-subtitle{color:#2d3436a6}.profile-card .form-label{color:#2d3436}.profile-card .input-field{background-color:#fff;border:1px solid #E0E6ED;color:#111}.profile-card .input-field:focus{background-color:#fff;border-color:#4da4ff;box-shadow:0 0 0 2px #4da4ff26}.profile-card .form-actions{border-top:1px solid rgba(45,52,54,.08);justify-content:flex-end}.profile-save-button{background-color:#4da4ff;box-shadow:0 10px 20px #4da4ff40}.profile-save-button:hover{background-color:#3b8aea}.form-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.25rem}.card-sub-title{font-size:1rem;font-weight:700;color:#374151;margin-bottom:.75rem;margin-top:.75rem}.card-subtitle{color:#6b7280;margin-bottom:1.5rem}.form-group-container{display:flex;flex-direction:column;gap:1.5rem}.grid-form-group{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.grid-form-group{grid-template-columns:1fr 1fr}}.form-label{display:block;font-size:.875rem;font-weight:600;color:#2d3436;margin-bottom:.625rem;letter-spacing:-.01em;line-height:1}.input-field{width:100%;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:.75rem;transition:all .2s ease;font-size:.9375rem;color:#2d3436;background:#fff;line-height:1.5}.input-field:focus{outline:none;border-color:#4da4ff;box-shadow:0 0 0 3px #4da4ff1a;background:#f8fbff}.input-field::-moz-placeholder{color:#9ca3af}.input-field::placeholder{color:#9ca3af}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234DA4FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2em;cursor:pointer}.form-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.border-posar{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.save-button{background-color:#4da4ff;color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#3b8aea}.rooms-beds-container{display:grid;grid-template-columns:minmax(320px,32%) 1fr;gap:1.5rem;width:100%;min-height:70vh;background-color:transparent;padding:0;border-radius:0}@media(max-width:1024px){.rooms-beds-container{grid-template-columns:1fr;gap:1.5rem}}.room-types-panel{display:flex;flex-direction:column;height:100%;max-height:75vh;background-color:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.room-types-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .25rem}.room-types-panel .panel-header-title{font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.room-types-panel .panel-header-action{font-size:.875rem;font-weight:600;color:#487eb0;background:none;border:none;cursor:pointer;transition:color .2s ease;padding:.25rem .5rem;border-radius:.375rem}.room-types-panel .panel-header-action:hover{color:#3a6a94;background-color:#487eb014}.room-types-panel .rooms-list{flex:1;overflow-y:auto;padding:.25rem;display:flex;flex-direction:column;gap:.75rem}.category-card{background:#fff;border-radius:1rem;border:2px solid #e5e7eb;padding:1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.category-card:hover{border-color:#a8d3ff;box-shadow:0 4px 12px #4da4ff1f}.category-card.selected{border-color:#4da4ff;box-shadow:0 0 0 3px #4da4ff26,0 8px 24px #4da4ff33;background:#fff}.category-card.inactive-category{opacity:.65}.category-card.inactive-category:hover{opacity:.8}.category-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.category-icon{width:40px;height:40px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon.dormitory-icon{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.category-icon.private-icon{background:linear-gradient(135deg,#fed7aa,#fdba74)}.category-icon svg{width:20px;height:20px;color:#1f2937}.category-status-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.category-status-badge.active-badge{background:#dcfce7;color:#166534}.category-status-badge.inactive-status-badge{background:#f3f4f6;color:#6b7280}.category-card-body{margin-bottom:.75rem}.category-name{font-size:1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;line-height:1.3}.category-config-text{font-size:.8125rem;color:#6b7280;margin:0}.category-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #f3f4f6}.category-price{display:flex;align-items:baseline;gap:.25rem}.category-price-value{font-size:1.125rem;font-weight:700;color:#1f2937}.category-price-unit{font-size:.75rem;color:#9ca3af}.category-units{font-size:.75rem;color:#9ca3af;font-weight:500}.rooms-panel{display:flex;flex-direction:column;background:#fff;border-radius:1.5rem;border:1px solid #e5e7eb;box-shadow:0 4px 20px #0000000f;overflow:hidden;min-height:500px}.detail-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f9fafbcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #f3f4f6}.detail-header-left{display:flex;align-items:center;gap:1rem}.detail-header-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-header-icon.dormitory-icon{background:linear-gradient(135deg,#ddd6fe,#c4b5fd)}.detail-header-icon.private-icon{background:linear-gradient(135deg,#fed7aa,#fdba74)}.detail-header-icon svg{width:24px;height:24px;color:#1f2937}.detail-header-info h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .125rem}.detail-header-info p{font-size:.8125rem;color:#6b7280;margin:0}.detail-header-actions{display:flex;align-items:center;gap:.75rem}.btn-secondary{padding:.5rem 1rem;background:#487eb0!important;color:#fff!important;border:1px solid #487EB0!important;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #487eb033}.btn-secondary:hover{background:#3a6a94!important;border-color:#3a6a94!important;box-shadow:0 4px 12px #487eb04d;transform:translateY(-1px)}.btn-primary{padding:.5rem 1rem;background:#4da4ff!important;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4da4ff33}.btn-primary:hover{background:#3d8fd9!important;transform:translateY(-1px);box-shadow:0 4px 12px #4da4ff40}.detail-panel-body{flex:1;padding:1.25rem;background:#f9fafb;overflow-y:auto}.loading-rooms-container{display:flex;align-items:center;justify-content:center;min-height:300px;width:100%}.rooms-list-detail{display:flex;flex-direction:column;gap:.625rem}.room-row-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:.75rem;padding:1rem 1.25rem;transition:all .2s ease;border:1px solid transparent}.room-row-item:hover{box-shadow:0 2px 8px #0000000f;border-color:#e5e7eb}.room-row-item.inactive-room{opacity:.6}.room-row-item.inactive-room:hover{opacity:.75}.room-row-left{display:flex;align-items:center;gap:1rem}.room-avatar{width:44px;height:44px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#6b7280;flex-shrink:0}.room-row-info h4{font-size:.9375rem;font-weight:600;color:#1f2937;margin:0 0 .125rem}.room-row-info p{font-size:.8125rem;color:#6b7280;margin:0}.room-row-right{display:flex;align-items:center;gap:1rem}.visibility-label{font-size:.75rem;color:#9ca3af;font-weight:500}.room-edit-icon{width:32px;height:32px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:#487eb0;border:none;cursor:pointer;color:#fff;transition:all .2s ease}.room-edit-icon:hover{background:#3a6a94;color:#fff}.room-edit-icon svg{width:18px;height:18px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;height:100%;min-height:300px}.empty-state-icon{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.empty-state-icon svg{width:36px;height:36px;color:#d1d5db}.empty-state-text{color:#6b7280;font-size:.9375rem;font-weight:500;margin:0}.empty-state-subtext{color:#9ca3af;font-size:.8125rem;margin-top:.375rem}.room-item{background:#fff;border-radius:1rem;border:1px solid rgba(45,52,54,.08);margin-bottom:0;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 40px #1118270d;position:relative;width:100%}.room-type-item{cursor:pointer}.room-type-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f126;border-color:#c7d2fe}.room-type-item.selected{border-color:#6366f1;background:#fff;box-shadow:0 4px 16px #6366f140;transform:translateY(-2px)}.room-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem;justify-content:space-between}.room-item-header{display:flex;flex-direction:column;gap:.75rem}.room-type-name-wrapper{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.room-name-wrapper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.room-item-footer{display:flex;align-items:center;gap:.5rem}.room-type-name{font-weight:700;font-size:1.125rem;color:#2d3436;margin:0;letter-spacing:-.01em;word-break:break-word}.room-type-price{font-weight:600;font-size:.875rem;color:#6b7280;margin:0;padding-top:.75rem;border-top:1px solid rgba(45,52,54,.08);display:flex;justify-content:space-between;align-items:center}.room-name{font-weight:600;font-size:1rem;color:#1f2937;margin:0 0 .25rem;word-break:break-word}.room-type-config,.room-type-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:.5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.dormitory-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.private-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.room-id-text{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.room-capacity-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:1rem;font-size:.6875rem;font-weight:600;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.room-actions{display:flex;align-items:center;gap:.75rem}.edit-button{padding:.5rem 1.25rem;background:#487eb0;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #487eb033}.edit-button:hover{background:#3a6a94;box-shadow:0 4px 12px #487eb04d;transform:translateY(-1px)}.edit-button:active{transform:translateY(0)}.add-room-button{padding:.625rem 1.25rem;background:#4da4ff!important;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 20px #4da4ff40}.add-room-button:hover{background:#3d8fd9!important;transform:translateY(-1px);box-shadow:0 12px 24px #4da4ff4d}.panel-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.panel-footer{margin-top:1rem}.dormitory-color{color:#1b7fa0ab}.private-color{color:#419741}.inactive-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151;border:1px solid #9ca3af;margin-left:.5rem}.inactive-item{opacity:.6;filter:grayscale(20%)}.inactive-item:hover{opacity:.75}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#20bf6b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.toggle-confirm-modal{max-width:460px}.toggle-modal-message{font-size:.9375rem;color:#2d3436;line-height:1.6;margin:0}.toggle-modal-message strong{color:#4da4ff;font-weight:600}.dependencies-warning{background:#fff9e6;border:1.5px solid #FDCB6E;border-radius:1rem;padding:1.25rem;margin:1.5rem auto 0;max-width:100%}.warning-icon{width:40px;height:40px;margin:0 auto 1rem;color:#fdcb6e;opacity:.9}.warning-icon svg{width:100%;height:100%}.warning-title{font-size:.875rem;font-weight:600;color:#806500;margin-bottom:.75rem;text-align:center}.dependencies-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.dependencies-list li{font-size:.875rem;color:#806500;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:.5rem;border:1px solid #FDCB6E}.dependencies-list li strong{font-weight:700;color:#b89500}.beds-management-section{margin-top:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem;padding:1.25rem 1.5rem;border-top:2px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:.75rem;grid-column:1 / -1;width:calc(100% + 3rem)}.beds-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;display:flex;align-items:center}.beds-section-header{margin-bottom:1rem}.beds-auto-save-note{font-size:.8125rem;color:#6366f1;font-weight:500;margin:.5rem 0 0;display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#eef2ff;border-radius:.5rem;border-left:3px solid #6366f1}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.beds-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:.75rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.bed-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;background:linear-gradient(135deg,#fff,#f9fafb);border:1.5px solid #e5e7eb;border-radius:.625rem;transition:all .25s ease;box-shadow:0 1px 2px #0000000a}.bed-item:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-1px)}.inactive-bed{opacity:.55;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.inactive-bed:hover{opacity:.7;border-color:#9ca3af;box-shadow:0 2px 6px #00000014}.bed-info{display:flex;align-items:center;gap:.625rem}.bed-name{font-size:.9375rem;font-weight:600;color:#1f2937;letter-spacing:-.01em}.inactive-badge-small{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:1rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;border:1px solid #d1d5db}.toggle-switch-small{transform:scale(.85)}.delete-bed-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1.5px solid #fca5a5;color:#991b1b;padding:.375rem .5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.delete-bed-btn:hover{background:linear-gradient(135deg,#fca5a5,#f87171);border-color:#ef4444;color:#7f1d1d;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.delete-bed-btn svg{width:16px;height:16px}.loading-text{text-align:center;color:#6b7280;font-size:.95rem;padding:1rem}.no-beds-text{text-align:center;color:#9ca3af;font-size:.95rem;padding:1.5rem;background:#f9fafb;border-radius:.5rem;margin-bottom:1rem}.add-bed-form{display:flex;gap:.75rem;align-items:stretch;padding:1rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:.75rem;border:1px solid #c7d2fe}.add-bed-input{flex:1;margin-bottom:0!important;border:1.5px solid #c7d2fe;background:#fff}.add-bed-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.add-bed-button{padding:.875rem 1.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:.625rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .25s ease;white-space:nowrap;box-shadow:0 2px 8px #6366f14d}.add-bed-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.add-bed-button:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.room-types-form .rooms-list{max-height:45vh;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem}.room-item-card{background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;margin-bottom:.5rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:box-shadow .2s ease-in-out}.room-item-card:hover{box-shadow:0 4px 6px #0000001a}.selected-card{box-shadow:0 0 0 2px #1e82a38c,0 4px 6px #0000001a}.room-type-config-selector{display:flex;gap:.75rem;margin-top:.5rem}.config-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;transition:all .25s ease;background:#fff}.config-option:hover{border-color:#a8d3ff;background:#f8fbff;transform:translateY(-2px);box-shadow:0 4px 12px #4da4ff1a}.config-option.selected{border-color:#4da4ff;background:#f8fbff;box-shadow:0 0 0 3px #4da4ff1a,0 4px 12px #4da4ff26}.config-option-label{font-size:.9375rem;font-weight:600;color:#2d3436;text-align:center}.config-option.selected .config-option-label{color:#4da4ff}.services-section{width:100%;padding:0;margin-top:-1rem;max-width:none}.services-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.services-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0 0 .5rem;letter-spacing:-.025em}.services-subtitle{font-size:.9375rem;color:#6b7280;margin:0;font-weight:400}.services-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem;max-width:none;width:100%}@media(max-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.services-grid{grid-template-columns:1fr}}.service-card{background:#fff;border:none;border-radius:1.25rem;padding:1.75rem 2rem;display:flex;flex-direction:column;justify-content:flex-start;min-height:160px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;position:relative}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.service-card.service-inactive{background:#f3f4f6;opacity:.65;box-shadow:0 1px 3px #0000000d}.service-card.service-inactive:hover{opacity:.75;box-shadow:0 2px 8px #00000014}.service-card.service-inactive .service-name{color:#6b7280}.service-card.service-inactive .service-price{background:#e5e7eb;color:#9ca3af}.service-card.service-inactive .edit-service-button{color:#9ca3af}.service-card.service-inactive .edit-service-button:hover{color:#6b7280}.add-service-card{background:#f3f4f6;border:2px dashed #d1d5db;cursor:pointer;justify-content:center;align-items:center;min-height:140px}.add-service-card:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.add-service-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.add-service-icon{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease}.add-service-card:hover .add-service-icon{transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #00000026;background:#f9fafb}.add-service-text{font-size:.9375rem;font-weight:600;color:#2d3436;margin:0;text-align:center;transition:color .3s ease}.add-service-card:hover .add-service-text{color:#1a1f21}.service-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:auto}.service-info{display:flex;flex-direction:column;gap:.5rem}.service-name{font-size:1.375rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.02em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.service-price{font-size:1rem;font-weight:500;color:#6b7280;margin:0;letter-spacing:-.01em;background:#f3f4f6;padding:.375rem .875rem;border-radius:.5rem;display:inline-block;width:-moz-fit-content;width:fit-content}.service-card-footer{position:absolute;bottom:1.75rem;right:2rem}.edit-service-button{background:transparent;color:#5b5fef;font-weight:600;font-size:1rem;padding:0;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.edit-service-button:hover{color:#4347c9}.loading-message,.error-message,.no-services-message{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.9375rem}.error-message{color:#ef4444}.no-services-message{background:linear-gradient(135deg,#f9fafb,#fff);border:2px dashed #e5e7eb;border-radius:1rem;padding:4rem 2rem;font-size:1rem;font-weight:500}:root{--color-primary: #4DA4FF;--color-primary-dark: #3B8AEA;--color-primary-light: #4DA4FF;--color-success: #10b981;--color-success-dark: #059669;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-400: #9CA3AF;--color-gray-600: #6B7280;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-bg-page: #F3F4F6;--color-bg-card: #FFFFFF;--transition-base: all .2s ease-in-out;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.profile-page-wrapper{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background-color:transparent;padding:1rem 1rem 2rem}.profile-card{position:relative;max-width:650px;width:100%;background:var(--color-bg-card);border-radius:2rem;border:none;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.success-overlay{position:absolute;inset:0;background:#fffffff7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.success-overlay.fade-out{animation:fadeOut .5s ease-out forwards}.success-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.success-overlay.fade-out .success-content{animation:scaleOut .4s ease-out forwards}.success-icon{color:#20bf6b;margin-bottom:1.5rem;animation:checkBounce .6s ease-in-out}.success-message{font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0;animation:slideUp .4s ease-out .2s both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes checkBounce{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(5deg)}50%{transform:scale(.95) rotate(-5deg)}75%{transform:scale(1.05) rotate(3deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header-bg{position:relative;height:100px;background:linear-gradient(to right,#4da4ff,#3b8aea);overflow:hidden}.card-header-bg:before{content:"";position:absolute;top:-50%;right:-10%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;filter:blur(40px)}.card-header-bg:after{content:"";position:absolute;bottom:-30%;left:-5%;width:150px;height:150px;background:#ffffff14;border-radius:50%;filter:blur(30px)}.user-info{position:relative;text-align:center;margin-top:-50px;padding:0 2rem 1.5rem}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#4da4ff,#3b8aea);border-radius:50%;border:4px solid var(--color-bg-card);box-shadow:0 10px 25px #4da4ff4d;margin-bottom:1rem}.avatar-icon{width:50px;height:50px;color:#fff;stroke-width:1.5}.user-name{font-size:1.875rem;font-weight:700;color:var(--color-gray-900);margin:0 0 .75rem;line-height:1.2}.user-meta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.role-badge{display:inline-block;padding:.375rem .875rem;background-color:var(--color-gray-100);color:var(--color-gray-700);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px}.verified-badge{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-success-dark);font-size:.875rem;font-weight:600}.verified-icon{flex-shrink:0}.profile-form{padding:0 2rem 2rem}.profile-form .form-section{margin-bottom:2rem;background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.profile-form .section-title{font-size:1rem;font-weight:700;color:var(--color-gray-900);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-gray-100)}.profile-form .profile-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.profile-form .profile-fields-grid{grid-template-columns:1fr}}.profile-form .form-group{margin-bottom:1.5rem}.profile-form .input-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#2d3436!important;margin-bottom:.5rem}.profile-form .input-wrapper{position:relative;display:flex;align-items:center}.profile-form .input-icon{position:absolute;left:14px;color:var(--color-gray-400);pointer-events:none;z-index:1;transition:color .2s ease-in-out}.profile-form .input-field{width:100%;padding:14px 14px 14px 45px;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:.75rem;font-size:.9375rem;color:var(--color-gray-900);transition:var(--transition-base);outline:none}.profile-form .input-field::-moz-placeholder{color:var(--color-gray-400)}.profile-form .input-field::placeholder{color:var(--color-gray-400)}.profile-form .input-field:focus{background-color:var(--color-bg-card);border-color:#487eb0;box-shadow:0 0 0 3px #487eb026}.profile-form .input-field:focus+.input-icon,.profile-form .input-wrapper:focus-within .input-icon{color:#487eb0}.profile-form .input-field--readonly{border-style:dashed;opacity:.7;cursor:not-allowed;background-color:var(--color-gray-50)}.profile-form .input-field--readonly:focus{border-color:var(--color-gray-200);box-shadow:none}.profile-form .input-field--password{padding-right:45px}.profile-form .password-toggle{position:absolute;right:14px;background:transparent;border:none;cursor:pointer;color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease-in-out;z-index:1}.profile-form .password-toggle:hover{color:#487eb0}.profile-form .password-toggle:focus{outline:none;color:#487eb0}.security-section{margin:2rem 0;border:2px solid #487EB0;border-radius:1rem;overflow:hidden;transition:var(--transition-smooth)}.security-section.open{border-color:#487eb0;box-shadow:0 4px 12px #487eb040}.security-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease-in-out}.security-header:hover,.security-section.open .security-header{background-color:var(--color-gray-50)}.security-header-content{display:flex;align-items:center;gap:.75rem}.security-icon{color:#487eb0;flex-shrink:0}.security-title{font-size:1rem;font-weight:700;color:var(--color-gray-900)}.chevron-icon{color:var(--color-gray-600);transition:transform .3s ease-in-out;flex-shrink:0}.chevron-icon.rotate{transform:rotate(180deg)}.security-content{max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out,padding .3s ease-in-out}.security-section.open .security-content{max-height:800px;opacity:1;padding:0 1.5rem 1.5rem}.save-button{width:100%;padding:1rem;background-color:#4da4ff;color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:.75rem;cursor:pointer;transition:var(--transition-base);margin-top:1rem}.save-button:hover:not(:disabled){background-color:#3b8aea;transform:translateY(-1px);box-shadow:0 4px 12px #4da4ff59}.save-button:active:not(:disabled){transform:scale(.98)}.save-button:disabled{cursor:not-allowed}.save-button.loading{opacity:.7;cursor:wait;pointer-events:none}.save-button.success{background-color:var(--color-success)}.save-button.success:hover{background-color:var(--color-success-dark)}.password-strength-container{margin-top:.5rem}.password-strength-bar-bg{width:100%;height:4px;background-color:var(--color-gray-200);border-radius:9999px;overflow:hidden}.password-strength-bar-fill{height:100%;border-radius:9999px;transition:width .3s ease,background-color .3s ease}.password-strength-text{margin-top:.5rem;font-size:.75rem}.password-strength-label{font-weight:500}.strength-weak{background-color:#ef4444;color:#ef4444}.strength-medium{background-color:#f59e0b;color:#f59e0b}.strength-good{background-color:#10b981;color:#10b981}.strength-strong{background-color:#22c55e;color:#22c55e}@media(max-width:640px){.profile-page-wrapper{padding:1rem .5rem}.profile-card{border-radius:1.5rem}.user-info{padding:0 1.5rem 1rem}.user-avatar{width:80px;height:80px}.avatar-icon{width:40px;height:40px}.user-name{font-size:1.5rem}.profile-form{padding:0 1.5rem 1.5rem}.security-content{padding:0 1rem}.security-section.open .security-content{padding:0 1rem 1rem}}.guests-container{padding:2rem;margin-left:0;margin-right:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;gap:1.5rem;background-color:var(--bg-main);min-height:calc(100vh - 64px)}.guests-header{margin-bottom:1rem}.guests-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.guests-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem}.guests-two-column-layout{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-start}.guests-card{background-color:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.25rem}.guests-header-card{flex-basis:75%;flex-grow:1;min-width:400px}.guests-sidebar-card{flex-basis:25%;flex-grow:1;min-width:200px}.guests-table-card{background-color:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.guests-controls-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex-grow:1}.guests-controls-group{display:flex;gap:.5rem;flex:1;min-width:200px;flex-direction:column}.guests-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.guests-search-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background-color:#f9fafb;transition:all .2s}.guests-search-input:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #4da4ff1a}.guests-nationality-select{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);cursor:pointer;background-color:#f9fafb;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="gray" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:1.2rem}.guests-nationality-select:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #4da4ff1a}.guests-table-wrapper{overflow-x:auto;overflow-y:visible;border-radius:var(--radius-lg);position:relative;transition:opacity .25s ease}.guests-table-wrapper.table-transitioning .guests-table{opacity:.45}.guests-table{width:100%;font-size:.875rem;border-collapse:separate;border-spacing:0;min-width:800px}.guests-table thead{background-color:#f9fafb}.guests-table thead th{padding:1rem 1.5rem;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:left}.guests-table thead tr th:first-child{border-top-left-radius:var(--radius-lg)}.guests-table thead tr th:last-child{border-top-right-radius:var(--radius-lg)}.guests-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.guests-table tbody tr:hover{background-color:#f9fafb}.guests-table tbody tr:last-child{border-bottom:none}.guests-table tbody tr:last-child td{border-bottom:none}.guests-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:#4b5563;font-size:.875rem}.guest-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1;text-transform:capitalize;white-space:nowrap}.status-inhouse{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-checkedout{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.no-guests-message{text-align:center;color:var(--text-secondary);padding:3rem}.guests-search-btn{background-color:var(--primary-color);color:#fff;font-weight:600;padding:.625rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease;margin-top:1.6rem;box-shadow:var(--shadow-sm)}.guests-search-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.guest-info-cell{padding:1rem 1.5rem}.guest-info-container{display:flex;align-items:center;gap:1rem}.guest-initials-circle{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#487eaf;color:#fff;border-radius:50%;font-weight:600;font-size:.875rem;flex-shrink:0}.guest-text-details{display:flex;flex-direction:column}.guest-full-name{font-weight:600;color:var(--text-primary);margin:0;font-size:.95rem}.guest-passport-number{font-size:.8rem;color:var(--text-secondary);margin:0}.details-guest{color:var(--primary-color);cursor:pointer;font-weight:600}.details-guest:hover{text-decoration:underline;cursor:pointer;color:var(--primary-hover)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;box-sizing:border-box}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;width:100%;max-width:850px;min-width:300px;box-sizing:border-box;max-height:90vh;overflow-y:auto;padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:1rem;margin-bottom:1.5rem}.modal-title{font-size:1.5rem;font-weight:600;color:#333}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s}.modal-close-btn:hover{color:#000}form{display:block;width:100%}.modal-body{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem;padding:0;width:100%}.modal-body .form-group{display:flex;flex-direction:column;min-width:0}.modal-body .form-group.full-width{grid-column:1 / -1}.modal-body label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#374151}.modal-body input,.modal-body select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.modal-body input:focus,.modal-body select:focus{outline:none;border-color:#591bcc;box-shadow:0 0 0 3px #591bcc33}.modal-body select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.modal-footer{display:flex;justify-content:right;gap:.75rem;border-top:1px solid #e0e0e0;padding-top:1rem;margin-top:1.5rem}.modal-save-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;border:none;margin:1rem;background-color:#591bcc;color:#fff}.modal-save-btn:hover{background-color:#4913a8}.modal-cancel-btn{background-color:#e0e0e0;color:#555;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;border:none}.modal-cancel-btn:hover{background-color:#d0d0d0}.custom-file-input{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;grid-column:1 / -1}.custom-file-input input[type=file]{display:none}.custom-file-label{padding:3rem 1.5rem;background-color:transparent;color:#6b7280;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;width:100%;text-align:center;border:2px dashed #d1d5db}.custom-file-label:hover{background-color:#f9fafb;border-color:#591bcc;color:#591bcc}.file-name{font-size:.875rem;color:#666;font-style:italic;align-self:flex-start;margin-top:.25rem}.profile-modal-backdrop{position:fixed;inset:0;background-color:#1a202c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:40}.profile-modal-content{background-color:#fff;width:100%;max-width:64rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:none;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:fadeIn .3s ease-out;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.profile-modal-title{font-size:1.5rem;font-weight:700;color:#1a202c}.profile-modal-close-btn{color:#a0aec0;cursor:pointer;background:none;border:none;padding:0}.profile-modal-close-btn:hover{color:#718096}.profile-modal-body{padding:2rem;flex-grow:1;overflow-y:auto}.guest-profile-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:1024px){.guest-profile-grid{grid-template-columns:1fr 2fr}}.profile-column-left{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1.5rem}.profile-summary{text-align:center}.profile-initials-circle{width:6rem;height:6rem;border-radius:9999px;background-color:#edf2f7;display:flex;align-items:center;justify-content:center;font-weight:700;color:#718096;font-size:2.25rem;margin:0 auto}.profile-name{font-size:1.5rem;font-weight:700;color:#2d3748;margin-top:1rem}.profile-nationality{color:#a0aec0}.profile-stats h3{font-weight:600;font-size:1.125rem;color:#2d3748;margin-bottom:1rem}.profile-stats-item{display:flex;justify-content:space-between;font-size:.875rem}.profile-stats-label{color:#718096}.profile-stats-value{font-weight:500;color:#2d3748}.profile-documents h3{font-weight:600;font-size:1.125rem;color:#2d3748;margin-bottom:1rem}.profile-document-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;text-decoration:none}.profile-document-link:hover{background-color:#f7fafc}.profile-document-link svg{color:#4c51bf}.profile-document-name{font-weight:500;color:#2d3748}.profile-document-info{font-size:.75rem;color:#a0aec0}.profile-document-note{font-size:.75rem;color:#a0aec0;margin-top:.75rem;line-height:1.625}.profile-document-note svg{display:inline-block;margin-right:.25rem;margin-top:-.25rem}.profile-column-right{display:flex;flex-direction:column;gap:1rem}.profile-history h3{font-weight:600;font-size:1.125rem;color:#2d3748;margin-bottom:1rem}.profile-history-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin-top:.5rem}.profile-history-flex{display:flex;justify-content:space-between;align-items:flex-start}.profile-history-info{display:flex;flex-direction:column;gap:.25rem}.profile-history-date{font-weight:600;color:#2d3748}.profile-history-details{font-size:.875rem;color:#a0aec0}.profile-history-summary{text-align:right}.profile-history-status{font-size:.75rem;font-weight:500;padding:.125rem .625rem;border-radius:9999px;display:inline-block}.status-confirmed{background-color:#edf2f7;color:#2d3748}.status-cancelled{background-color:#ffe8e8;color:#c53030}.profile-history-price{font-weight:700;color:#2d3748;margin-top:.25rem}.autocomplete-list{list-style-type:none;border-left:1px solid #58585896;border-right:1px solid #58585896;border-bottom:1px solid #58585896}.autocomplete-list li{padding:0;margin:0}.autocomplete-list li:hover{background-color:#6c7ee656;cursor:pointer}.table-spinner{width:40px;height:40px;border-radius:9999px;border:3px solid rgba(77,164,255,.25);border-top-color:var(--primary-color);animation:tableSpin .8s linear infinite}.fp-arrow-btn{width:40px;height:40px;border-radius:9999px;border:1px solid rgba(77,164,255,.25);background:#ffffffd9;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fp-arrow-btn:hover:not(:disabled){color:var(--primary-color);border-color:#4da4ff73;transform:translateY(-1px)}.fp-page-btn:not(.active):hover{color:var(--text-primary);border-color:#4da4ff4d;background:#4da4ff0f}.fp-ellipsis{width:46px;height:50px;border-radius:18px;border:1px dashed rgba(77,164,255,.35);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}body{font-family:Inter,sans-serif;overflow-y:auto;max-height:100vh}.calendar-container{padding:2rem;margin-left:0;margin-right:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;gap:1.5rem;background-color:#fffcf9;min-height:calc(100vh - 64px)}.modal-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;transition:color .2s}.modal-close-button:hover{color:#374151}.bg-white{background-color:#fff}.flex-1{flex:1}.border-round{border-radius:.5rem}.text-sm{font-weight:700;padding:.4rem;font-size:13px}.z-20{z-index:20}.z-30{z-index:30}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem}.main-content{padding:2rem;overflow-y:auto}.calendar-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-title{font-size:1.875rem;font-weight:700;color:#111827}.calendar-subtitle{color:#6b7280;margin-top:.25rem}.room-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1;border:1px solid transparent}.badge-private{background-color:#fdf2f8;color:#be185d;border-color:#fbcfe8}.badge-shared{background-color:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.badge-type{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}.calendar-grid-skeleton{display:grid;grid-template-columns:220px repeat(7,1fr);border-left:1px solid #e5e7eb;background-color:#fff;border-radius:.75rem;overflow:hidden}.calendar-cell{border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton-animate{animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:#e2e8f0;border-radius:.375rem;color:transparent!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.skeleton-text{height:1rem;width:60%;margin-bottom:.5rem}.skeleton-block{width:100%;height:100%}.skeleton-header-cell{background-color:#f1f5f9;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.bg-blue-500{background-color:#3b82f6}.bg-orange-500{background-color:#f97316}.bg-red-500{background-color:#ef4444}.bg-rose-200{background-color:#fecdd3}.text-rose-800{color:#9f1239}.bg-teal-200{background-color:#a7f3d0}.text-teal-800{color:#134e4a}.bg-indigo-100{background-color:#e0e7ff!important}.ring-indigo-400{box-shadow:inset 0 0 0 2px #818cf8!important}.bg-occupancy-low{background-color:#34d399}.bg-occupancy-medium{background-color:#fb923c}.bg-occupancy-high{background-color:#ef4444}.bg-occupancy-none{background-color:#cbd5e1}.bg-occupancy-full{background-color:#be123c;box-shadow:inset 0 0 0 1px #0000001a}.res-teal{background-color:#ccfbf1;border-color:#5eead4;color:#0f766e}.res-blue{background-color:#dbeafe;border-color:#93c5fd;color:#1e40af}.res-indigo{background-color:#e0e7ff;border-color:#a5b4fc;color:#3730a3}.res-purple{background-color:#f3e8ff;border-color:#d8b4fe;color:#6b21a8}.res-pink{background-color:#fce7f3;border-color:#f9a8d4;color:#9d174d}.res-rose{background-color:#ffe4e6;border-color:#fda4af;color:#be123c}.res-orange{background-color:#ffedd5;border-color:#fdba74;color:#c2410c}.res-amber{background-color:#fef3c7;border-color:#fcd34d;color:#b45309}.res-lime{background-color:#ecfccb;border-color:#bef264;color:#3f6212}.res-emerald{background-color:#d1fae5;border-color:#6ee7b7;color:#047857}.res-gray{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.bg-gray-100{position:relative}.bg-gray-100:before{content:"";position:absolute;inset:0;background-color:#f3f4f6;opacity:.6;z-index:1;pointer-events:none}.cursor-not-allowed{cursor:not-allowed!important}.text-gray-400{color:#9ca3af}.room-unavailable{position:relative;background:repeating-linear-gradient(45deg,#fffc,#fffc 10px,#ef44444d 10px 20px);cursor:not-allowed}.room-unavailable:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(239,68,68,.15) 10px,rgba(239,68,68,.15) 20px);pointer-events:none;z-index:1}.room-unavailable:hover{background:repeating-linear-gradient(45deg,#ffffffb3,#ffffffb3 10px,#ef444466 10px 20px)}._header_1u2of_1{position:sticky;top:0;z-index:30;background:linear-gradient(180deg,#fff,#fafbfc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;padding:1.25rem 2rem;display:flex;flex-direction:column;gap:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:2rem}@media(min-width:768px){._header_1u2of_1{flex-direction:row;align-items:center;justify-content:space-between;gap:0}}._leftSection_1u2of_26{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}._rightSection_1u2of_33{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}._iconWrapper_1u2of_41{background:#4ea3ff;color:#fff;padding:.625rem;border-radius:.75rem;box-shadow:0 4px 6px -1px #4ea3ff4d,0 2px 4px -1px #4ea3ff33;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}._iconWrapper_1u2of_41:hover{transform:translateY(-1px);box-shadow:0 6px 12px -2px #4ea3ff66,0 4px 6px -1px #4ea3ff4d}._iconWrapper_1u2of_41:active{transform:translateY(0)}._dateNavWrapper_1u2of_64{display:flex;align-items:center;background:#f8fafc;border-radius:.75rem;padding:.25rem;border:1px solid #e2e8f0;box-shadow:inset 0 1px 2px #0000000d}._dateNavButton_1u2of_74{padding:.5rem;border-radius:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}._dateNavButton_1u2of_74:hover{background:#fff;color:#475569;box-shadow:0 1px 3px #0000001a;transform:scale(1.05)}._dateNavButton_1u2of_74:active{transform:scale(.95)}._dateLabel_1u2of_99{padding:0 1rem;font-size:.875rem;font-weight:700;color:#1e293b;min-width:220px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.01em}._todayButton_1u2of_111{display:none;font-size:.75rem;font-weight:600;color:#64748b;padding:.5rem 1rem;border-radius:.5rem;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease}@media(min-width:640px){._todayButton_1u2of_111{display:block}}._todayButton_1u2of_111:hover{color:#4da4ff;background:#eff6ff;border-color:#bfdbfe}._viewSwitcher_1u2of_137{display:flex;align-items:center;background:#f1f5f9;padding:.25rem;border-radius:.75rem;border:1px solid #e2e8f0;box-shadow:inset 0 1px 2px #0000000d}._viewSwitchButton_1u2of_147{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;background:transparent;border:none;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}._viewSwitchButton_1u2of_147:hover{color:#475569}._viewSwitchButtonActive_1u2of_167{background:#fff;color:#4da4ff;box-shadow:0 2px 4px #0000001a,0 1px 2px #0000000f;font-weight:700}._viewSwitchButtonActive_1u2of_167:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,#4da4ff,#3a8fe0);border-radius:2px}._roomTypeFilter_1u2of_189{display:flex;align-items:center;gap:.5rem}._roomTypeButton_1u2of_195{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;background:#f1f5f9;border:1px solid #e2e8f0;color:#94a3b8;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}._roomTypeButton_1u2of_195:hover{background:#e2e8f0;color:#64748b}._roomTypeButtonActive_1u2of_215{background:#fff;color:#1e293b;border-color:#cbd5e1}._checkbox_1u2of_221{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:2px solid #cbd5e1;background:#fff;transition:all .2s ease}._roomTypeButtonActive_1u2of_215 ._checkbox_1u2of_221{background:#4da4ff;border-color:#4da4ff;color:#fff}._dormitoryIcon_1u2of_239{color:#2563eb}._privateIcon_1u2of_243{color:#059669}._roomFilter_1u2of_248{font-size:.875rem;border:1px solid #e2e8f0;border-radius:.75rem;padding:.625rem 2.5rem .625rem 1rem;background:#fff;color:#1e293b;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;min-width:140px}._roomFilter_1u2of_248:focus{outline:none;border-color:#4da4ff;box-shadow:0 0 0 3px #4da4ff1a}._primaryButton_1u2of_274{display:flex;align-items:center;gap:.5rem;background:#4ea3ff;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #4ea3ff4d,0 2px 4px -1px #4ea3ff33;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}._primaryButton_1u2of_274:hover{background:#3a93e8;transform:translateY(-1px)}._primaryButtonText_1u2of_297{display:none}@media(min-width:640px){._primaryButtonText_1u2of_297{display:inline}}._grid_s3od0_2{display:grid;grid-template-columns:220px repeat(7,1fr);gap:1px;background-color:#e5e7eb;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}._header_s3od0_13{padding:.5rem .75rem .75rem;font-weight:600;color:#374151;background-color:#f7f7f8;text-align:center;min-height:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._header_s3od0_13:first-child{text-align:left;display:flex;align-items:flex-start;justify-content:center}._headerToday_s3od0_38{background-color:#eff6ff;color:#2563eb}._dayName_s3od0_45{font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem;font-weight:600}._dayNumber_s3od0_52{font-size:.75rem;font-weight:600;display:block;color:#374151;margin-top:.25rem;text-align:right;padding-right:.25rem}._dayNumberToday_s3od0_62{width:2rem;height:2rem;border-radius:50%;background-color:#4da4ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-top:.25rem;text-align:center;padding-right:0;font-size:.875rem;line-height:1}._cell_s3od0_81{padding:.5rem;display:flex;align-items:center;min-height:80px;height:80px;position:relative;background-color:#fff}._roomLabel_s3od0_92{font-weight:600;color:#1f2937;font-size:.875rem;background-color:#fff}._roomLabelContent_s3od0_99{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}._roomNameRow_s3od0_106{display:flex;align-items:center;gap:.5rem}._roomTypeIcon_s3od0_112{flex-shrink:0}._dormitoryIcon_s3od0_116{color:#2563eb}._privateIcon_s3od0_120{color:#059669}._roomTypeBadge_s3od0_125{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:.375rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:1px solid #d1d5db;background-color:#f3f4f6;color:#6b7280;white-space:nowrap}._today_s3od0_141{background-color:#eff6ff}._privateEmptyCell_s3od0_146{position:relative}._sharedNotFullCell_s3od0_150{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}._sharedNotFullCell_s3od0_150:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a;z-index:5}._addReservationHover_s3od0_162{position:absolute;inset:1.5rem .75rem .5rem;display:none;align-items:center;justify-content:center;background-color:#fffffff2;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;z-index:10;pointer-events:none}._privateEmptyCell_s3od0_146:hover ._addReservationHover_s3od0_162{display:flex}._addReservationText_s3od0_185{font-size:.875rem;font-weight:600;color:#9ca3af}._progressBarWrapper_s3od0_192{width:100%;display:flex;flex-direction:column;gap:.25rem;pointer-events:none}._progressBarLabel_s3od0_200{font-size:.75rem;font-weight:600;color:#374151;text-align:left;margin-left:.25rem}._progressBarContainer_s3od0_208{width:100%;background-color:#e5e7eb;border-radius:9999px;height:1rem;position:relative;overflow:hidden}._progressBar_s3od0_192{height:100%;border-radius:9999px;transition:width .3s ease}._reservationBar_s3od0_224{position:absolute;top:50%;transform:translateY(-50%);height:60%;border-radius:.25rem;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;border-width:1px;border-style:solid}._reservationBarText_s3od0_243{font-weight:700;font-size:.75rem;white-space:nowrap;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.4)}._card_j75nx_1{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-bottom:3rem}._header_j75nx_10{background-color:#f8fafc;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}._title_j75nx_19{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}._badge_j75nx_27{padding:.15rem .5rem;font-size:.7rem;border-radius:9999px;font-weight:600;border:1px solid transparent}._badgePrivate_j75nx_35{background-color:#ecfdf5;color:#059669;border-color:#6ee7b7}._badgeShared_j75nx_41{background-color:#dbeafe;color:#2563eb;border-color:#93c5fd}._badgeType_j75nx_47{background-color:#f3f4f6;color:#4b5563;border-color:#e5e7eb}._grid_j75nx_54{display:grid;grid-template-columns:repeat(7,1fr);border:none;border-radius:0}._gridHeader_j75nx_61{text-align:center;font-weight:600;padding:.5rem;background-color:#fff;font-size:.75rem;border-right:1px solid #f1f5f9;border-bottom:1px solid #e2e8f0;color:#64748b;text-transform:uppercase;letter-spacing:.05em}._gridHeader_j75nx_61:last-child{border-right:none}._cell_j75nx_79{height:7rem;min-height:7rem;border-right:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;padding:.25rem}._cell_j75nx_79:nth-child(7n){border-right:none}._dayNumber_j75nx_96{font-size:.75rem;font-weight:600;display:block;width:100%;text-align:left;padding-left:.25rem;margin-bottom:.5rem;color:#64748b}._today_j75nx_108{background-color:#eef2ff}._otherMonth_j75nx_112{background-color:#e9ecf3}._otherMonth_j75nx_112 ._dayNumber_j75nx_96{opacity:.8;color:#b2b8c3}._otherMonth_j75nx_112 ._progressBar_j75nx_121{background-color:#c3cad5!important;color:#f3f4f6}._otherMonth_j75nx_112 ._progressBarContainer_j75nx_126{display:none}._cellHoverIcon_j75nx_131{position:absolute;inset:1.5rem .75rem .5rem;display:none;align-items:center;justify-content:center;background-color:#fffffff2;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;z-index:10;pointer-events:none}._cell_j75nx_79:hover ._cellHoverIcon_j75nx_131{display:flex}._sharedNotFullCell_j75nx_152{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}._sharedNotFullCell_j75nx_152:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000001a;z-index:5}._selectedCell_j75nx_163{background-color:#e0e7ff!important;box-shadow:inset 0 0 0 2px #818cf8!important;z-index:10}._progressBarWrapper_j75nx_172{display:flex;flex-direction:column;align-items:center;align-self:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;gap:.25rem;margin-top:auto;margin-bottom:auto;pointer-events:none}._progressBarContainer_j75nx_126{width:90%;height:.5rem;position:relative;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}._progressBar_j75nx_121{height:100%;border-radius:9999px;transition:width .3s ease}._progressBarLabel_j75nx_204{font-size:.65rem;font-weight:600;color:#374151;margin-left:auto;margin-right:15%;text-align:right}._reservationBar_j75nx_214{position:absolute;top:50%;transform:translateY(-50%);height:60%;border-radius:.25rem;z-index:20;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;border-width:1px;border-style:solid}._reservationBarText_j75nx_232{font-weight:700;font-size:.75rem;white-space:nowrap;padding:0 .5rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 rgba(255,255,255,.4)}._content_anaye_4{display:flex!important;flex-direction:row!important;padding:0!important;max-height:90vh!important;width:95vw!important;max-width:1280px!important;overflow:hidden!important;border-radius:12px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;background-color:#f8fafc;font-family:Inter,sans-serif}._sidebar_anaye_21{width:300px;background-color:#fff;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;padding:1.5rem;z-index:20}._formContainer_anaye_32{display:flex;flex-direction:column;flex:1;height:100%}._formActions_anaye_39{display:flex;align-items:center;justify-content:center;flex:1;margin-top:1.5rem}._modal-title_anaye_47{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}._modal-subtitle_anaye_54{font-size:.85rem;color:#64748b;margin-bottom:1.5rem}._results_anaye_61{flex:1;display:flex;flex-direction:column;background-color:#f8fafc;position:relative;overflow:hidden}._resultsHeader_anaye_70{padding:1rem 1.5rem;background-color:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}._resultsTitle_anaye_77{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0}._resultsDate_anaye_84{font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem;margin-top:.25rem}._resultsList_anaye_93{padding:1.5rem;overflow-y:auto;flex:1}._bookingFooter_anaye_100{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -4px 6px -1px #0000000d;flex-shrink:0;gap:1rem}._assignmentInfo_anaye_112{display:flex;flex-direction:column;gap:.125rem}._assignmentCount_anaye_118{font-size:.95rem;font-weight:600;color:#1e293b}._assignmentCount_anaye_118._overAssigned_anaye_124{color:#dc2626}._assignmentStatus_anaye_128{font-size:.75rem;color:#64748b}._grid-container_anaye_134{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}._card-modern_anaye_141{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;position:relative;height:100%}._card-modern_anaye_141:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}._card-selected_anaye_161{border-color:#4ea3ff!important;background-color:#f0f9ff!important;box-shadow:0 0 0 1px #4ea3ff!important}._card-header_anaye_168{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}._room-name_anaye_175{font-size:1rem;font-weight:600;color:#1e293b;line-height:1.3}._room-meta_anaye_182{font-size:.75rem;color:#64748b;margin-top:2px}._mini-badge_anaye_189{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}._badge-private_anaye_198{background:#fdf2f8;color:#db2777}._badge-shared_anaye_203{background:#eff6ff;color:#2563eb}._card-body_anaye_209{flex:1;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}._card-footer_anaye_218{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid #f1f5f9;margin-top:auto}._price-container_anaye_229{display:flex;flex-direction:column}._price-value_anaye_234{font-size:1.1rem;font-weight:700;color:#0f172a}._price-label_anaye_240{font-size:.7rem;color:#94a3b8}._section-container_anaye_245{margin-bottom:3rem}._section-title_anaye_249{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:1.5rem;margin-left:.25rem}._action-btn_anaye_264{padding:.6rem 1.5rem;font-weight:600;font-size:.95rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.01em}._action-btn_anaye_264:active{transform:scale(.97)}._btn-disabled_anaye_286{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}._btn-partial_anaye_294{background-color:#4ea3ff;color:#fff;box-shadow:0 4px 6px -1px #4ea3ff33}._btn-partial_anaye_294:hover{background-color:#3b94f0;box-shadow:0 8px 10px -3px #4ea3ff4d;transform:translateY(-1px)}._btn-success_anaye_307{background:#10b981;color:#fff;box-shadow:0 4px 6px -1px #10b9814d}._btn-success_anaye_307:hover{filter:brightness(1.05);box-shadow:0 8px 15px -3px #10b98166;transform:translateY(-1px)}._progress-container_anaye_323{height:6px;background-color:#f1f5f9;border-radius:99px;overflow:hidden;width:100%}._progress-bar_anaye_331{height:100%;border-radius:99px;transition:width .3s ease}._stepper_anaye_338{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}._stepper-btn_anaye_347{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:#475569;font-size:1rem;transition:background .1s}._stepper-btn_anaye_347:hover:not(:disabled){background-color:#e2e8f0;color:#0f172a}._stepper-val_anaye_366{width:24px;text-align:center;font-size:.85rem;font-weight:600;color:#334155}._toggle-btn_anaye_375{padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}._btn-select_anaye_385{background-color:#fff;border-color:#cbd5e1;color:#475569}._btn-select_anaye_385:hover{border-color:#94a3b8;color:#1e293b}._btn-selected_anaye_396{background-color:#4f46e5;color:#fff;box-shadow:0 2px 4px #4f46e533}._text-success_anaye_403{color:#16a34a}._text-warning_anaye_407{color:#ca8a04}._text-danger_anaye_411{color:#dc2626}._text-muted_anaye_415{color:#94a3b8}._font-bold_anaye_419{font-weight:600}._searchBtn_anaye_424{width:100%;padding:.75rem 1.5rem;background-color:#4ea3ff;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}._searchBtn_anaye_424:hover:not(:disabled){background-color:#3b94f0;box-shadow:0 4px 12px #4ea3ff4d}._searchBtn_anaye_424:disabled{background-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}._guestCounter_anaye_449{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}._guestBtn_anaye_460{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #e2e8f0;background:#fff;border-radius:50%;cursor:pointer;color:#4ea3ff;font-size:1.5rem;font-weight:300;line-height:1;padding-bottom:2px;transition:all .2s ease}._guestBtn_anaye_460:hover:not(:disabled){background:#4ea3ff;border-color:#4ea3ff;color:#fff;transform:scale(1.05)}._guestBtn_anaye_460:disabled{opacity:.4;cursor:not-allowed}._guestNumber_anaye_490{font-size:1.5rem;font-weight:700;color:#1e293b;min-width:2rem;text-align:center}._emptyState_anaye_499{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:2rem;text-align:center}._emptyStateIcon_anaye_510{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#4ea3ff1a;border-radius:50%;margin-bottom:1.5rem;color:#4ea3ff;animation:_wave_anaye_1 2s ease-in-out infinite}@keyframes _wave_anaye_1{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}._emptyStateTitle_anaye_535{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}._emptyStateText_anaye_542{font-size:.95rem;color:#64748b;max-width:280px;line-height:1.5}._loadingState_anaye_550{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:2rem;text-align:center;color:#64748b}._errorState_anaye_563{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;padding:2rem;text-align:center}._errorState_anaye_563 h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem}._errorState_anaye_563 p{font-size:.9rem;color:#64748b}@media(max-width:768px){._content_anaye_4{flex-direction:column!important;width:100vw!important;height:100vh!important;border-radius:0!important}._sidebar_anaye_21{width:100%;height:auto;border-right:none;border-bottom:1px solid #e2e8f0}._grid-container_anaye_134{gap:2rem;grid-template-columns:1fr}._guestCounter_anaye_449{gap:1rem}._guestBtn_anaye_460{width:36px;height:36px}._guestNumber_anaye_490{font-size:1.25rem}._bookingFooter_anaye_100{flex-direction:column;padding:1rem;gap:.75rem}._assignmentInfo_anaye_112{width:100%;flex-direction:row;justify-content:space-between;align-items:center}._bookingFooter_anaye_100 ._action-btn_anaye_264{width:100%}}.daterangepicker-container{position:relative;display:inline-block;width:100%}.daterangepicker-trigger{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%}.daterangepicker-trigger:hover{border-color:#4ea3ff;box-shadow:0 0 0 3px #4ea3ff1a}.daterangepicker-trigger>svg{color:#4ea3ff;flex-shrink:0}.daterangepicker-values{display:flex;align-items:center;gap:12px;flex:1}.daterangepicker-date{display:flex;flex-direction:column;padding:2px 8px;border-radius:8px;transition:all .15s ease}.daterangepicker-date.active{background:#4ea3ff1a}.daterangepicker-label{font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.daterangepicker-value{font-size:.95rem;font-weight:600;color:#1e293b}.daterangepicker-arrow{color:#cbd5e1;font-size:1rem}.daterangepicker-dropdown{position:fixed!important;background:#fff!important;border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #0000000d;padding:16px;z-index:2147483647!important;min-width:320px;animation:daterangeDropdownFadeIn .2s ease}@keyframes daterangeDropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.daterangepicker-selection-indicator{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#f8fafc;border-radius:10px}.selection-tab{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;color:#64748b;transition:all .15s ease}.selection-tab.active{background:#fff;color:#4ea3ff;box-shadow:0 2px 8px #00000014}.selection-date{font-size:.75rem;font-weight:500;color:#94a3b8;margin-top:2px}.selection-tab.active .selection-date{color:#4ea3ff}.daterangepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.daterangepicker-month-year{font-size:1rem;font-weight:600;color:#1e293b}.daterangepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f8fafc;border-radius:10px;cursor:pointer;color:#64748b;transition:all .2s ease}.daterangepicker-nav-btn:hover{background:#4ea3ff;color:#fff}.daterangepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.daterangepicker-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#94a3b8;padding:8px 0;text-transform:uppercase}.daterangepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.daterangepicker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#1e293b;transition:all .15s ease;position:relative}.daterangepicker-day:hover:not(.past):not(.check-in):not(.check-out){background:#f1f5f9}.daterangepicker-day.other-month{color:#cbd5e1}.daterangepicker-day.other-month:hover:not(.past){background:#f8fafc;color:#94a3b8}.daterangepicker-day.today{font-weight:700;color:#4ea3ff}.daterangepicker-day.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#4ea3ff;border-radius:50%}.daterangepicker-day.past{color:#e2e8f0;cursor:not-allowed}.daterangepicker-day.check-in{background:#4ea3ff;color:#fff;font-weight:600;border-radius:8px 0 0 8px}.daterangepicker-day.check-out{background:#4ea3ff;color:#fff;font-weight:600;border-radius:0 8px 8px 0}.daterangepicker-day.check-in.check-out{border-radius:8px}.daterangepicker-day.in-range{background:#4ea3ff26;color:#4ea3ff;border-radius:0}.daterangepicker-day.in-range:hover{background:#4ea3ff40}.daterangepicker-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:center}.nights-count{font-size:.875rem;font-weight:600;color:#4ea3ff;background:#4ea3ff1a;padding:6px 16px;border-radius:20px}@media(max-width:768px){.daterangepicker-dropdown{min-width:290px;padding:12px}.daterangepicker-values{gap:8px}.daterangepicker-date{padding:2px 4px}.daterangepicker-label{font-size:.65rem}.daterangepicker-value{font-size:.85rem}}:root{--timeline-cell-width: 46px;--timeline-row-height: 56px;--timeline-sidebar-width: 220px;--timeline-header-height: 60px;--color-bg-app: #f3f4f6;--color-bg-surface: #ffffff;--color-border: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-highlight-today: #eff6ff;--color-highlight-weekend: #f9fafb}.timeline-wrapper{position:relative;height:auto;max-height:calc(100vh - 140px);min-height:250px;background:var(--color-bg-surface);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--color-border);overflow:auto;isolation:isolate}.timeline-grid{display:grid;grid-template-columns:var(--timeline-sidebar-width) repeat(var(--total-days),minmax(var(--timeline-cell-width),1fr));grid-auto-rows:var(--timeline-row-height)}.timeline-header-cell{position:sticky;top:0;z-index:40;background-color:#f8fafc;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.timeline-header-cell.corner{left:0;z-index:50;background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);align-items:flex-start;padding-left:1.5rem;font-size:.875rem;color:var(--color-text-primary)}.timeline-room-cell{position:sticky;left:0;z-index:30;background-color:var(--color-bg-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:0 1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:background-color .2s;padding:0 16px}.timeline-room-cell:hover{background-color:#f8fafc}.timeline-room-cell:after{content:"";position:absolute;top:0;right:-4px;bottom:0;width:4px;background:linear-gradient(to right,rgba(0,0,0,.05),transparent);pointer-events:none}.timeline-day-cell{border-right:1px dashed #f1f5f9;border-bottom:1px solid var(--color-border);position:relative}.room-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.room-info-row{display:flex;align-items:center;gap:8px;margin-top:4px}.room-type-badge{font-size:.7rem;text-transform:uppercase;font-weight:700;color:#64748b;letter-spacing:.02em}.timeline-day-cell:hover{background-color:#f9fafb}.is-weekend{background-color:#fcfcfc;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 10px)}.is-today{background-color:#eff6ff99}.timeline-header-cell.is-today{background-color:#dbeafe;color:#1e40af;border-bottom:2px solid #3b82f6}.timeline-day-cell:nth-child(7n){border-right:1px solid #e2e8f0}.timeline-reservation-bar{z-index:20;height:36px;margin-top:10px;border-radius:6px;box-shadow:0 2px 4px #0000001f;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:.75rem;font-weight:600;cursor:pointer;overflow:hidden;white-space:nowrap;transition:transform .1s,box-shadow .1s;position:relative;border-width:1px;border-style:solid}.timeline-reservation-bar:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000026;z-index:25}.res-price-tag{background-color:#0003;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:500}.shared-occupancy-pill{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:700;border:1px solid transparent;box-shadow:0 1px 2px #00000008;transition:all .2s ease;white-space:nowrap;min-width:42px;cursor:pointer}.shared-occupancy-pill:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000014}.pill-occupancy-low{background-color:#f0fdfa;color:#0f766e;border-color:#ccfbf1}.pill-occupancy-medium{background-color:#fffbeb;color:#b45309;border-color:#fde68a}.pill-occupancy-high{background-color:#fef2f2;color:#b91c1c;border-color:#fecaca}.pill-occupancy-full{background-color:#f1f5f9;color:#334155;border-color:#cbd5e1}.timeline-footer-cell{background-color:var(--color-bg-surface);position:sticky;left:0;z-index:5}.timeline-day-cell.bg-gray-100{background-image:none!important;background-color:#f3f4f6!important}.timeline-day-cell.cursor-not-allowed:hover{background-color:#f3f4f6!important;transform:none!important}body{font-family:Inter,sans-serif;color:#374151;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.email-app-layout{display:flex;height:100vh;width:100%;background-color:#fffcf9;min-height:calc(100vh - 64px)}.email-sidebar{width:256px;flex-shrink:0;background-color:#f9fafb;border-right:1px solid #e5e7eb;padding:1rem;display:flex;flex-direction:column;justify-content:space-between}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.sidebar-header h1{font-size:1.5rem;font-weight:700;color:#111827}.compose-button{background-color:#4f46e5;color:#fff;font-weight:600;padding:.5rem .75rem;border-radius:.5rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 2px #0000000d;transition:background-color .2s}.compose-button:hover{background-color:#4338ca}.labels-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;padding:0;margin:0}.label-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.375rem;text-decoration:none;color:#4b5563;transition:background-color .2s;cursor:pointer}.label-item:hover{background-color:#f3f4f6}.label-item.active{background-color:#e0e7ff;color:#4338ca;font-weight:600}.label-item span{flex-grow:1}.sidebar-footer .logout-button{width:100%;justify-content:flex-start;font-weight:600}.email-list-column{width:380px;flex-shrink:0;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh}.search-container{padding:1rem;border-bottom:1px solid #e5e7eb}.search-form{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;background-color:#f3f4f6;border-radius:.375rem;padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem;border:1px solid transparent;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #4f46e54d}.email-list{overflow-y:auto;list-style:none;padding:0;margin:0;flex-grow:1}.email-item{padding:1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;gap:.75rem}.email-item:hover{background-color:#f9fafb}.email-item.active{background-color:#fff;border-left:4px solid #4f46e5}.email-item-avatar{width:2.5rem;height:2.5rem;background-color:#dbeafe;color:#2563eb;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:9999px;flex-shrink:0}.email-item-content{flex-grow:1;overflow:hidden}.email-item-header{display:flex;justify-content:space-between;align-items:baseline}.email-item-sender,.email-item-subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-item-sender{font-weight:700;color:#111827}.email-item-time{font-size:.75rem;color:#6b7280;flex-shrink:0;margin-left:.5rem}.email-item-subject{font-weight:600;color:#374151;margin-top:.125rem}.email-item-snippet{font-size:.875rem;color:#6b7280;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-content-column{flex-grow:1;padding:2rem;overflow-y:auto}.email-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.email-content-header h2{font-size:1.875rem;font-weight:700;color:#111827}.email-meta{font-size:.875rem;color:#6b7280;margin-top:.5rem}.email-meta span{font-weight:500;color:#374151}.email-actions{display:flex;align-items:center;gap:.5rem}.email-actions button{color:#6b7280;padding:.5rem;border-radius:9999px;background:none;border:none;cursor:pointer}.email-actions button:hover{background-color:#f3f4f6;color:#1f2937}.email-body{background-color:#fff;color:#374151;line-height:1.6;max-width:896px}.email-body pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.loading-container,.no-selection{display:flex;justify-content:center;align-items:center;height:100%;color:#6b7280}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#11182799;display:flex;justify-content:center;align-items:center;z-index:50;padding:1rem}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{background-color:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:640px;display:flex;flex-direction:column;animation:fadeInScaleUp .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.125rem;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:9999px;transition:background-color .2s,color .2s}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e54d}.form-group textarea{resize:vertical;min-height:120px}.modal-footer{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 .75rem .75rem}.modal-footer button{padding:.5rem 1rem;border-radius:.375rem;border:1px solid transparent;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s}.modal-cancel-btn{background-color:#fff;color:#374151;border-color:#d1d5db}.modal-cancel-btn:hover{background-color:#f9fafb}.modal-send-btn{background-color:#4f46e5;color:#fff}.modal-send-btn:hover{background-color:#4338ca}.pagination-controls{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:1rem;background-color:#f9fafb}.pagination-controls button{padding:.5rem 1rem;cursor:pointer;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;font-weight:500;transition:background-color .2s}.pagination-controls button:hover:not(:disabled){background-color:#f3f4f6}.pagination-controls button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.7}.unread-badge{margin-left:auto;background-color:#2563eb;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:9999px;min-width:20px;text-align:center}.email-item.unread .email-item-sender,.email-item.unread .email-item-subject{font-weight:700;color:#111827}.new-email-toast{padding:.75rem 1rem;background-color:#e0e7ff;color:#3730a3;margin:.5rem;border-radius:.375rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:500;animation:fadeIn .3s ease-out}.new-email-toast:hover{background-color:#c7d2fe}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--auth-bg: #fffcf9;--auth-hero-gradient: #4da4ff;--auth-hero-accent: radial-gradient(circle at 25% 25%, rgba(0, 206, 201, .25), transparent 55%);--auth-card-bg: #ffffff;--auth-card-shadow: 0 30px 60px rgba(28, 43, 68, .15);--auth-border: rgba(28, 43, 68, .08);--auth-input-border: #e8e2db;--auth-input-bg: #fffefc;--auth-focus: #4da4ff;--auth-focus-alt: #487eb0;--auth-cta: #4da4ff;--auth-link: #487eb0;--auth-muted: #8d857c;--auth-font: "Inter", "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(32px,6vw,96px);background:var(--auth-bg);font-family:var(--auth-font);position:relative}.language-switcher{position:fixed;top:clamp(16px,3vw,32px);left:clamp(16px,3vw,32px);background:#ffffffd9;border:1px solid var(--auth-border);border-radius:999px;padding:6px 14px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:#1d2b38;box-shadow:0 8px 24px #00000014;z-index:2}.language-switcher label{font-weight:600;letter-spacing:.03em}.language-switcher select{border:none;background:transparent;font-size:.85rem;font-weight:600;color:#1d2b38;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:4px;cursor:pointer}.language-switcher select:focus{outline:none}.language-current{font-size:.82rem;color:var(--auth-muted)}.login-container{min-height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:16px;padding:clamp(16px,4vw,40px);background:var(--auth-bg);font-family:var(--auth-font)}.login-welcome-side{background:var(--auth-hero-gradient);border-radius:clamp(10px,1.8vw,18px);padding:12px 18px;color:#fff;width:min(960px,100%);isolation:isolate;display:flex;align-items:center;justify-content:center;justify-self:stretch;align-self:end}.login-welcome-side:before,.login-welcome-side:after{display:none}.welcome-content{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.welcome-badge{padding:4px 12px;border-radius:999px;background:#ffffff29;color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.welcome-title{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.1;margin:0;font-weight:700;flex:1 1 220px}.welcome-title span{display:block;font-weight:400;color:#ffffffbf}.welcome-description{margin:0;font-size:.82rem;color:#ffffffe0;max-width:280px;flex:1 1 200px}.welcome-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;flex:1 1 240px}.welcome-list li{display:flex;align-items:center;gap:8px}.welcome-list strong{display:block;font-size:.9rem;margin-bottom:2px}.welcome-list p{margin:0;color:#ffffffb8;font-size:.78rem}.welcome-list-icon{width:30px;height:30px;border-radius:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);position:relative}.welcome-list-icon:after{content:"";position:absolute;inset:8px 6px;border:2px solid rgba(249,250,251,.85);border-top:none;border-left:none;transform:rotate(45deg)}.welcome-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex:1 1 200px}.metric-card{padding:10px 14px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(77,164,255,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-value{display:block;font-size:1.2rem;font-weight:700}.metric-label{font-size:.75rem;color:#ffffffb3}.login-card{background:var(--auth-card-bg);border-radius:clamp(14px,2vw,20px);padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;justify-content:center;border:1px solid var(--auth-border);box-shadow:var(--auth-card-shadow);position:relative;overflow:hidden;width:100%;max-width:420px;margin:0 auto;place-self:center}.login-card--solo{max-width:520px;width:min(520px,100%)}.login-card:after{content:"";position:absolute;inset:12px;border-radius:inherit;border:1px dashed rgba(72,126,176,.12);pointer-events:none}.login-branding{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;position:relative;z-index:1}.brand-badge{padding:6px 14px;background:#4da4ff2e;color:var(--auth-focus);border-radius:999px;font-size:.85rem;font-weight:600}.brand-caption{margin:0;color:var(--auth-muted);font-size:.9rem}.login-header{margin-bottom:16px;text-align:left;position:relative;z-index:1}.login-header--center{text-align:center}.login-title{margin:0 0 8px;font-size:clamp(2rem,3vw,2.5rem);color:#1d2b38;font-weight:700}.login-subtitle{margin:0;color:#465562;font-size:1rem}.login-caption{margin:0 0 24px;color:var(--auth-muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.95rem;font-weight:600;color:#2d3436}.login-card .form-label{color:#2d3436}.form-input{padding:14px 16px;border-radius:14px;border:1px solid var(--auth-input-border);background:#fff;font-size:1rem;transition:all .2s ease;color:#1a1c1d;width:100%}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:10px;background:transparent;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center}.password-toggle:focus-visible{outline:2px solid var(--auth-focus);border-radius:50%}.password-toggle img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.form-input:focus{outline:none;border-color:var(--auth-focus);box-shadow:0 0 0 3px #4da4ff40;background:#fff}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.checkbox-container{display:inline-flex;align-items:center;gap:10px;color:#5e5a55;font-size:.95rem}.checkbox-container input[type=checkbox]{accent-color:var(--auth-focus);width:18px;height:18px}.forgot-password{color:var(--auth-link);font-weight:600}.login-error{border-radius:16px;padding:16px 18px;border:1px solid rgba(189,54,54,.25);background:#ffe1e18c;color:#a32121;font-size:.95rem}.login-button{border:none;border-radius:16px;padding:16px 20px;font-size:1rem;font-weight:600;color:#08192a;background:var(--auth-cta);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 20px 35px #4da4ff59;transition:transform .15s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 25px 45px #4da4ff66}.login-button.loading{background:#4da4ffd9}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#08192a;animation:spin .8s linear infinite}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(55,59,69,.08);text-align:center;position:relative;z-index:1}.login-footer p{margin:0;color:#5b564e;font-size:.95rem}.signup-link{color:var(--auth-link);font-weight:600}.signin-link{color:var(--auth-cta)}.forgot-password:hover,.signup-link:hover{color:var(--auth-focus-alt);text-decoration:underline}.login-support-note{margin-top:12px;color:var(--auth-muted);font-size:.85rem}.dev-code-card{padding:18px;border-radius:16px;background:#487eb01a;border:1px solid rgba(72,126,176,.35);margin-bottom:18px}.dev-code-label{margin:0 0 6px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#2c4f72}.dev-code-value{margin:0;font-size:1.4rem;font-weight:700;color:#1f3a57}@media(max-width:1100px){.login-container{padding:clamp(16px,5vw,32px)}.login-welcome-side,.login-card{min-height:auto}}@media(max-width:640px){.login-container{padding:18px}.login-welcome-side,.login-card{padding:20px}.welcome-list{gap:12px}.login-branding{flex-direction:column;align-items:flex-start}}:root{--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-primary-light: #6366f1;--color-secondary: #f97316;--color-secondary-dark: #ea580c;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #065f46;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-bg-primary: #FFFCF9;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(79, 70, 229, .15);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-base: .2s ease-out;--transition-slow: .3s ease-out}.dashboard-main-content{background:var(--color-bg-primary);min-height:calc(100vh - 64px);padding:var(--spacing-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}.dashboard-main-content:before{content:"";position:fixed;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.dashboard-main-content:after{content:"";position:fixed;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.dashboard-header{position:relative;z-index:1;margin-bottom:var(--spacing-xl);animation:fadeInDown .6s ease-out}.header-content{width:100%}.header-title-section{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md)}.dashboard-hostel-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;line-height:1.2}.date-navigation{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm)}.header-divider{color:#d1d5db;font-size:1.5rem;font-weight:300;line-height:1}.date-controls{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:-moz-fit-content;width:fit-content}.date-picker-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);font-family:inherit;min-width:140px}.date-picker-input:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e51a}.date-picker-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4f46e526}.date-picker-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:opacity(.6);-webkit-transition:filter var(--transition-base);transition:filter var(--transition-base)}.date-picker-input::-webkit-calendar-picker-indicator:hover{filter:opacity(1)}.dashboard-date{color:var(--color-text-primary);font-weight:600;font-size:.95rem;min-width:200px;text-align:center;margin:0}.date-nav-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base);width:36px;height:36px}.date-nav-button:hover{background:var(--color-bg-tertiary);color:var(--color-primary);transform:scale(1.1)}.date-nav-button:active{transform:scale(.95)}.today-indicator{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--color-success-light) 0%,#ecfdf5 100%);color:var(--color-success-dark);padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:default;border:1px solid rgba(16,185,129,.2);box-shadow:var(--shadow-sm);width:-moz-fit-content;width:fit-content;animation:pulse 2s ease-in-out infinite}.indicator-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;display:inline-block;animation:blink 2s ease-in-out infinite}.non-today-indicator{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--color-warning-light) 0%,#fffbeb 100%);color:var(--color-warning-dark);padding:.4rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid rgba(245,158,11,.2);box-shadow:var(--shadow-sm);transition:all var(--transition-base);width:-moz-fit-content;width:fit-content}.non-today-indicator:hover{background:linear-gradient(135deg,#fde68a 0%,var(--color-warning-light) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.kpi-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);position:relative;z-index:1}@media(min-width:768px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi-card{position:relative;background:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-slow);cursor:default;animation:fadeInUp .6s ease-out backwards}.kpi-card:nth-child(1){animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.2s}.kpi-card:nth-child(3){animation-delay:.3s}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#4f46e533}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-base)}.kpi-card:hover:before{opacity:1}.kpi-card-arrivals:before{background:linear-gradient(90deg,#4da4ff,#7ab8ff)}.kpi-card-departures:before{background:linear-gradient(90deg,#fa8128,#fec688)}.kpi-card-occupation:before{background:linear-gradient(90deg,#0fba82,#34d399)}.kpi-card-arrivals:hover{border-color:#4da4ff4d}.kpi-card-departures:hover{border-color:#fa81284d}.kpi-card-occupation:hover{border-color:#0fba824d}.kpi-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);position:relative;transition:all var(--transition-base)}.kpi-icon-wrapper svg{width:20px;height:20px}.kpi-card:hover .kpi-icon-wrapper{transform:scale(1.1) rotate(5deg)}.arrivals-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#4da4ff}.departures-icon{background:linear-gradient(135deg,#fec688 0% 100%);color:#fa8128}.occupation-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#0fba82}.kpi-content{position:relative;z-index:1}.kpi-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.occupation-value{color:var(--color-success);background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.occupation-bar{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-top:.5rem;overflow:hidden;position:relative}.occupation-fill{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,#34d399 100%);border-radius:var(--radius-full);transition:width 1s ease-out;position:relative;overflow:hidden}.occupation-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.kpi-decoration{position:absolute;bottom:-15px;right:-15px;width:80px;height:80px;border-radius:50%;opacity:.05;background:var(--color-primary);pointer-events:none}.kpi-card-arrivals .kpi-decoration{background:var(--color-success)}.kpi-card-departures .kpi-decoration{background:var(--color-warning)}.activities-grid{display:grid!important;grid-template-columns:repeat(3,minmax(380px,1fr))!important;gap:1.5rem!important;position:relative;z-index:1;overflow-x:auto}.activities-grid::-webkit-scrollbar{height:8px}.activities-grid::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:10px}.activities-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.activities-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media(max-width:1280px){.activities-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.activities-grid{grid-template-columns:repeat(1,1fr)!important}}.activity-card{background:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-slow);animation:fadeInUp .6s ease-out backwards;position:relative;overflow:hidden;display:flex;flex-direction:column}.active-reservations-card{animation-delay:.3s}.check-ins-card{animation-delay:.4s}.check-outs-card{animation-delay:.5s}.activity-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.active-reservations-card:before{background:linear-gradient(90deg,var(--color-success) 0%,#34d399 100%)}.check-ins-card:before{background:linear-gradient(90deg,#4da4ff,#7ab8ff)}.check-outs-card:before{background:linear-gradient(90deg,var(--color-secondary) 0%,#fb923c 100%)}.activity-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-bg-tertiary)}.activity-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.activity-icon-wrapper{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.check-in-header-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#4da4ff}.active-reservations-header-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#0fba82}.check-out-header-icon{background:linear-gradient(135deg,#fed7aa,#fdba74);color:var(--color-secondary-dark)}.activity-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.activity-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;padding:0 var(--spacing-xs)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:360px;overflow-y:auto;padding-right:.5rem;flex:1}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:10px}.activity-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px;-webkit-transition:background .2s;transition:background .2s}.activity-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.dashboard-item{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:1.25rem 1.25rem 1.25rem 1.5rem;min-height:110px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);border:2px solid transparent;transition:all var(--transition-base);position:relative;overflow:visible;gap:1rem}.dashboard-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:all var(--transition-base);border-radius:var(--radius-md) 0 0 var(--radius-md)}.check-in-item:before{background:#4da4ff}.check-out-item:before{background:var(--color-secondary)}.active-reservation-item:before{background:var(--color-success)}.dashboard-item-content{flex:1!important;min-width:0;display:flex!important;flex-direction:column!important;align-items:flex-start!important}.item-name{font-weight:600;color:var(--color-text-primary);margin:0 0 .25rem;font-size:.95rem;text-align:left!important;width:100%}.item-details{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.4;text-align:left!important;width:100%}.item-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-paid{background:linear-gradient(135deg,var(--color-success-light) 0%,#ecfdf5 100%);color:var(--color-success-dark);border:1px solid rgba(16,185,129,.2)}.status-pending{background:linear-gradient(135deg,var(--color-warning-light) 0%,#fffbeb 100%);color:var(--color-warning-dark);border:1px solid rgba(245,158,11,.2)}.status-checked-in{background:linear-gradient(135deg,var(--color-success-light) 0%,#ecfdf5 100%);color:var(--color-success-dark);border:1px solid rgba(16,185,129,.2);font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:.375rem}.check-in-btn,.check-out-btn{display:inline-flex!important;align-items:center!important;gap:.5rem;font-weight:600;font-size:.875rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;overflow:hidden;flex-shrink:0!important}.check-in-btn{background:linear-gradient(135deg,#4da4ff,#7ab8ff);color:#fff;box-shadow:0 4px 12px #4da4ff4d}.check-in-btn:hover{background:linear-gradient(135deg,#3b8de8,#4da4ff);transform:translateY(-2px);box-shadow:0 6px 16px #4da4ff66}.check-in-btn:active{transform:translateY(0)}.check-out-btn{background:linear-gradient(135deg,var(--color-secondary) 0%,#fb923c 100%);color:#fff;box-shadow:0 4px 12px #f973164d}.check-out-btn:hover{background:linear-gradient(135deg,var(--color-secondary-dark) 0%,var(--color-secondary) 100%);transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.check-out-btn:active{transform:translateY(0)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-tertiary);font-size:.875rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.dashboard-main-content{padding:var(--spacing-md)}.dashboard-hostel-name{font-size:1.5rem}.date-controls{flex-wrap:wrap;width:100%}.dashboard-date{min-width:auto;flex:1}.kpi-value{font-size:2.25rem}.activity-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.check-in-btn,.check-out-btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.date-nav-button:focus,.check-in-btn:focus,.check-out-btn:focus,.non-today-indicator:focus{outline:2px solid var(--color-primary);outline-offset:2px}.datepicker-custom-container{position:relative;display:inline-block}.datepicker-trigger{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;color:#1e293b;box-shadow:0 1px 3px #0000000d}.datepicker-trigger:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#4da4ff;box-shadow:0 4px 12px #4da4ff26}.datepicker-trigger>svg{color:#4da4ff;flex-shrink:0}.datepicker-value{text-transform:capitalize;flex:1}.datepicker-trigger-placeholder .datepicker-value{color:#94a3b8}.datepicker-clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;color:#b87a2e;transition:all .15s ease;margin-left:4px}.datepicker-clear-btn svg{color:#b87a2e}.datepicker-clear-btn:hover{background:#ffc688;color:#7a4f1a}.datepicker-clear-btn:hover svg{color:#7a4f1a}.datepicker-dropdown{position:fixed;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #0000000d;padding:16px;z-index:99999!important;min-width:300px;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.datepicker-month-year{font-size:1rem;font-weight:600;color:#1e293b}.datepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f8fafc;border-radius:10px;cursor:pointer;color:#64748b;transition:all .2s ease}.datepicker-nav-btn:hover{background:#4da4ff;color:#fff}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.datepicker-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#94a3b8;padding:8px 0;text-transform:uppercase}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datepicker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;color:#1e293b;transition:all .15s ease}.datepicker-day:hover{background:#f1f5f9}.datepicker-day.other-month{color:#cbd5e1}.datepicker-day.other-month:hover{background:#f8fafc;color:#94a3b8}.datepicker-day.today{background:#e0f2fe;color:#4da4ff;font-weight:600}.datepicker-day.today:hover{background:#bae6fd}.datepicker-day.selected{background:linear-gradient(135deg,#4da4ff,#3b8de8);color:#fff;font-weight:600;box-shadow:0 4px 12px #4da4ff4d}.datepicker-day.selected:hover{background:linear-gradient(135deg,#3b8de8,#2a7dd6)}.datepicker-day.selected.today{background:linear-gradient(135deg,#4da4ff,#3b8de8);color:#fff}.datepicker-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:center;gap:8px}.datepicker-today-btn{padding:8px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-weight:500;color:#4da4ff;cursor:pointer;transition:all .2s ease}.datepicker-today-btn:hover{background:linear-gradient(135deg,#4da4ff,#3b8de8);color:#fff;border-color:transparent;box-shadow:0 4px 12px #4da4ff4d}.datepicker-clear-all-btn{padding:8px 20px;background:linear-gradient(135deg,#fff8f0,#ffecd9);border:1px solid #ffc688;border-radius:8px;font-size:.875rem;font-weight:500;color:#b87a2e;cursor:pointer;transition:all .2s ease}.datepicker-clear-all-btn:hover{background:linear-gradient(135deg,#ffc688,#ffb85c);color:#7a4f1a;border-color:#ffc688;box-shadow:0 4px 12px #ffc68866}@media(max-width:768px){.datepicker-dropdown{min-width:280px;padding:12px}.datepicker-trigger{width:32px;height:32px}}:root{--primary-color: #4DA4FF;--primary-hover: #3a8fe0;--text-primary: #111827;--text-secondary: #6b7280;--bg-main: #FFFCF9;--bg-white: #ffffff;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-md: .5rem;--radius-lg: .75rem}body{color:var(--text-primary)}.reservations-main-content{padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:95%;margin:0 auto;background-color:var(--bg-main);min-height:calc(100vh - 64px)}.reservations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reservations-title-wrapper{display:flex;align-items:center;gap:.75rem}.reservations-title-icon{font-size:2.25rem!important;color:var(--primary-color)}.header-titles h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.header-titles p{color:var(--text-secondary);margin-top:.5rem;font-size:.95rem}.add-reservation-btn{background-color:var(--primary-color);color:#fff;font-weight:600;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:.875rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.add-reservation-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.filter-bar{background-color:var(--bg-white);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:2rem;display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem;align-items:flex-end}@media(min-width:768px){.filter-bar{grid-template-columns:2.5fr 1fr 1fr auto}}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);display:block;margin-bottom:.5rem}.filter-group .datepicker-custom-container{width:100%}.filter-group .datepicker-trigger{width:100%;justify-content:flex-start;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background-color:#f9fafb}.filter-group .datepicker-trigger:hover{border-color:var(--primary-color);background-color:#fff}.input-field{width:100%;padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background-color:#f9fafb;transition:all .2s}.input-field:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #4f46e51a}.filter-group-buttons{display:flex;justify-content:flex-end}.clear-btn{font-weight:500;padding:.625rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#fff;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.clear-btn:hover{background-color:#f3f4f6;color:var(--text-primary);border-color:#d1d5db}.reservations-table-container{background-color:var(--bg-white);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow-x:auto;overflow-y:visible;position:relative}.reservations-table{width:100%;font-size:.875rem;border-collapse:separate;border-spacing:0;min-width:800px}.reservations-table thead{background-color:#f9fafb}.reservations-table th{padding:1rem 1.5rem;font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:left}.reservations-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle;color:#4b5563}.reservations-table tbody tr:last-child td{border-bottom:none}.reservations-table tbody tr{transition:background-color .2s}.reservations-table tbody tr:hover{background-color:#f9fafb}.reservations-table-container .reservations-table{transition:opacity .25s ease}.reservations-table-container.table-transitioning .reservations-table{opacity:.45}.table-loading-overlay{position:absolute;inset:0;background:#ffffffb3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5}.table-spinner{width:40px;height:40px;border-radius:9999px;border:3px solid rgba(79,70,229,.25);border-top-color:var(--primary-color);animation:tableSpin .8s linear infinite}@keyframes tableSpin{to{transform:rotate(360deg)}}.guest-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.source-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain;vertical-align:middle}.status-badge,.payment-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1;text-transform:capitalize;white-space:nowrap}.status-confirmed,.status-checked-in{background-color:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-pending{background-color:#fffbeb;color:#d97706;border:1px solid #fde68a}.status-cancelled,.status-no-show{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.status-checked-out,.status-completed{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.payment-paid{background-color:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.payment-unpaid{background-color:#fef2f2;color:#ef4444;border:1px solid #fecaca}.payment-partially-paid{background-color:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.actions-cell{text-align:right;position:relative;width:50px}.actions-button{background:transparent;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.actions-button:hover{background-color:#f3f4f6;color:var(--text-primary)}.actions-dropdown-portal,.actions-dropdown{background-color:#fff;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--border-color);width:160px;overflow:hidden;z-index:50;padding:.25rem 0}.actions-dropdown-portal a,.actions-dropdown a{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--text-primary);text-decoration:none;transition:background .1s}.actions-dropdown-portal a:hover,.actions-dropdown a:hover{background-color:#f9fafb}.actions-dropdown-portal a.action-cancel{color:#dc2626}.actions-dropdown-portal a.action-cancel:hover{background-color:#fef2f2}.floating-pagination-wrapper{position:sticky;bottom:1.5rem;margin-top:1.75rem;display:flex;justify-content:center;z-index:12;pointer-events:none}.floating-pagination{width:min(100%,1100px);background:#ffffffeb;border-radius:1.5rem;border:1px solid rgba(255,255,255,.6);box-shadow:0 25px 70px #0f172a26;padding:1.5rem 1.75rem 2.25rem;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);pointer-events:auto;position:relative}.fp-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.fp-info{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.fp-info-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.fp-range{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:600;color:var(--text-primary)}.fp-range span{min-width:1.6ch;display:inline-block;text-align:center}.fp-range-total{color:var(--text-secondary);font-weight:500;margin-left:.35rem}.fp-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;flex:1;flex-wrap:wrap}.fp-arrow-btn{width:40px;height:40px;border-radius:9999px;border:1px solid rgba(79,70,229,.25);background:#ffffffd9;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fp-arrow-btn:hover:not(:disabled){color:var(--primary-color);border-color:#4f46e573;transform:translateY(-1px)}.fp-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.fp-nav-buttons{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;min-width:220px}.fp-page-btn{position:relative;width:46px;height:50px;border-radius:18px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.fp-page-btn:not(.active):hover{color:var(--text-primary);border-color:#4f46e54d;background:#4f46e50f}.fp-page-btn.active{background:#fff;color:var(--text-primary);border-color:#4da4ff73;box-shadow:0 15px 25px #4da4ff2e}.fp-page-btn.active:after{content:"";position:absolute;width:8px;height:8px;border-radius:9999px;background:var(--primary-color);top:6px;right:8px}.fp-page-tooltip{position:absolute;left:50%;bottom:-10px;transform:translate(-50%,100%);background:#111827eb;color:#fff;font-size:.7rem;padding:.3rem .6rem;border-radius:.4rem;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s ease,transform .2s ease;z-index:2}.fp-page-tooltip:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:transparent transparent rgba(17,24,39,.92) transparent}.fp-page-btn:hover .fp-page-tooltip{opacity:1;transform:translate(-50%,90%)}.fp-ellipsis{width:46px;height:50px;border-radius:18px;border:1px dashed rgba(79,70,229,.35);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.fp-density{min-width:200px;display:flex;flex-direction:column;align-items:flex-end}.fp-density-inline{display:inline-flex;align-items:center;gap:.5rem;text-align:right}.fp-vertical-divider{width:1px;height:60px;background:linear-gradient(180deg,#0f172a00,#0f172a24,#0f172a00);align-self:center}.fp-density-select-wrapper{display:inline-flex;justify-content:flex-end;background:#f3f4f6d9;border:1px solid rgba(148,163,184,.4);border-radius:.65rem;padding:.15rem .6rem;min-width:80px}.fp-density-select{border:none;background:transparent;font-weight:600;font-size:.9rem;color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;text-align:center;cursor:pointer}.fp-density-select:hover{color:var(--primary-color)}.fp-progress-track{position:absolute;left:1.75rem;right:1.75rem;bottom:1rem;height:3px;border-radius:9999px;background:#4da4ff40;overflow:hidden}.fp-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#9ed1ff,#4da4ff,#3a8fe0);transition:width .3s ease}@media(max-width:1024px){.floating-pagination{padding:1.25rem 1.25rem 2rem}.fp-info,.fp-density{min-width:100%;text-align:center}.fp-density{align-items:center}.fp-density-inline,.fp-density-select-wrapper{justify-content:center}.fp-vertical-divider{display:none}}@media(max-width:640px){.fp-nav{width:100%}.fp-page-btn,.fp-ellipsis{width:40px;height:46px}}.loading-state,.error-state{text-align:center;padding:4rem;border-radius:var(--radius-lg);background:#fff;border:1px dashed var(--border-color);margin:2rem 0;color:var(--text-secondary)}.error-state{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.no-data-cell{text-align:center;color:var(--text-secondary);padding:3rem!important}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top,#0f172aa6,#0f172ae6);z-index:2147483000!important;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInOverlay .3s ease-out}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}#add-reservation-modal .modal-content,.modal-overlay .modal-content{width:100%;max-width:1400px!important;box-sizing:border-box;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:18px;padding:1.5rem 1.5rem 1.25rem;max-height:calc(100vh - 40px);overflow-y:auto;z-index:2147483001!important;overflow-x:hidden;box-shadow:0 22px 45px #0f172a4d,0 0 0 1px #94a3b840;transform-origin:center center;will-change:transform,opacity}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.modal-title-group{display:flex;flex-direction:column;gap:.25rem}#add-reservation-modal .modal-title,.modal-overlay .modal-content .modal-title{margin:0;font-size:1.2rem!important;font-weight:700;letter-spacing:.01em;color:#0f172a}#add-reservation-modal .modal-subtitle,.modal-overlay .modal-content .modal-subtitle{margin:0;font-size:.8rem!important;color:#6b7280}#add-reservation-modal .modal-room-chip,.modal-overlay .modal-content .modal-room-chip{display:inline-flex;align-items:center;margin-top:.4rem;padding:.15rem .6rem;border-radius:999px;background:#38bdf81a;color:#0369a1;font-size:.7rem!important;font-weight:500}.modal-close-button{border:none;background:#e5e7eb;border-radius:999px;padding:.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .15s ease}.modal-close-button:hover{background:#111827;color:#f9fafb;transform:translateY(-1px)}.modal-body{display:flex;flex-direction:column;gap:1rem}#add-reservation-modal .modal-body{display:flex!important;flex-direction:column!important;width:100%!important;box-sizing:border-box!important;max-width:none!important;gap:0!important}.reservation-summary-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr);gap:1rem;padding:.85rem 1.1rem;border-radius:999px;background:#0f172a08;border:1px solid rgba(148,163,184,.4);position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.summary-item{display:flex;flex-direction:column;min-width:0}.summary-item-total{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:999px;padding:.15rem .8rem;color:#fff;box-shadow:0 4px 12px #3b82f640}.summary-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.summary-item-total .summary-label{color:#e2e8f0e6}#add-reservation-modal .summary-value,.modal-overlay .modal-content .summary-value{font-size:.85rem!important;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-item-total .summary-value{color:#f9fafb}.summary-value.ok{color:#16a34a}.summary-value.warn{color:#b91c1c}.reservation-main-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1rem;width:100%}#add-reservation-modal .reservation-main-layout{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1.5rem!important;margin-bottom:1rem;width:100%!important;max-width:none!important;box-sizing:border-box!important}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-section-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.left-column,.right-column{background:#f9fafb;border-radius:14px;padding:1.5rem;border:1px solid rgba(209,213,219,.9);box-shadow:0 8px 18px #0f172a0f;min-width:0;overflow:hidden}#add-reservation-modal .left-column,#add-reservation-modal .right-column{min-width:0!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}#add-reservation-modal .section-title,.modal-overlay .modal-content .section-title{margin:0 0 .5rem;font-size:.75rem!important;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#3b82f6}.form-field{display:flex;flex-direction:column;gap:.2rem}.form-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#64748b;display:flex;flex-direction:column}.form-label-hint{font-size:.7rem;font-weight:400;text-transform:none;letter-spacing:normal;color:#9ca3af;margin-top:.25rem;margin-bottom:.5rem;display:block}.input-field,.input-small,.qty-input,select.input-field{max-width:100%;box-sizing:border-box;border-radius:10px;border:1px solid #d1d5db;padding:.45rem .7rem;font-size:.9rem;color:#111827;background:#fff;outline:none;transition:all .15s ease}.input-field:focus,.input-small:focus,.qty-input:focus,select.input-field:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e566,0 0 0 4px #4f46e51a}.input-field[readonly]{background:#f3f4f6;color:#6b7280}.grid-span-2{grid-column:span 2}.room-assignment-item{box-sizing:border-box;width:100%}.form-section-full-column{width:100%}.input-field,.input-small,.qty-input{max-width:100%;box-sizing:border-box}.services-list-compact{display:flex;flex-direction:column;gap:.75rem;width:100%}.service-item-compact{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.85rem 1rem;transition:all .2s ease}.service-item-compact:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.service-item-compact.selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 2px 8px #3b82f626}.service-item-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1rem}.service-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.service-name{font-size:.9rem;font-weight:600;color:#111827;margin:0;cursor:pointer}.service-price{font-size:.8rem;color:#6b7280;font-weight:500}.switch-compact{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-compact input{opacity:0;width:0;height:0}.slider-compact{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider-compact:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.switch-compact input:checked+.slider-compact{background-color:#3b82f6}.switch-compact input:checked+.slider-compact:before{transform:translate(20px)}.service-quantity-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.qty-label{font-size:.8rem;font-weight:600;color:#4b5563;margin:0}.quantity-stepper{display:flex;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.quantity-stepper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quantity-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f9fafb;border:none;cursor:pointer;color:#4b5563;transition:all .15s ease;flex-shrink:0}.quantity-btn:hover{background:#f3f4f6;color:#111827}.quantity-btn:active{transform:scale(.95);background:#e5e7eb}.quantity-btn-decrease{border-right:1px solid #e5e7eb}.quantity-btn-increase{border-left:1px solid #e5e7eb}.quantity-input{width:60px;padding:.5rem .4rem;font-size:.9rem;font-weight:600;text-align:center;border:none;background:transparent;color:#111827;outline:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input:focus{outline:none}.quantity-input::-moz-selection{background:#dbeafe}.quantity-input::selection{background:#dbeafe}.room-assignment-container .section-title{margin-bottom:10px}.rooms-assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.room-assignment-item{display:flex;flex-direction:column;padding:8px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a;position:relative;gap:8px}.room-header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px}.room-assignment-item .room-label{font-size:.85rem;font-weight:600;color:#111827;text-align:left;line-height:1.3;flex:1;min-width:0;margin:0}.room-guest-stepper{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;width:100%}.room-guest-stepper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.room-stepper-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f9fafb;border:none;cursor:pointer;color:#4b5563;transition:all .15s ease;flex-shrink:0;padding:0}.room-stepper-btn:hover:not(:disabled){background:#f3f4f6;color:#111827}.room-stepper-btn:active:not(:disabled){transform:scale(.95);background:#e5e7eb}.room-stepper-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.room-stepper-decrease{border-right:1px solid #e5e7eb}.room-stepper-increase{border-left:1px solid #e5e7eb}.room-guest-count{flex:1;padding:.35rem .3rem;font-size:.85rem;font-weight:600;text-align:center;background:transparent;color:#111827;border:none;outline:none;min-width:30px}.room-beds-indicator{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:6px;padding:4px 6px;box-shadow:0 2px 4px #3b82f64d;font-size:.7rem;line-height:1;flex-shrink:0}.room-beds-count{font-weight:700;font-size:.9rem}.room-beds-label{font-weight:500;font-size:.65rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.room-assignment-container .form-label{margin-bottom:0}.payment-status-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.payment-status-card{position:relative;display:block;cursor:pointer}.payment-status-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.payment-status-content{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.1rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.payment-status-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:all .25s ease}.payment-status-card:hover .payment-status-content{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.payment-status-card.active .payment-status-content{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 8px 20px #3b82f633;transform:translateY(-2px)}.payment-status-card.active .payment-status-content:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.payment-status-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;transition:all .25s ease}.not-paid-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.partial-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.paid-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#16a34a}.payment-status-card.active .not-paid-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;transform:scale(1.1)}.payment-status-card.active .partial-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;transform:scale(1.1)}.payment-status-card.active .paid-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;transform:scale(1.1)}.payment-status-text{display:flex;flex-direction:column;gap:.2rem;flex:1;width:100%}.payment-status-title{font-size:.95rem;font-weight:700;color:#111827;letter-spacing:.01em}.payment-status-subtitle{font-size:.75rem;color:#6b7280;font-weight:500}.payment-status-card.active .payment-status-title{color:#1e40af}.payment-status-check{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.payment-status-card.active .payment-status-check{opacity:1;transform:scale(1)}@media(max-width:768px){.payment-status-options{grid-template-columns:1fr;gap:.75rem}.payment-status-content{flex-direction:row;align-items:center;padding:.9rem}.payment-status-icon{width:36px;height:36px}}.payment-amount-container .input-field[readonly]{background:#f8fafc}.payment-amount-container .input-with-icon{position:static!important;display:inline-flex!important;align-items:center!important}.payment-amount-container .input-icon{position:static!important;margin-left:.5rem;padding-left:0}.payment-amount-container .input-field.input-field-with-icon{padding-left:1rem}.estimated-total-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:999px;padding:.6rem 1.2rem;box-shadow:0 4px 12px #3b82f640;min-width:120px}.estimated-total-value{font-size:.95rem!important;font-weight:700;color:#fff;letter-spacing:.02em}.payment-section{background:#f9fafb;border-radius:14px;padding:1.25rem 1.35rem 1.15rem;border:1px solid rgba(209,213,219,.9);box-shadow:0 8px 18px #0f172a0f}.payment-status-label{margin-bottom:.3rem}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.85rem;border-top:1px solid #e5e7eb;margin-top:.4rem}.button{border-radius:999px;border:1px solid transparent;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .16s ease}.button-cancel{background:#fff;color:#4b5563;border-color:#d1d5db}.button-cancel:hover{background:#f3f4f6}.button-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#f9fafb;box-shadow:0 10px 20px #4f46e559}.button-primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px #4f46e573}.button-primary:disabled,.button-primary[disabled]{background:#e5e7eb;color:#9ca3af;box-shadow:none;cursor:not-allowed}@media(max-width:1400px){#add-reservation-modal .modal-content,.modal-overlay .modal-content{max-width:95vw!important;padding:1.75rem 1.75rem 1.25rem}}@media(max-width:1024px){.reservation-main-layout{grid-template-columns:1fr;gap:1rem}.rooms-assignment-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){#add-reservation-modal .modal-content,.modal-overlay .modal-content{padding:1.25rem 1rem .9rem;border-radius:16px}.reservation-summary-bar{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.55rem;border-radius:18px}.modal-footer{flex-direction:column-reverse;align-items:stretch}.button{width:100%;justify-content:center;display:inline-flex;align-items:center;text-align:center}}.date-range-picker{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.5rem;box-shadow:0 2px 8px #0000000d;width:100%;max-width:100%}.date-range-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.35rem;border-bottom:1px solid #e5e7eb}.date-range-picker-month-year{display:flex;flex-direction:column;align-items:center;gap:.1rem}.date-range-picker-month{font-size:.85rem;font-weight:700;color:#111827;letter-spacing:.02em}.date-range-picker-year{font-size:.65rem;color:#6b7280;font-weight:500}.date-range-picker-nav-btn{background:#f3f4f6;border:none;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4b5563;transition:all .2s ease;padding:0}.date-range-picker-nav-btn:hover{background:#e5e7eb;color:#111827;transform:scale(1.05)}.date-range-picker-nav-btn:active{transform:scale(.95)}.date-range-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.35rem}.date-range-picker-weekday{text-align:center;font-size:.65rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:.25rem 0}.date-range-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem}.date-range-picker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.7rem;font-weight:500;color:#111827;cursor:pointer;transition:all .15s ease;position:relative;background:#fff;border:1px solid transparent;min-height:28px}.date-range-picker-day:hover:not(.disabled):not(.selected){background:#f3f4f6;border-color:#d1d5db;transform:scale(1.05)}.date-range-picker-day.today{font-weight:700;color:#3b82f6}.date-range-picker-day.today:not(.selected):not(.in-range){border:1.5px solid #3b82f6;background:#eff6ff}.date-range-picker-day.disabled{color:#d1d5db;cursor:not-allowed;background:#f9fafb}.date-range-picker-day.disabled:hover{background:#f9fafb;transform:none}.date-range-picker-day.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;border-color:#2563eb;box-shadow:0 4px 12px #3b82f659;z-index:2}.date-range-picker-day.in-range{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;font-weight:600;border-color:#93c5fd}.date-range-picker-day.in-range:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);transform:scale(1.05)}.date-range-picker-day.empty{cursor:default;background:transparent}.date-range-picker-today-btn{width:100%;padding:.4rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.7rem;font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.date-range-picker-today-btn:hover{background:#e5e7eb;color:#111827;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.date-range-picker-today-btn:active{transform:translateY(0)}@media(max-width:768px){.date-range-picker{padding:1rem}.date-range-picker-day{font-size:.8rem}.date-range-picker-weekday{font-size:.7rem}}.rooms-selection-grid-private{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;width:100%}.room-card-private{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.1rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.room-card-private:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:all .25s ease}.room-card-private:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.room-card-private:hover:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.room-card-private.selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 8px 20px #3b82f633;transform:translateY(-2px)}.room-card-private.selected:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.room-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}#add-reservation-modal .room-card-name,.modal-overlay .modal-content .room-card-name{font-size:.9rem!important;font-weight:700;color:#111827;margin:0;flex:1;line-height:1.3}.room-card-private.selected .room-card-name{color:#1e40af}.room-card-check{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d;animation:checkAppear .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.room-card-info{display:flex;flex-direction:column;gap:.25rem}.room-card-capacity{font-size:.85rem;color:#6b7280;font-weight:500}.room-card-private.selected .room-card-capacity{color:#3b82f6;font-weight:600}.room-card-private:focus{outline:none}.room-card-private:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media(max-width:1024px){.rooms-selection-grid-private{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem}}@media(max-width:768px){.rooms-selection-grid-private{grid-template-columns:repeat(2,1fr);gap:.75rem}.room-card-private{padding:.9rem}.room-card-name{font-size:.95rem}.room-card-capacity{font-size:.8rem}}.custom-select-display{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:40px;padding:8px;position:relative}.dropdown-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#888;pointer-events:none}.selected-pill{display:inline-flex;align-items:center;background-color:#e0f7fa;color:#00796b;border-radius:12px;padding:2px 8px;font-size:14px;font-weight:500;cursor:pointer;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s}.selected-pill:hover{background-color:#b2ebf2}.remove-icon{margin-left:6px;font-weight:700;font-size:12px}.placeholder-text{color:#999;font-style:italic;padding-left:2px}.custom-select-dropdown{position:absolute;z-index:10;width:100%;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-top:none;box-shadow:0 4px 8px #0000001a}.dropdown-option{padding:10px;cursor:pointer;display:flex;align-items:center;transition:background-color .1s}.dropdown-option:hover{background-color:#f0f0f0}.dropdown-option.selected{background-color:#e6f7ff;font-weight:600}.checkbox-icon{margin-right:8px;font-size:16px}.button-toggle-group{display:flex;gap:10px;margin-top:5px}.button-toggle{padding:8px 15px;border:1px solid #ccc;background-color:#f9f9f9;color:#555;cursor:pointer;border-radius:4px;transition:all .2s}.button-toggle.active{border-color:#007bff;background-color:#e6f7ff;color:#007bff;box-shadow:0 0 0 2px #007bff40}.button-toggle:disabled{cursor:not-allowed;opacity:.7}.save-status-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:10;border-radius:8px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}.success-message{color:#4caf50;font-size:1rem!important}.success-message>p{font-size:.9rem!important;margin-top:10px}.error-message{color:#f44336;font-size:1rem!important}.error-message button{margin-top:15px}.reservation-detail-view{display:flex;flex-direction:column;gap:1.5rem;font-size:.95rem;color:#374151}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000d}.detail-section h3{margin-top:0;margin-bottom:1rem;font-size:.95rem!important;font-weight:700;color:#111827;border-bottom:2px solid #f3f4f6;padding-bottom:.5rem}.detail-section p{margin:.5rem 0;line-height:1.5}.detail-section p strong{color:#4b5563;font-weight:600;margin-right:.25rem}.primary-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.reservation-id-badge{background-color:#e0e7ff;color:#4338ca;padding:.2rem .5rem;border-radius:4px;font-size:.8em;vertical-align:middle;margin-left:.5rem}.room-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;height:100%;display:flex;flex-direction:column;justify-content:center}.services-table{width:100%;border-collapse:collapse;font-size:.9rem}.services-table th{text-align:left;background-color:#f9fafb;padding:.75rem;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb}.services-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;color:#1f2937}.services-table tfoot td{border-top:2px solid #e5e7eb;background-color:#f9fafb;padding:.75rem;font-weight:700;color:#111827}.notes-info{font-style:italic;color:#6b7280;background:#fffbeb;border-color:#fcd34d}.assigned-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin-top:.75rem}.assigned-room-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e2e8f0;border-radius:10px;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease;box-shadow:0 2px 4px #0f172a14}.assigned-room-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.assigned-room-header{display:flex;align-items:center;gap:.875rem}.assigned-room-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.assigned-room-icon svg{color:#fff}.assigned-room-info{flex:1;min-width:0}#add-reservation-modal .assigned-room-name,.modal-overlay .modal-content .assigned-room-name{font-size:.9rem!important;font-weight:600;color:#1e293b;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assigned-room-guests{font-size:.875rem;color:#64748b;margin:0;display:flex;align-items:center;gap:.375rem}.assigned-room-guests:before{content:"👤";font-size:.875rem}.change-room-btn{width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;transition:all .2s ease}.change-room-btn:hover{background:#f1f5f9;border-color:#cbd5e1}#add-reservation-modal h2,#add-reservation-modal h3,.modal-overlay .modal-content h2,.modal-overlay .modal-content h3{font-size:.85rem!important}.developer-login-container{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;margin:0;position:fixed;inset:0}.developer-login-box{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;width:100%;max-width:420px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.developer-login-box h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a202c;text-align:center}.login-subtitle{margin:0 0 32px;color:#718096;text-align:center;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2d3748}.form-group input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .2s;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-error{padding:12px 16px;background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:14px;text-align:center}.login-button{padding:14px 24px;background:#4da4ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #4da4ff59}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:center}.login-footer p{margin:0;font-size:13px;color:#718096}.developer-panel{padding:0;max-width:100%;width:100vw;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#252d3b;background-image:linear-gradient(50deg,#1c212b 20%,#252d3b 80%);min-height:100vh;overflow-x:hidden}.panel-header{margin:0 0 2rem;display:flex;justify-content:space-between;align-items:center;background:transparent;padding:2rem;color:#fff}.panel-header>div{flex:1}.panel-header h1{font-size:2rem;margin:0;color:#fff}.panel-header .subtitle{color:#fffc;margin-top:.5rem;margin-bottom:0}.tabs{display:flex;gap:1rem;margin:0 0 2rem;background:transparent;padding:1rem 2rem}.tab{padding:.75rem 1.5rem;background:#2d374899;border:none;border-radius:8px;border-bottom:none;cursor:pointer;font-size:1rem;font-weight:500;color:#ffffffe6;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab:hover{background:#3b82f64d;transform:translateY(-2px);color:#fff}.tab.active{color:#fff;background:linear-gradient(to right,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.tab-content{min-height:400px;padding:1rem 0;background:#fff;border-radius:8px;padding:2rem}.actions-bar{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680;background:linear-gradient(to right,#2563eb,#1d4ed8)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:#2d3748cc;color:#fff;border:2px solid rgba(59,130,246,.5);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-danger{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-logout{padding:.5rem 1rem;background:#1c212bcc;color:#fff;border:2px solid rgba(239,68,68,.5);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-logout:hover{background:linear-gradient(to right,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466;border-color:transparent}.schema-filter{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;min-width:200px}.hostels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;width:100%;padding:0 2rem 3rem}.hostel-card{background:#2d3748b3;border:1px solid rgba(59,130,246,.3);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.hostel-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #3b82f666;border-color:#3b82f6}.card-header{padding:1.5rem;border-bottom:2px solid #e5e7eb;background:#f9fafb}.card-header h3{margin:0 0 .5rem;font-size:1.25rem;color:#111827;font-weight:600}.schema-badge{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.75rem;font-weight:500;font-family:monospace}.card-body{padding:1.5rem}.card-body p{margin:.5rem 0;color:#374151;font-size:.875rem}.card-actions{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.users-table-container{background:#2d3748b3;border:1px solid rgba(59,130,246,.3);border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:0 2rem 3rem}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#ffffff1a}.users-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;font-size:.875rem;border-bottom:1px solid rgba(255,255,255,.2)}.users-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:.875rem}.users-table tbody tr:hover{background:#ffffff1a}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.role-admin{background:#fef3c7;color:#92400e}.role-user{background:#dbeafe;color:#1e40af}.role-staff{background:#d1fae5;color:#065f46}.status-badge{display:inline-block;padding:.35rem .85rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.status-disabled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.btn-action{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s}.btn-enable{background:linear-gradient(to right,#10b981,#059669);color:#fff}.btn-enable:hover{background:linear-gradient(to right,#059669,#047857);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-disable{background:linear-gradient(to right,#ef4444,#dc2626);color:#fff}.btn-disable:hover{background:linear-gradient(to right,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-delete{background:linear-gradient(to right,#7f1d1d,#991b1b);color:#fff;padding:.5rem .75rem}.btn-delete:hover{background:linear-gradient(to right,#991b1b,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #7f1d1d99}.btn-action:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:#111827}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1a1a;font-size:.875rem}.form-group input,.form-group select{width:100%;padding:.75rem;background:#fff;color:#1a1a1a;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem}.form-group input::-moz-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#fff}.form-group small{display:block;margin-top:.25rem;color:#4b5563;font-size:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.form-section{max-width:900px;margin:0 auto 3rem;background:#2d3748b3;padding:3rem;border-radius:16px;box-shadow:0 8px 30px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(59,130,246,.3)}.form-section h2{margin:0 0 .5rem;color:#1a1a1a;font-size:1.75rem}.form-section h3{margin:1.5rem 0 1rem;color:#374151;font-size:1.25rem}.section-description{color:#4b5563;margin-bottom:2rem;line-height:1.5}.create-form{margin-top:1.5rem}.form-hint{display:block;margin-top:.5rem;color:#6b7280;font-size:.8rem;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#1a1a1a}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.checkbox-label span{font-size:1rem}.form-divider{height:1px;background:#0000001a;margin:2rem 0 1.5rem}.form-actions{display:flex;justify-content:center;margin-top:2.5rem;padding-top:2rem;border-top:2px solid #e5e7eb}.btn-large{padding:1rem 2.5rem;font-size:1rem;font-weight:600}.actions-bar h2{margin:0;font-size:1.5rem;color:#111827}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e5e7eb;flex-wrap:wrap}.tab{padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#6b7280;transition:all .2s;white-space:nowrap}.online-checkin-container{min-height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;position:relative}.online-checkin-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:1200px;width:100%;padding:3rem;animation:fadeIn .5s ease;box-sizing:border-box;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkin-header{text-align:center;margin-bottom:2rem}.checkin-header h1{font-size:2.5rem;color:#667eea;margin-bottom:.5rem}.welcome-text{color:#666;font-size:1.1rem}.reservation-info{background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.reservation-info h3{color:#667eea;margin-bottom:1rem;font-size:1.2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{font-size:.875rem;color:#666;font-weight:500}.info-item .value{font-size:1.1rem;color:#333;font-weight:600}.checkin-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f9f9f9;border-radius:12px;padding:1.5rem}.form-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.file-input{padding:.5rem!important;cursor:pointer}.file-name{display:inline-block;margin-top:.5rem;color:#667eea;font-size:.9rem}.guest-title{color:#333;font-size:1.3rem;margin-bottom:1.5rem;font-weight:700}.guest-form-section{border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:2rem;background:#fafafa}.guest-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-remove-guest{background:#f44;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-remove-guest:hover{background:#c00;transform:scale(1.05)}.btn-add-guest{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #4caf5066;margin:1rem auto;display:block}.btn-add-guest:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.form-actions{display:flex;justify-content:center;margin-top:1rem}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 3rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.privacy-note{text-align:center;color:#999;font-size:.85rem;margin-top:1rem}.loading-message,.error-message{text-align:center;padding:3rem 2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message h2,.error-message h2{color:#333;margin-bottom:.5rem}.loading-message p,.error-message p{color:#666}.help-text{margin-top:1rem;font-size:.9rem;color:#999}@media(max-width:768px){.online-checkin-container{padding:1rem}.online-checkin-card{padding:2rem 1.5rem;max-width:100%}.checkin-header h1{font-size:2rem}.form-row{grid-template-columns:1fr}.submit-button{width:100%}}body.online-checkin-active{margin:0;padding:0;overflow-x:hidden}#root{width:100%}.whatsapp-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 64px);background:#fffcf9}.whatsapp-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.whatsapp-header-icon{width:48px;height:48px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #25d3664d}.whatsapp-header-title{margin:0;font-size:2rem;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#25d366,#128c7e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.whatsapp-tabs{background:#fff;border-radius:16px;padding:.5rem;display:inline-flex;gap:.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000f}.whatsapp-tab{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:12px;font-size:.95rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem}.whatsapp-tab:hover{background:#f3f4f6;color:#374151}.whatsapp-tab.active{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 12px #25d3664d}.whatsapp-card{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 40px #0000000f;overflow:hidden}.whatsapp-card-header{padding:2rem;border-bottom:1px solid rgba(0,0,0,.06)}.whatsapp-card-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.whatsapp-card-subtitle{color:#6b7280;font-size:.95rem;margin:0}.whatsapp-card-body{padding:2rem}.whatsapp-form-group{margin-bottom:1.5rem}.whatsapp-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.whatsapp-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#f9fafb}.whatsapp-input:focus{outline:none;border-color:#25d366;background:#fff;box-shadow:0 0 0 3px #25d3661a}.whatsapp-textarea{width:100%;min-height:120px;resize:vertical;font-family:inherit;font-size:.9375rem;line-height:1.6;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#1a1a1a;transition:all .3s ease;box-sizing:border-box}.whatsapp-textarea:focus{outline:none;border-color:#25d366;background:#fff;box-shadow:0 0 0 3px #25d3661a}.whatsapp-textarea::-moz-placeholder{color:#9ca3af}.whatsapp-textarea::placeholder{color:#9ca3af}.whatsapp-alert{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.whatsapp-alert-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;color:#1e40af}.whatsapp-alert-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;color:#92400e}.whatsapp-alert-icon{flex-shrink:0;font-size:1.25rem}.whatsapp-button{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.whatsapp-button-primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 12px #25d3664d}.whatsapp-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36666}.whatsapp-button-primary:active{transform:translateY(0)}.whatsapp-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.whatsapp-chat-container{display:flex;height:75vh;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #00000014}.whatsapp-contacts{width:380px;border-right:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;background:#f8f9fa}.whatsapp-contacts-header{padding:1.5rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.whatsapp-contacts-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:.5rem}.whatsapp-contacts-count{font-size:.875rem;color:#6b7280;margin-top:.25rem}.whatsapp-contacts-list{flex:1;overflow-y:auto}.whatsapp-contact-item{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.04);cursor:pointer;transition:all .2s ease;background:#fff}.whatsapp-contact-item:hover{background:#f3f4f6}.whatsapp-contact-item.active{background:linear-gradient(90deg,#25d3661a,#25d3660d);border-left:3px solid #25D366}.whatsapp-contact-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.125rem;flex-shrink:0}.whatsapp-contact-info{flex:1;min-width:0}.whatsapp-contact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.whatsapp-contact-name{font-weight:600;color:#1a1a1a;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whatsapp-contact-preview{color:#6b7280;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.25rem}.whatsapp-contact-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-contact-time{font-size:.75rem;color:#9ca3af}.whatsapp-messages-panel{flex:1;display:flex;flex-direction:column;background:#e5ddd5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%23e5ddd5" width="100" height="100"/><circle fill="%23d9d0c7" cx="50" cy="50" r="1" opacity="0.4"/></svg>')}.whatsapp-chat-area{flex:1;display:flex;flex-direction:column;background:#e5ddd5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect fill="%23e5ddd5" width="100" height="100"/><circle fill="%23d9d0c7" cx="50" cy="50" r="1" opacity="0.4"/></svg>')}.whatsapp-chat-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#075e54,#128c7e);color:#fff;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:1rem}.whatsapp-chat-avatar{width:40px;height:40px;border-radius:50%;background:#fff;color:#075e54;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.whatsapp-messages-area,.whatsapp-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.whatsapp-message-row{display:flex;margin-bottom:.5rem}.whatsapp-message-row.incoming{justify-content:flex-start}.whatsapp-message-row.outgoing{justify-content:flex-end}.whatsapp-message{display:flex;align-items:flex-end;gap:.5rem;max-width:70%;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.whatsapp-message.incoming{align-self:flex-start}.whatsapp-message.outgoing{align-self:flex-end;flex-direction:row-reverse}.whatsapp-message-bubble{padding:.75rem 1rem;border-radius:12px;box-shadow:0 2px 8px #00000014;position:relative}.whatsapp-message.incoming .whatsapp-message-bubble{background:#fff;border-bottom-left-radius:4px}.whatsapp-message.outgoing .whatsapp-message-bubble{background:linear-gradient(135deg,#dcf8c6,#d0f0c0);border-bottom-right-radius:4px}.whatsapp-message-text{color:#1a1a1a;font-size:.9375rem;line-height:1.5;margin:0;word-wrap:break-word}.whatsapp-message-meta{display:flex;align-items:center;gap:.25rem;justify-content:flex-end;margin-top:.25rem}.whatsapp-message-time{font-size:.75rem;color:#667781}.whatsapp-message-status{color:#53bdeb;font-size:.875rem}.whatsapp-message-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;margin-top:.5rem;background:#0000000d;color:#6b7280}.whatsapp-message-input-container{padding:1rem 1.5rem;background:#f0f0f0;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:.5rem}.whatsapp-chat-input{padding:1rem 1.5rem;background:#fff;border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:flex-end;gap:.75rem}.whatsapp-input-wrapper{flex:1;position:relative}.whatsapp-message-input{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:24px;font-size:.9375rem;resize:none;max-height:120px;font-family:inherit;background:#f9fafb;transition:all .3s ease}.whatsapp-message-input:focus{outline:none;border-color:#25d366;background:#fff;box-shadow:0 0 0 3px #25d3661a}.whatsapp-send-button{width:48px;height:48px;border:none;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #25d3664d;flex-shrink:0}.whatsapp-send-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #25d36666}.whatsapp-send-button:active{transform:scale(.95)}.whatsapp-send-button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.whatsapp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:2rem;color:#9ca3af}.whatsapp-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.whatsapp-empty-text{font-size:1.125rem;font-weight:500;color:#6b7280}.whatsapp-template-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.whatsapp-template-card:hover{border-color:#25d366;box-shadow:0 4px 16px #25d36626}.whatsapp-template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.whatsapp-template-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.whatsapp-template-subtitle{font-size:.8125rem;color:#6b7280;margin:.25rem 0 0}.whatsapp-template-type{font-size:.8125rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:6px}.whatsapp-switch{position:relative;display:inline-block;width:48px;height:26px}.whatsapp-switch input{opacity:0;width:0;height:0}.whatsapp-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e0;transition:.3s;border-radius:34px}.whatsapp-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.whatsapp-switch input:checked+.whatsapp-switch-slider{background:linear-gradient(135deg,#25d366,#128c7e)}.whatsapp-switch input:checked+.whatsapp-switch-slider:before{transform:translate(22px)}@media(max-width:768px){.whatsapp-container{padding:1rem}.whatsapp-contacts{width:100%;max-width:300px}.whatsapp-chat-messages{padding:1rem}.whatsapp-message{max-width:85%}}.activities-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 64px);background:#fffcf9}.activities-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.activities-header-left{display:flex;align-items:center;gap:1rem}.activities-header-icon{width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #10b9814d}.activities-header-title{margin:0;font-size:2rem;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activities-tabs{background:#fff;border-radius:16px;padding:.5rem;display:inline-flex;gap:.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000000f}.activities-tab{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:12px;font-size:.95rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.activities-tab:hover{background:#f3f4f6;color:#1f2937}.activities-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.activities-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;margin-bottom:2rem}.activities-card-header{padding:2rem;border-bottom:1px solid rgba(0,0,0,.06)}.activities-card-title{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.activities-card-subtitle{font-size:.9375rem;color:#6b7280;margin:0}.activities-card-body{padding:2rem;overflow:visible}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:.5rem;margin:-.5rem}.activity-item{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;position:relative;z-index:1}.activity-item:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98126;transform:translateY(-2px);z-index:10}.activity-item-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#e5e7eb,#d1d5db);display:flex;align-items:center;justify-content:center;font-size:3rem}.activity-item-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.activity-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:.5rem}.activity-item-title{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0}.activity-item-type{font-size:.75rem;padding:.25rem .75rem;border-radius:6px;background:#10b981;color:#fff;text-transform:uppercase;font-weight:600}.activity-item-description{font-size:.875rem;color:#6b7280;margin:.5rem 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-item-details{display:flex;gap:1rem;margin:1rem 0;font-size:.8125rem;color:#6b7280}.activity-item-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:auto;border-top:1px solid #e5e7eb;gap:.5rem}.activity-item-price{font-size:1.5rem;font-weight:700;color:#10b981}.activity-item-actions{display:flex;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.bookings-list{display:flex;flex-direction:column;gap:1rem}.booking-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.booking-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.booking-item-info{flex:1}.booking-item-activity{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.booking-item-details{display:flex;gap:1.5rem;font-size:.875rem;color:#6b7280}.booking-item-actions{display:flex;gap:.75rem;align-items:center}.status-badge{padding:.375rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.status-badge.completed{background:#dbeafe;color:#1e40af}.activities-button{padding:.75rem 1.5rem;border-radius:10px;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.activities-button-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.activities-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.activities-button-secondary{background:#f3f4f6;color:#374151}.activities-button-secondary:hover{background:#e5e7eb}.activities-button-danger{background:#fee2e2;color:#dc2626}.activities-button-danger:hover{background:#fecaca}.activities-form-field{margin-bottom:1.5rem}.activities-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.activities-form-input,.activities-form-textarea,.activities-form-select{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9375rem;transition:all .2s ease}.activities-form-input:focus,.activities-form-textarea:focus,.activities-form-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.activities-form-textarea{resize:vertical;min-height:100px}.activities-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.stat-card-label{font-size:.875rem;color:#6b7280;margin:0 0 .5rem}.stat-card-value{font-size:2rem;font-weight:700;color:#10b981;margin:0}.activities-empty-state{text-align:center;padding:4rem 2rem;color:#9ca3af}.activities-empty-state svg{font-size:4rem;margin-bottom:1rem;opacity:.3}@media(max-width:768px){.activities-grid{grid-template-columns:1fr}.activities-header,.booking-item{flex-direction:column;align-items:flex-start;gap:1rem}.booking-item-actions{width:100%;justify-content:flex-end}}.bookings-layout{display:grid;grid-template-columns:450px 1fr;gap:2rem;margin-bottom:1rem}.bookings-calendar-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;height:-moz-fit-content;height:fit-content;position:sticky;top:1rem;box-shadow:0 4px 12px #0000000f}.bookings-main{min-width:0}.mini-calendar{width:100%}.mini-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mini-calendar-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1a1a1a}.mini-calendar-nav{display:flex;gap:.5rem}.mini-calendar-nav button{background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;font-size:1.25rem;font-weight:600;transition:all .2s}.mini-calendar-nav button:hover{background:#10b981;color:#fff}.mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:.5rem}.mini-calendar-weekday{text-align:center;font-size:.75rem;font-weight:600;color:#9ca3af;padding:.5rem 0;text-transform:uppercase}.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.mini-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.9375rem;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;color:#1a1a1a;font-weight:500;min-height:48px}.mini-calendar-day:hover:not(.other-month):not(.disabled){background:#e0e7ff;transform:scale(1.05)}.mini-calendar-day.has-bookings:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;background:#ef4444;border-radius:50%}.booking-count-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:.5rem;font-weight:600;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.mini-calendar-day.today .booking-count-badge,.mini-calendar-day.selected .booking-count-badge{background:#fff;color:#10b981}.calendar-stats{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.calendar-stat{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.calendar-stat-value{font-weight:600;color:#1a1a1a}.mini-calendar-day.today{background:#10b981;color:#fff;font-weight:600}.mini-calendar-day.selected{background:#059669;color:#fff;font-weight:600}.mini-calendar-day.has-bookings:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#ef4444;border-radius:50%}.mini-calendar-day.today.has-bookings:after,.mini-calendar-day.selected.has-bookings:after{background:#fff}.mini-calendar-day.other-month{color:#d1d5db}.mini-calendar-day.disabled{color:#e5e7eb;cursor:not-allowed}.calendar-legend{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.calendar-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.calendar-legend-dot{width:8px;height:8px;border-radius:50%;background:#ef4444}.bookings-filters{display:flex;align-items:flex-end;gap:1rem;margin-bottom:2rem;padding:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;box-shadow:0 2px 8px #0000000a}.selected-date-banner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;margin-bottom:.5rem;font-size:.875rem}.selected-date-banner strong{font-weight:600}.selected-date-banner button{background:#fff;color:#10b981;border:none;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.selected-date-banner button:hover{background:#f3f4f6}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-group input,.filter-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.bookings-timeline{display:flex;flex-direction:column;gap:2rem}.booking-group{border-left:3px solid #10B981;padding-left:1.5rem}.booking-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.booking-group-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.booking-count{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:.25rem .75rem;border-radius:12px}.booking-group-items{display:flex;flex-direction:column;gap:.75rem}.booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.booking-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#10b981}.booking-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:pointer;gap:1rem}.booking-card-main{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.booking-card-activity{display:flex;align-items:center;gap:.75rem;min-width:200px}.booking-card-icon{font-size:2rem;flex-shrink:0}.booking-card-activity h4{margin:0;font-size:1rem;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking-card-type{font-size:.75rem;color:#6b7280;text-transform:capitalize}.booking-card-guest{display:flex;flex-direction:column;gap:.25rem;min-width:180px}.booking-card-guest-name{font-size:.875rem;font-weight:500;color:#374151}.booking-card-guest-phone{font-size:.75rem;color:#6b7280}.booking-card-summary{display:flex;align-items:center;gap:1rem;flex-shrink:0}.booking-card-time{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:70px}.booking-card-date{font-size:1rem;font-weight:600;color:#1a1a1a}.booking-card-time-value{font-size:.75rem;color:#6b7280}.booking-card-participants{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:100px}.booking-card-pax{font-size:.875rem;color:#374151}.booking-card-price{font-size:1rem;font-weight:600;color:#10b981}.booking-card-expand{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;font-size:.875rem;transition:all .2s}.booking-card-expand:hover{color:#1a1a1a}.booking-card-details{border-top:1px solid #e5e7eb;padding:1rem;background:#f9fafb;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.booking-card-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.booking-detail-item{display:flex;flex-direction:column;gap:.25rem}.booking-detail-item.full-width{grid-column:1 / -1}.booking-detail-label{font-size:.75rem;color:#6b7280;font-weight:500}.booking-detail-value{font-size:.875rem;color:#1a1a1a}.booking-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.modal-close{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#1a1a1a}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=time],.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#1a1a1a;background-color:#fff;transition:all .2s;box-sizing:border-box}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus,.form-group input[type=time]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group textarea{resize:vertical;font-family:inherit}.form-group input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.25rem}.form-row .form-group{margin-bottom:0}.activities-button-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.activities-button-danger:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.activities-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.activities-card-header>div{flex:1}@media(max-width:768px){.modal-content{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.activities-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.bookings-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.booking-card-header{flex-direction:column;align-items:flex-start}.booking-card-main{flex-direction:column;align-items:flex-start;width:100%}.booking-card-summary{width:100%;justify-content:space-between}.booking-card-activity,.booking-card-guest{min-width:100%}.bookings-layout{grid-template-columns:1fr}.bookings-calendar-sidebar{position:static;order:2}.bookings-main{order:1}.activities-grid{grid-template-columns:1fr}}.page-container .section-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.5rem}.page-container .section-title-wrapper{display:flex;align-items:center;gap:.75rem}.page-container .section-icon{font-size:1.5rem;color:var(--primary, #3b82f6)}.page-container .section-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);text-align:left}.page-container .section-content{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.date-range-selector{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.date-separator{font-size:1.5rem;color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.grand-total-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.grand-total-amount{font-size:3rem;font-weight:700;margin-bottom:.5rem;line-height:1}.grand-total-meta{display:flex;gap:1.5rem;font-size:.95rem;opacity:.95;flex-wrap:wrap}.date-range-badge{background:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.875rem}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(min-width:768px){.payment-methods-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.payment-methods-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1600px){.payment-methods-grid{grid-template-columns:repeat(4,1fr)}}.method-card{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:1.5rem;transition:all .2s ease}.method-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.method-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.method-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-light, #eff6ff);color:var(--primary, #3b82f6);border-radius:10px}.method-icon svg{font-size:1.5rem}.method-card-header h4{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827)}.method-card-total{font-size:2rem;font-weight:700;color:var(--text-primary, #111827);margin-bottom:1rem}.method-card-breakdown{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.breakdown-item{display:flex;align-items:center;gap:.75rem}.breakdown-icon{font-size:1.25rem;color:var(--text-secondary, #6b7280)}.breakdown-details{display:flex;justify-content:space-between;align-items:center;flex:1;gap:.5rem}.breakdown-label{font-size:.875rem;color:var(--text-secondary, #6b7280)}.breakdown-value{font-size:.875rem;font-weight:600;color:var(--text-primary, #111827)}.no-data-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary, #6b7280)}.no-data-message p{margin:0;font-size:1rem}.loading-container,.error-container{text-align:center;padding:3rem 1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top-color:var(--primary, #3b82f6);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.error-container p{color:var(--danger, #ef4444);margin-bottom:1rem}@media(max-width:768px){.date-range-selector{flex-direction:column;align-items:stretch}.date-separator{display:none}.grand-total-amount{font-size:2.5rem}.payment-methods-grid{grid-template-columns:1fr}}.session-modal-overlay{position:fixed;inset:0;background-color:#0009;z-index:9998;animation:fadeIn .3s ease-in-out}.session-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;z-index:9999;width:90%;max-width:500px;animation:slideIn .3s ease-out}.session-modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.session-modal-icon{font-size:32px;line-height:1}.session-modal-title{margin:0;font-size:20px;font-weight:600;color:#1f2937}.session-modal-body{padding:20px 24px}.session-modal-message{margin:0 0 12px;font-size:15px;color:#374151;line-height:1.6}.session-modal-detail{margin:0;font-size:14px;color:#6b7280;line-height:1.5;padding:12px;background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:4px}.session-modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end}.session-modal-button{background-color:#3b82f6;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:100px}.session-modal-button:hover{background-color:#2563eb}.session-modal-button:active{background-color:#1d4ed8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(max-width:640px){.session-modal{width:95%;max-width:none}.session-modal-header{padding:20px 20px 12px}.session-modal-icon{font-size:28px}.session-modal-title{font-size:18px}.session-modal-body{padding:16px 20px}.session-modal-message{font-size:14px}.session-modal-detail{font-size:13px}.session-modal-footer{padding:12px 20px 20px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-2{inset:-.5rem}.-inset-4{inset:-1rem}.-inset-8{inset:-2rem}.-inset-\[1px\],.-inset-px{inset:-1px}.inset-0{inset:0}.inset-px{inset:1px}.-bottom-1{bottom:-.25rem}.-left-5{left:-1.25rem}.-right-3{right:-.75rem}.-top-3{top:-.75rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-1\/4{left:25%}.left-6{left:1.5rem}.right-0{right:0}.right-1\/4{right:25%}.right-6{right:1.5rem}.top-0{top:0}.top-1\/4{top:25%}.top-2{top:.5rem}.top-24{top:6rem}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-\[0\.25em\]{margin-right:.25em}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[1px\]{height:1px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:12rem}.min-h-\[350px\]{min-height:350px}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[200\%\]{width:200%}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-8{--tw-translate-y: 2rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-x-\[-20deg\]{--tw-skew-x: -20deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[shimmer_2s_infinite\]{animation:shimmer 2s infinite}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-between{align-content:space-between}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[15px\]{border-radius:15px}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.\!border-indigo-200{--tw-border-opacity: 1 !important;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))!important}.border-\[\#4DA4FF\]{--tw-border-opacity: 1;border-color:rgb(77 164 255 / var(--tw-border-opacity, 1))}.border-\[\#4da4ff\]\/20{border-color:#4da4ff33}.border-\[\#BAE6FD\]{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-\[rgba\(0\,0\,0\,0\.06\)\]{border-color:#0000000f}.border-\[rgba\(0\,0\,0\,0\.08\)\]{border-color:#00000014}.border-\[rgba\(0\,0\,0\,0\.12\)\]{border-color:#0000001f}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-100\/50{border-color:#fef3c780}.border-black\/\[0\.03\]{border-color:#00000008}.border-black\/\[0\.05\]{border-color:#0000000d}.border-black\/\[0\.06\]{border-color:#0000000f}.border-black\/\[0\.08\]{border-color:#00000014}.border-blue-100\/50{border-color:#dbeafe80}.border-cyan-100{--tw-border-opacity: 1;border-color:rgb(207 250 254 / var(--tw-border-opacity, 1))}.border-cyan-100\/50{border-color:#cffafe80}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-emerald-100\/50{border-color:#d1fae580}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-100\/50{border-color:#e0e7ff80}.border-indigo-300{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.border-orange-100{--tw-border-opacity: 1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}.border-orange-100\/50{border-color:#ffedd580}.border-pink-100\/50{border-color:#fce7f380}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-rose-100\/50{border-color:#ffe4e680}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-50{--tw-border-opacity: 1;border-color:rgb(248 250 252 / var(--tw-border-opacity, 1))}.border-teal-100\/50{border-color:#ccfbf180}.border-violet-200\/50{border-color:#ddd6fe80}.border-white\/40{border-color:#fff6}.border-white\/60{border-color:#fff9}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.\!bg-\[\#f3fcf9\]{--tw-bg-opacity: 1 !important;background-color:rgb(243 252 249 / var(--tw-bg-opacity, 1))!important}.bg-\[\#1F2937\]{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-\[\#28CA42\]{--tw-bg-opacity: 1;background-color:rgb(40 202 66 / var(--tw-bg-opacity, 1))}.bg-\[\#3d94ef\]{--tw-bg-opacity: 1;background-color:rgb(61 148 239 / var(--tw-bg-opacity, 1))}.bg-\[\#4DA4FF\]{--tw-bg-opacity: 1;background-color:rgb(77 164 255 / var(--tw-bg-opacity, 1))}.bg-\[\#4F46E5\]{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-\[\#4da4ff\]{--tw-bg-opacity: 1;background-color:rgb(77 164 255 / var(--tw-bg-opacity, 1))}.bg-\[\#4da4ff\]\/10{background-color:#4da4ff1a}.bg-\[\#6bb8ff\]{--tw-bg-opacity: 1;background-color:rgb(107 184 255 / var(--tw-bg-opacity, 1))}.bg-\[\#A5B4FC\]{--tw-bg-opacity: 1;background-color:rgb(165 180 252 / var(--tw-bg-opacity, 1))}.bg-\[\#F0F9FF\]{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-\[\#F3F4F6\]{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-\[\#F9FAFB\]{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-\[\#FF5F57\]{--tw-bg-opacity: 1;background-color:rgb(255 95 87 / var(--tw-bg-opacity, 1))}.bg-\[\#FFBD2E\]{--tw-bg-opacity: 1;background-color:rgb(255 189 46 / var(--tw-bg-opacity, 1))}.bg-\[\#FFFCF9\]{--tw-bg-opacity: 1;background-color:rgb(255 252 249 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-50\/80{background-color:#fffbebcc}.bg-black\/20{background-color:#0003}.bg-black\/\[0\.06\]{background-color:#0000000f}.bg-blue-200\/30{background-color:#bfdbfe4d}.bg-blue-50\/80{background-color:#eff6ffcc}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-cyan-200\/30{background-color:#a5f3fc4d}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-cyan-50\/80{background-color:#ecfeffcc}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-50\/80{background-color:#ecfdf5cc}.bg-emerald-500\/20{background-color:#10b98133}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50\/80{background-color:#eef2ffcc}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-50\/80{background-color:#fff7edcc}.bg-pink-50\/80{background-color:#fdf2f8cc}.bg-purple-200\/40{background-color:#e9d5ff66}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-rose-50\/80{background-color:#fff1f2cc}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-500\/20{background-color:#64748b33}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(251 251 253 / var(--tw-bg-opacity, 1))}.bg-surface-secondary{--tw-bg-opacity: 1;background-color:rgb(244 245 248 / var(--tw-bg-opacity, 1))}.bg-surface-tertiary{--tw-bg-opacity: 1;background-color:rgb(236 238 242 / var(--tw-bg-opacity, 1))}.bg-surface\/30{background-color:#fbfbfd4d}.bg-surface\/50{background-color:#fbfbfd80}.bg-teal-50\/80{background-color:#f0fdfacc}.bg-text-tertiary{--tw-bg-opacity: 1;background-color:rgb(155 155 155 / var(--tw-bg-opacity, 1))}.bg-violet-100\/80{background-color:#ede9fecc}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/80{background-color:#fffc}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-\[linear-gradient\(rgba\(0\,0\,0\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(0\,0\,0\,0\.03\)_1px\,transparent_1px\)\]{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.from-\[\#4da4ff\]\/10{--tw-gradient-from: rgb(77 164 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(77 164 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-300{--tw-gradient-from: #93c5fd var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 197 253 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50\/30{--tw-gradient-from: rgb(239 246 255 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50\/50{--tw-gradient-from: rgb(249 250 251 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/10{--tw-gradient-from: rgb(139 92 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/20{--tw-gradient-from: rgb(139 92 246 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/40{--tw-gradient-from: rgb(255 255 255 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-blue-50\/60{--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(239 246 255 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-500\/10{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-500\/5{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-300\/50{--tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(216 180 254 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-500\/50{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-purple-300{--tw-gradient-to: #d8b4fe var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.bg-\[size\:64px_64px\]{background-size:64px 64px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-2\.5{padding-bottom:.625rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-\[0\.9\]{line-height:.9}.leading-relaxed{line-height:1.625}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-tight{letter-spacing:-.01em}.tracking-tighter{letter-spacing:-.02em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0284C7\]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-\[\#0369A1\]{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-\[\#1F2937\]{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-\[\#4B5563\]{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-\[\#4DA4FF\],.text-\[\#4da4ff\]{--tw-text-opacity: 1;color:rgb(77 164 255 / var(--tw-text-opacity, 1))}.text-\[\#6B7280\]{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-400{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:rgb(15 15 15 / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:rgb(107 107 107 / var(--tw-text-opacity, 1))}.text-text-tertiary{--tw-text-opacity: 1;color:rgb(155 155 155 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-\[0\.015\]{opacity:.015}.opacity-\[0\.02\]{opacity:.02}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow: 0px 2px 6px rgba(0,0,0,.06);--tw-shadow-colored: 0px 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0px 2px 6px rgba(0,0,0,.12);--tw-shadow-colored: 0px 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_6px_rgba\(77\,164\,255\,0\.2\)\]{--tw-shadow: 0px 2px 6px rgba(77,164,255,.2);--tw-shadow-colored: 0px 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_2px_8px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow: 0px 2px 8px rgba(0,0,0,.04);--tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_4px_16px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0px 4px 16px rgba(0,0,0,.08);--tw-shadow-colored: 0px 4px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0px_8px_32px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0px 8px 32px rgba(0,0,0,.12);--tw-shadow-colored: 0px 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: 0 2px 8px -2px rgba(0, 0, 0, .05), 0 4px 16px -4px rgba(0, 0, 0, .05);--tw-shadow-colored: 0 2px 8px -2px var(--tw-shadow-color), 0 4px 16px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[\#4da4ff\]\/25{--tw-shadow-color: rgb(77 164 255 / .25);--tw-shadow: var(--tw-shadow-colored)}.shadow-\[\#4da4ff\]\/30{--tw-shadow-color: rgb(77 164 255 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-gray-200\/50{--tw-shadow-color: rgb(229 231 235 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-gray-300\/50{--tw-shadow-color: rgb(209 213 219 / .5);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/25{--tw-shadow-color: rgb(168 85 247 / .25);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-black\/\[0\.03\]{--tw-ring-color: rgb(0 0 0 / .03)}.ring-indigo-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1))}.ring-indigo-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[100px\]{--tw-blur: blur(100px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[120px\]{--tw-blur: blur(120px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-\[80px\]{--tw-blur: blur(80px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-3xl{--tw-backdrop-blur: blur(64px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-spring{transition-timing-function:cubic-bezier(.22,1,.36,1)}.\[mask-image\:radial-gradient\(ellipse_at_center\,black_20\%\,transparent_70\%\)\]{-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}*{margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;font-family:Inter,IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body{overflow-x:hidden;width:100%;min-height:100vh;background-color:#fffcf9}#main{width:100%;min-height:100vh;display:flex;flex-direction:row;background-color:#fffcf9}#main:has(.landing-page),#main:has(.min-h-screen.bg-\[\#0a0a0f\]){height:auto;display:block;overflow-x:hidden}.btn{margin:1rem 1rem 0 0;padding:.25rem .5rem;display:flex;gap:.25rem;align-items:center;justify-content:center;background:transparent;outline:none;border:1px solid #808080;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.btn:hover{background-color:#e4e3e34d}#page{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;font-size:1rem;overflow:hidden}@media screen and (min-width:468px){#page{font-size:3rem}.btn{padding:.5rem .75rem;gap:.5rem}}.app__brand__text{font-size:2rem;font-weight:700;color:#5a8dee;margin-left:.5rem}.outer__circle{position:relative;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#5f97ef;display:flex;align-items:center;justify-content:center}.outer__circle:after{position:absolute;top:.225rem;left:.215rem;content:"";width:1.1rem;height:1.1rem;border-radius:50%;background-color:#fff}.inner__circle{position:relative;width:.75rem;height:.75rem;border-radius:50%;background-color:#5f97ef;z-index:100}.inner__circle:after{position:absolute;top:.125rem;left:.15rem;content:"";width:.5rem;height:.5rem;border-radius:50%;background-color:#fff}.app-content{margin-top:64px;display:flex;flex:1;min-height:calc(100vh - 64px);background-color:#fffcf9}.loading-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;width:100%;min-height:240px;color:#4a5568;text-align:center}.loading-shell--full{min-height:calc(100vh - 64px)}.loading-spinner{width:3rem;height:3rem;border-radius:50%;border:4px solid rgba(79,70,229,.2);border-top-color:#4f46e5;animation:spinnerRotate .9s linear infinite}.loading-text{font-size:.95rem;letter-spacing:.02em}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-\[\#4DA4FF\]\/30:hover{border-color:#4da4ff4d}.hover\:border-\[rgba\(0\,0\,0\,0\.12\)\]:hover,.hover\:border-black\/\[0\.12\]:hover{border-color:#0000001f}.hover\:bg-\[\#111827\]:hover{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#3d8edb\]:hover{--tw-bg-opacity: 1;background-color:rgb(61 142 219 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#3d94ef\]:hover{--tw-bg-opacity: 1;background-color:rgb(61 148 239 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#4DA4FF\]\/5:hover{background-color:#4da4ff0d}.hover\:bg-\[\#E5E7EB\]:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-surface-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(244 245 248 / var(--tw-bg-opacity, 1))}.hover\:bg-surface-tertiary:hover{--tw-bg-opacity: 1;background-color:rgb(236 238 242 / var(--tw-bg-opacity, 1))}.hover\:bg-text-tertiary:hover{--tw-bg-opacity: 1;background-color:rgb(155 155 155 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#1F2937\]:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover{--tw-text-opacity: 1;color:rgb(15 15 15 / var(--tw-text-opacity, 1))}.hover\:shadow-\[0px_3px_10px_rgba\(0\,0\,0\,0\.2\)\]:hover{--tw-shadow: 0px 3px 10px rgba(0,0,0,.2);--tw-shadow-colored: 0px 3px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0px_8px_24px_rgba\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow: 0px 8px 24px rgba(0,0,0,.08);--tw-shadow-colored: 0px 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.focus\:border-\[\#4DA4FF\]:focus{--tw-border-opacity: 1;border-color:rgb(77 164 255 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[\#4DA4FF\]\/10:focus{--tw-ring-color: rgb(77 164 255 / .1)}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.disabled\:hover\:bg-\[\#4DA4FF\]:hover:disabled{--tw-bg-opacity: 1;background-color:rgb(77 164 255 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:1024px){.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:h-\[500px\]{height:500px}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-20{gap:5rem}.lg\:gap-8{gap:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-8xl{font-size:6rem;line-height:1}}