@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.login-wrapper{background:#f8fafc;width:100vw;height:100vh;display:flex}.login-left{background-image:url(https://images.unsplash.com/photo-1542314831-c6a4d146682c?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;flex:1;align-items:flex-end;padding:4rem;display:flex;position:relative}.login-overlay{background:linear-gradient(#0f172a33,#0f172ae6);position:absolute;inset:0}.login-brand{z-index:10;color:#fff;max-width:400px;position:relative}.login-brand h1{letter-spacing:-1px;margin:1rem 0 .5rem;font-size:3rem;font-weight:800}.login-brand p{color:#cbd5e1;font-size:1.1rem;line-height:1.5}.login-right{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-container{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:3rem;box-shadow:0 20px 40px #00000014}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{color:#0f172a;margin:0 0 .5rem;font-size:1.8rem}.login-header p{color:#64748b;margin:0;font-size:.95rem}.login-error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:.75rem;font-size:.85rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#475569;font-size:.85rem;font-weight:600}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;position:absolute;left:1rem}.input-icon-wrapper input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:1rem;transition:all .2s}.input-icon-wrapper input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.login-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.login-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.login-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.8rem}@media (width<=768px){.login-left{display:none}}.layout-container{background-color:#f3f4f6;height:100vh;display:flex}.sidebar{color:#fff;background-color:#0f172a;flex-direction:column;width:260px;transition:all .3s;display:flex}.sidebar-header{border-bottom:1px solid #1e293b;align-items:center;gap:10px;padding:1.5rem;display:flex}.sidebar-header h2{color:#f8fafc;letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex}.sidebar-nav a{color:#94a3b8;border-left:3px solid #0000;align-items:center;gap:12px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:#f8fafc;background-color:#1e293b;border-left-color:#3b82f6}.sidebar-footer{border-top:1px solid #1e293b;padding:1.5rem}.btn-logout-sidebar{color:#f87171;cursor:pointer;background:0 0;border:1px solid #7f1d1d;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:100%;padding:.75rem;font-weight:500;transition:all .2s;display:flex}.btn-logout-sidebar:hover{color:#fff;background:#7f1d1d}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.header{z-index:10;background-color:#fff;justify-content:flex-end;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.header-user{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.user-email{color:#4b5563;font-size:.9rem;font-weight:500}.content-area{width:100%;max-width:1400px;margin:0 auto;padding:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.grid-habitaciones{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.card-habitacion{background:#fff;border-top:5px solid #ccc;border-radius:12px;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.card-habitacion:hover{transform:translateY(-5px)}.card-habitacion.estado-disponible{border-top-color:#10b981}.card-habitacion.estado-ocupada{border-top-color:#ef4444}.card-habitacion.estado-limpieza{border-top-color:#f59e0b}.card-habitacion.estado-mantenimiento{border-top-color:#6b7280}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem;display:flex}.card-header h3{margin:0;font-size:1.2rem}.badge{color:#374151;background:#f3f4f6;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.card-body{color:#4b5563;flex-direction:column;flex:1;gap:.5rem;padding:1rem;font-size:.9rem;display:flex}.card-body p{margin:0}.card-actions{border-top:1px solid #f3f4f6;gap:.5rem;padding:1rem;display:flex}.card-actions button{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:.5rem;font-size:.85rem;font-weight:500;display:flex}.card-actions button:first-child{color:#1d4ed8;background:#eff6ff}.card-actions button:last-child{color:#dc2626;background:#fef2f2}.modal-header h2{margin:0;font-size:1.3rem}.modal-form input,.modal-form select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem}.modal-form button.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:.875rem;font-weight:700}.status-badge{letter-spacing:.5px;border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.bg-red{color:#991b1b;background:#fee2e2}.bg-green{color:#065f46;background:#d1fae5}.boleta-modal{max-width:500px}.boleta-print-area{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:2rem;font-family:Courier New,Courier,monospace}.boleta-header{text-align:center;border-bottom:1px dashed #cbd5e1;margin-bottom:1.5rem;padding-bottom:1rem}.boleta-header h2{margin:0;font-size:1.2rem}.boleta-header p{color:#475569;margin:2px 0;font-size:.85rem}.boleta-header h3{letter-spacing:2px;margin:10px 0 5px;font-size:1rem}.boleta-cliente{margin-bottom:1.5rem;font-size:.85rem}.boleta-cliente p{margin:4px 0}.boleta-detalle{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.85rem}.boleta-detalle th{text-align:left;border-bottom:1px solid #cbd5e1;padding:5px 0}.boleta-detalle td{padding:5px 0}.boleta-totales{text-align:right;border-top:1px dashed #cbd5e1;padding-top:10px;font-size:.85rem}.boleta-totales p{justify-content:space-between;margin:4px 0;display:flex}.total-final{font-size:1.1rem;font-weight:700;margin-top:10px!important}.boleta-footer{text-align:center;color:#64748b;border-top:1px dashed #cbd5e1;margin-top:2rem;padding-top:1rem;font-size:.75rem}@media print{body *{visibility:hidden}#boleta-print,#boleta-print *{visibility:visible}#boleta-print{border:none;width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}}.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.user-card{background:#fff;border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.user-card:before{content:"";background:#3b82f6;height:4px;position:absolute;top:0;left:0;right:0}.user-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.user-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.user-avatar-large{color:#3b82f6;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex}.btn-delete-user{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;padding:6px;transition:all .2s}.btn-delete-user:hover{background:#fee2e2}.user-card-body h3{color:#0f172a;margin:0 0 .25rem;font-size:1.1rem}.user-email{color:#64748b;align-items:center;gap:6px;margin-bottom:1rem;font-size:.85rem;display:flex}.user-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{letter-spacing:.5px;border-radius:9999px;align-items:center;gap:4px;padding:.25rem .75rem;font-size:.7rem;font-weight:700;display:flex}.tag-admin{color:#7e22ce;background:#f3e8ff}.tag-recep{color:#0369a1;background:#e0f2fe}.tag-sucursal{color:#475569;background:#f1f5f9}.dashboard-container{padding-bottom:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:2rem}.dashboard-header p{color:#64748b;margin-top:.5rem;font-size:1.1rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{background:#fff;border-radius:16px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #00000008}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014}.kpi-icon{border-radius:12px;padding:1rem}.card-green .kpi-icon{color:#10b981;background:#ecfdf5}.card-red .kpi-icon{color:#ef4444;background:#fef2f2}.card-yellow .kpi-icon{color:#f59e0b;background:#fffbeb}.card-blue .kpi-icon{color:#3b82f6;background:#eff6ff}.kpi-info p{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.875rem;font-weight:500}.kpi-info h3{color:#0f172a;margin:.25rem 0 0;font-size:1.8rem;font-weight:700}.kpi-info h3 span{color:#94a3b8;font-size:1rem;font-weight:500}.dashboard-charts{grid-template-columns:1fr;gap:1.5rem;display:grid}.chart-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000008}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.chart-header h2{color:#0f172a;margin:0;font-size:1.2rem}.calendar-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 4px 20px #00000008}.calendar-grid{min-width:1000px;display:grid}.calendar-header-cell{text-align:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;padding:1rem .5rem;display:flex}.calendar-header-cell.weekend{color:#3b82f6;background:#f1f5f9}.room-header{color:#475569;text-align:left;z-index:10;padding-left:1rem;font-weight:700;position:sticky;left:0}.day-name{text-transform:uppercase;color:#64748b;font-size:.75rem;font-weight:600}.day-number{margin-top:2px;font-size:.9rem;font-weight:700}.calendar-cell{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;height:60px;padding:.5rem;position:relative}.room-cell{z-index:5;background:#f8fafc;flex-direction:column;justify-content:center;display:flex;position:sticky;left:0}.room-cell strong{color:#0f172a;font-size:.9rem}.room-cell span{color:#64748b;text-transform:capitalize;font-size:.75rem}.day-cell.weekend-bg{background:#f8fafc}.reserva-block{color:#fff;white-space:nowrap;background:#3b82f6;border-radius:4px;align-items:center;padding-left:5px;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:5px 0;overflow:hidden}.mantenimiento-block{opacity:.8;background:repeating-linear-gradient(45deg,#f59e0b,#f59e0b 10px,#d97706 10px 20px);border-radius:4px;position:absolute;inset:5px 0}.btn-secondary{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.premium-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.95rem}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover{background:#f8fafc}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;margin-right:5px;padding:8px;transition:all .2s}.edit-btn{color:#3b82f6;background:#eff6ff}.edit-btn:hover{background:#dbeafe}.delete-btn{color:#ef4444;background:#fef2f2}.delete-btn:hover{background:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:450px;padding:2rem;animation:.3s slideDown;box-shadow:0 25px 50px -12px #00000040}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:1.3rem}.btn-close{cursor:pointer;color:#64748b;background:0 0;border:none}.modal-form{flex-direction:column;gap:1rem;display:flex}.modal-form input,.modal-form select{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.modal-form input:focus,.modal-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:.875rem;font-weight:700;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.config-card{background:#fff;border-radius:16px;max-width:800px;padding:2rem;box-shadow:0 4px 20px #00000008}.config-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:2rem;padding-bottom:1rem;display:flex}.config-header h2{color:#0f172a;margin:0;font-size:1.25rem}.config-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{gap:1.5rem;display:flex}.form-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.form-group label{color:#475569;font-size:.85rem;font-weight:600}.form-group input,.form-group select{border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.perfil-container{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.perfil-card{background:#fff;border-radius:16px;flex:1;min-width:300px;padding:2rem;box-shadow:0 4px 20px #00000008}.perfil-header{text-align:center;border-bottom:1px solid #e2e8f0;flex-direction:column;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.perfil-avatar{color:#3b82f6;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex}.perfil-header h2{color:#0f172a;margin:0 0 .5rem}.badge-rol{border-radius:9999px;align-items:center;gap:5px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:flex}.rol-admin{color:#7e22ce;background:#f3e8ff}.rol-recep{color:#0369a1;background:#e0f2fe}.perfil-info{flex-direction:column;gap:1.5rem;display:flex}.info-item{align-items:center;gap:1rem;display:flex}.info-item label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.info-item p{color:#0f172a;margin:0;font-size:1rem;font-weight:500}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#1f2937;background-color:#f3f4f6}h1{color:#111827;margin-bottom:1rem;font-size:1.8rem;font-weight:700}