@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg: #eef2f7;--surface: #ffffff;--surface-soft: #f4f7fb;--text: #1f2937;--muted: #64748b;--brand: #8b6b2e;--brand-dark: #6f5524;--navy: #0d1b2a;--navy-mid: #132a3d;--navy-text: #c8d6e5;--gold: #e8c97a;--line: #e2e8f0;--radius: 14px;--shadow: 0 4px 20px rgba(13, 27, 42, .08);--shadow-md: 0 8px 32px rgba(13, 27, 42, .12);--space-xs: .35rem;--space-sm: .55rem;--space-md: .85rem;--space-lg: 1.1rem;--space-xl: 1.45rem}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Poppins,system-ui,sans-serif;color:var(--text);background:var(--bg)}h1,h2,h3,h4,p{margin:0}table{width:100%;border-collapse:collapse}th,td{padding:.9rem;border-bottom:1px solid var(--line);text-align:left;font-size:.92rem}th{font-weight:600;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}input,select,button,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);border-right:none;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:0}.brand-block{padding:1rem;border:1px solid rgba(200,214,229,.1);border-radius:var(--radius);background:#ffffff0d}.brand-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.68rem;color:#c8d6e5a6;font-weight:600}.brand-block h1{font-family:Playfair Display,serif;color:#fff;font-size:1.25rem;margin-top:.25rem}.brand-subtitle{margin-top:.3rem;color:#c8d6e580;font-size:.82rem}.sidebar-nav{margin-top:1.5rem;display:grid;gap:.3rem}.nav-item{display:flex;align-items:center;gap:.6rem;border:1px solid transparent;border-radius:10px;padding:.65rem .85rem;color:var(--navy-text);text-decoration:none;font-weight:500;font-size:.9rem;transition:background .18s,border-color .18s,color .18s}.nav-item:hover{border-color:#c8d6e51f;background:#ffffff0f;color:#fff}.nav-item.active{border-color:#e8c97a59;background:#e8c97a1a;color:var(--gold)}.app-main{padding:var(--space-lg);background:var(--bg)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.topbar-kicker{text-transform:uppercase;letter-spacing:.25em;font-size:.67rem;color:var(--muted);font-weight:600}.topbar h2{margin-top:.2rem;font-family:Playfair Display,serif;color:var(--text)}.topbar-meta{color:var(--muted);font-size:.88rem}.content-area{display:grid;gap:var(--space-xl)}.content-area>section{display:grid;gap:var(--space-lg)}.kpi-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi-card{border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--radius);background:var(--surface);padding:var(--space-lg);box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card p{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.06em}.kpi-card h3{margin-top:.5rem;font-size:1.65rem;color:var(--navy);font-weight:700}.panel-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-lg)}.dashboard-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-lg)}.dashboard-gap{margin-bottom:var(--space-lg)}.dashboard-wide{grid-column:span 8}.dashboard-side{grid-column:span 4}.dashboard-full{grid-column:1 / -1}.dashboard-half{grid-column:span 6}.dashboard-alerts{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.dashboard-alerts li{border:1px solid var(--line);border-radius:10px;padding:var(--space-sm) var(--space-md);display:grid;gap:.15rem;background:var(--surface)}.dashboard-alerts strong{color:var(--navy);font-size:1rem}.dashboard-alerts span{color:var(--muted);font-size:.85rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:var(--space-lg);overflow-x:auto}.panel h3{margin-bottom:var(--space-md);font-size:1.05rem;color:var(--text)}.list-stack{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.list-stack li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.list-stack p{color:var(--muted);font-size:.85rem}.status-badge{border-radius:999px;padding:.22rem .65rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.status-green{color:#1f5139;background:#e4f5ec}.status-amber{color:#7a4b11;background:#fff1de}.status-blue{color:#1f4f7f;background:#e1eef9}.status-slate{color:#4b5563;background:#edf2f7}.status-red{color:#8a1f1f;background:#fde7e7}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.filters{display:flex;gap:var(--space-sm)}.filters input,.filters select,.settings-panel input,.reservation-form input,.reservation-form select,.reservation-form textarea{border:1px solid var(--line);border-radius:10px;padding:.6rem .75rem;background:var(--surface);transition:border-color .18s}.filters input:focus,.filters select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b6b2e1a}.filters input,.filters select,.settings-panel input{min-width:220px}.table-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.table-actions-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.table-actions-columns button{width:100%;white-space:nowrap}.reservations-table th,.reservations-table td{padding:.75rem .62rem;font-size:.92rem;vertical-align:top}.reservations-table .table-actions-columns{grid-template-columns:1fr;gap:.35rem}.cell-meta{margin-top:.12rem;color:var(--muted);font-size:.76rem;line-height:1.25}.cell-meta-strong{color:var(--text);font-weight:600}.actions-modal-overlay{position:fixed;inset:0;background:#0d1b2a59;display:grid;place-items:center;z-index:200;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.actions-modal{width:min(360px,96vw);border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 64px #0d1b2a33;padding:var(--space-md);display:grid;gap:var(--space-sm)}.actions-modal .table-actions-columns{grid-template-columns:1fr}button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:.45rem .75rem;cursor:pointer;font-weight:500;font-size:.88rem;transition:background .18s,border-color .18s,box-shadow .18s}button:hover{background:var(--surface-soft);border-color:var(--brand);color:var(--brand-dark)}button:disabled{opacity:.45;cursor:not-allowed}.panel-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.feedback-banner{margin:0 0 var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:10px;font-size:.9rem;font-weight:500}.feedback-banner.success{background:#e6f6ec;color:#1f5139;border:1px solid #b7e3c5}.feedback-banner.error{background:#fdecec;color:#8a1f1f;border:1px solid #f4c6c6}.reservation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:var(--space-md);margin-bottom:var(--space-md)}.reservation-form label{display:grid;gap:.35rem;color:var(--muted);font-size:.88rem}.terms-check{display:flex;align-items:center;gap:.5rem}.terms-check input[type=checkbox]{width:16px;height:16px}.reservation-form textarea{min-height:72px;resize:vertical}.full-width{grid-column:1 / -1}.reservation-pricing-preview{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:var(--space-sm) var(--space-md);display:grid;gap:.3rem;color:var(--muted);font-size:.86rem}.pagination-row{margin-top:var(--space-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.pagination-row p{font-size:.86rem;color:var(--muted)}.page-indicator{display:inline-flex;min-width:72px;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.4rem .55rem;font-size:.82rem;background:var(--surface)}.calendar-grid-panel{padding:1rem}.calendar-note{margin-bottom:var(--space-sm);color:var(--muted);font-size:.86rem}.calendar-grid-wrapper{overflow-x:auto}.calendar-grid-table{min-width:760px}.calendar-grid-table th,.calendar-grid-table td{text-align:center}.calendar-grid-table td:first-child,.calendar-grid-table th:first-child{text-align:left;min-width:120px}.calendar-cell{height:56px;min-width:96px}.calendar-booking{border-radius:8px;padding:.35rem;line-height:1.2}.calendar-booking strong{display:block;font-size:.78rem}.calendar-booking span{font-size:.7rem;color:var(--muted);display:block}.calendar-cell.status-confirmed .calendar-booking{background:#e8f1fb}.calendar-cell.status-checked-in .calendar-booking{background:#e7f8ef}.calendar-cell.status-pending .calendar-booking{background:#fff3e0}.calendar-cell.status-checked-out .calendar-booking{background:#f0f2f5}.calendar-legend{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm)}.legend-item{border-radius:999px;padding:.2rem .55rem;font-size:.74rem;border:1px solid var(--line)}.legend-item.confirmed{background:#e8f1fb}.legend-item.checked-in{background:#e7f8ef}.legend-item.pending{background:#fff3e0}.legend-item.checked-out{background:#f0f2f5}.room-grid{margin-top:var(--space-sm);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.room-card{display:grid;gap:var(--space-xs);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-md);box-shadow:var(--shadow)}.room-image{width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.room-image-placeholder{display:grid;place-items:center;color:var(--muted);background:var(--surface-soft)}.room-image-meta{font-size:.8rem;color:var(--muted)}.inline-combo{display:flex;gap:var(--space-xs)}.inline-combo input{flex:1}.room-number{text-transform:uppercase;letter-spacing:.2em;font-size:.66rem;color:var(--brand);font-weight:600}.settings-panel{max-width:580px;display:grid;gap:var(--space-sm)}.settings-panel label{display:grid;gap:var(--space-xs);font-size:.9rem;color:var(--muted)}.total-paid{color:var(--brand-dark);font-weight:600}.payments-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.row-cash td{background:#8b6b2e0d}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;flex-direction:row;align-items:center;gap:1rem;padding:.75rem 1rem}.sidebar-nav{margin-top:0;grid-auto-flow:column;grid-auto-columns:max-content;gap:.2rem;overflow-x:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout{grid-template-columns:1fr}.dashboard-wide,.dashboard-side,.dashboard-half,.dashboard-full{grid-column:auto}.reservation-form{grid-template-columns:1fr}}@media(max-width:760px){.topbar,.section-header,.pagination-row{flex-direction:column;align-items:flex-start}.filters{width:100%;flex-direction:column}.filters input,.filters select{min-width:0;width:100%}.kpi-grid,.room-grid,.dashboard-kpi-grid{grid-template-columns:1fr}.table-actions{flex-direction:column;width:100%}}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a3d4d,#0e7490 55%,#1a5f3a);padding:2rem 1rem}.login-card{background:#fff;border-radius:16px;padding:2.5rem 2.25rem 2.25rem;width:100%;max-width:400px;box-shadow:0 24px 64px #0000002e}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.15rem;margin-bottom:2rem}.login-brand-name{font-size:1.35rem;font-weight:700;letter-spacing:.04em;color:#0e7490}.login-brand-sub{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#64748b}.login-title{font-size:1.4rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:#374151}.login-field input{border:1.5px solid #ddd;border-radius:8px;padding:.7rem .9rem;font-size:.9rem;color:#1f2937;background:#fafafa;outline:none;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:#0e7490;box-shadow:0 0 0 3px #0e74901f;background:#fff}.login-error{font-size:.8rem;color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.6rem .8rem;margin:0}.login-btn{margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0e7490;color:#fff;border:none;border-radius:8px;padding:.8rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.login-btn:hover:not(:disabled){background:#0a5f75}.login-btn:disabled{opacity:.65;cursor:default}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center}.auth-loading .login-spinner{width:28px;height:28px;border-color:#0e749033;border-top-color:#0e7490}