:root{--bg-primary:#f3f4f6;--bg-secondary:#fff;--bg-glass:#fffffff2;--accent-primary:#f97316;--accent-secondary:#ea580c;--accent-glow:#f973164d;--text-primary:#111827;--text-secondary:#6b7280;--text-accent:#f97316;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--bg-success-light:color-mix(in srgb,var(--color-success)30%,white);--bg-error-light:color-mix(in srgb,var(--color-error)30%,white);--bg-warning-light:color-mix(in srgb,var(--color-warning)30%,white);--bg-info-light:color-mix(in srgb,var(--color-info)30%,white);--border-success:color-mix(in srgb,var(--color-success)40%,white);--border-error:color-mix(in srgb,var(--color-error)40%,white);--border-warning:color-mix(in srgb,var(--color-warning)40%,white);--border-info:color-mix(in srgb,var(--color-info)40%,white);--hover-success:color-mix(in srgb,var(--color-success)35%,white);--hover-error:color-mix(in srgb,var(--color-error)35%,white);--hover-warning:color-mix(in srgb,var(--color-warning)35%,white);--hover-info:color-mix(in srgb,var(--color-info)35%,white);--border-color:#e5e7eb;--card-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;--header-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--radius-lg:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;margin:0}.glass-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid #0000;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.glass-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}h1,h2,h3{color:var(--text-primary);letter-spacing:-.025em;margin-top:0}h1{-webkit-text-fill-color:initial;background:0 0;font-size:1.875rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}a{color:inherit;text-decoration:none}.btn{background:var(--accent-primary);color:#fff;cursor:pointer;box-shadow:0 4px 6px var(--accent-glow);border:none;border-radius:12px;padding:10px 20px;font-weight:600;transition:all .2s}.btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.container{max-width:1400px;margin:0 auto;padding:20px}input,select,textarea{border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:12px 16px;font-size:.95rem;transition:border-color .2s}input:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-group{margin-bottom:20px}.top-nav{border-bottom:1px solid var(--border-color);height:80px;box-shadow:var(--header-shadow);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.nav-links{gap:4px;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;border-radius:50px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:#f3f4f6}.nav-link.active{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.main-content{max-width:1600px;margin:0 auto;padding:32px;transition:max-width .3s,padding .3s}.main-content:has(.full-screen-container){max-width:none;padding:16px}@media (max-width:1400px){.nav-link{gap:4px;padding:8px 10px;font-size:.8rem}}@media (max-width:1200px){.nav-link .nav-label{display:none}.nav-link{padding:8px 10px}}.dashboard-grid{display:block}.page-container{max-width:1200px;margin:0 auto}.full-screen-container{width:100%!important;max-width:none!important;margin:0!important}.page-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header-icon{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary,var(--accent-primary))100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.desktop-table-container{box-sizing:border-box;border:1px solid var(--border-color);background:#fff;border-radius:16px;width:100%;max-width:1200px;margin-bottom:24px;margin-left:auto;margin-right:auto;display:block;overflow:hidden}.data-table{border-collapse:collapse;table-layout:auto;width:100%}.data-table th{text-align:left;color:#6b7280;text-transform:uppercase;white-space:nowrap;background:#f9fafb;border-bottom:2px solid #f3f4f6;padding:12px 16px;font-size:.75rem;font-weight:700}.data-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.data-table tr.main-row:hover,.data-table tbody tr:not(.problem-row):hover{cursor:pointer;background-color:#f8fafc}.data-table th.col-acciones,.data-table td.col-acciones{width:120px;text-align:center!important}.badge-room{color:#22c55e;background:#f0fff4;border:1px solid #dcfce7;border-radius:6px;justify-content:center;align-items:center;min-width:40px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.text-amount{color:var(--accent-primary);font-weight:700}.text-amount-lg{color:var(--accent-primary);font-size:1rem;font-weight:800}.problem-row td{background-color:#fef2f2;border-bottom:1px solid #fee2e2;padding:0 16px 12px}.tools-row{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.tools-row .actions{align-items:center;gap:12px;display:flex}.badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-success{color:#10b981;background:#f0fdf4;border:1px solid #dcfce7}.badge-success-solid{color:#fff;background:#10b981;border:1px solid #10b981}.badge-error{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2}.badge-error-solid{color:#fff;background:#ef4444;border:1px solid #ef4444}.badge-warning{color:#f59e0b;background:#fffbeb;border:1px solid #fef3c7}.badge-warning-solid{color:#fff;background:#f59e0b;border:1px solid #f59e0b}.badge-info{color:#3b82f6;background:#f0f9ff;border:1px solid #dbeafe}.badge-info-solid{color:#fff;background:#3b82f6;border:1px solid #3b82f6}.badge-neutral{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s,background .2s;display:flex}.icon-btn:hover{transform:scale(1.05)}.icon-btn-primary{color:var(--accent-primary);background:#3b82f61a;border:1px solid #3b82f633}.icon-btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.icon-btn-info{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.icon-btn-neutral{color:#6b7280;background:0 0;border:none}.icon-btn-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}@media (max-width:768px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top-nav{height:auto!important;min-height:70px!important;padding:12px 16px!important}.nav-links{flex-direction:column;gap:4px;width:100%}.nav-link{justify-content:flex-start;width:100%;padding:12px 16px;font-size:.9rem}.main-content{padding:16px}.container{padding:12px}.glass-card{padding:16px}.glass-card:hover{transform:none;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{min-height:44px;padding:12px 20px;font-size:1rem}input,select,textarea{min-height:44px;font-size:16px}table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (max-width:480px){.top-nav{height:56px;padding:0 12px}.main-content{padding:12px}.glass-card{border-radius:12px;padding:12px}h1{font-size:1.25rem}h2{font-size:1.125rem}.btn{font-size:.9rem}.data-table th,.data-table td{padding:10px 6px!important;font-size:.8rem!important}.data-table .guest-name{white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden;max-width:85px!important}.dashboard-wrapper .activity-grid,.reports-container .glass-card{width:100%!important;margin-left:0!important;margin-right:0!important}.reports-container .activity-grid{flex-direction:column!important;gap:24px!important;display:flex!important}.dashboard-wrapper .activity-grid .glass-card,.reports-container .glass-card{-webkit-overflow-scrolling:touch;display:block;border:1px solid var(--border-color)!important;width:100%!important;max-width:calc(100vw - 32px)!important;box-shadow:var(--card-shadow)!important;box-sizing:border-box!important;border-radius:16px!important;margin:0 0 16px!important;padding:0!important;overflow-x:auto!important}.dashboard-wrapper .data-table th:first-child,.dashboard-wrapper .data-table td:first-child,.reports-container .data-table th:first-child,.reports-container .data-table td:first-child{padding-left:12px!important}.dashboard-wrapper .data-table th:last-child,.dashboard-wrapper .data-table td:last-child,.reports-container .data-table th:last-child,.reports-container .data-table td:last-child{padding-right:12px!important}.dashboard-wrapper .data-table,.reports-container .data-table{table-layout:fixed!important;width:100%!important;min-width:100%!important;display:table!important}.dashboard-wrapper .data-table th:first-child,.dashboard-wrapper .data-table td:first-child{width:70px!important}.dashboard-wrapper .data-table th:nth-child(3),.dashboard-wrapper .data-table td:nth-child(3){text-align:center!important;width:45px!important}.dashboard-wrapper .data-table th:nth-child(4),.dashboard-wrapper .data-table td:nth-child(4){text-align:right!important;width:80px!important}.badge-room{min-width:30px!important}}.floor-plan-room-marker{text-align:center;cursor:pointer;border:2px solid var(--marker-color,var(--text-secondary));background:var(--marker-bg,var(--bg-secondary));border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d}.floor-plan-room-marker:hover{z-index:50;transform:scale(1.08)translateY(-2px);box-shadow:0 12px 20px -5px #00000026}.floor-plan-room-marker.selected{z-index:60;border-width:3px;transform:scale(1.12);box-shadow:0 0 20px #f9731666;--marker-color:#f97316!important}.floor-plan-room-marker.status-disponible{--marker-color:var(--color-info);--marker-bg:var(--bg-info-light)}.floor-plan-room-marker.status-mantenimiento{--marker-color:var(--color-warning);--marker-bg:var(--bg-warning-light)}.floor-plan-room-marker.status-ocupada{--marker-color:var(--color-success);--marker-bg:var(--bg-success-light)}.floor-plan-room-marker.debt-leve{--marker-color:var(--color-warning);--marker-bg:var(--bg-warning-light)}.floor-plan-room-marker.debt-grave{--marker-color:var(--color-error);--marker-bg:var(--bg-error-light)}.marker-label-hab{color:#111827;text-transform:uppercase;pointer-events:none;opacity:.8;text-shadow:0 0 4px #fff;margin-bottom:-2px;font-size:.6rem;font-weight:800}.marker-label-number{color:#000;pointer-events:none;letter-spacing:-.02em;font-size:1.1rem;font-weight:900}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button:active .refresh-icon,.refresh-icon.spinning{animation:.8s ease-in-out spin}.refresh-icon.spinning{animation:1s linear infinite spin}.refresh-button:hover{background:var(--bg-primary)!important;color:var(--accent-primary)!important;border-color:var(--accent-primary)!important}