@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg: #ffffff;--surface: #ffffff;--surface-soft: #f7f7f7;--text: #1f2937;--muted: #64748b;--brand: #8b6b2e;--brand-dark: #6f5524;--line: #e6e8ec;--radius: 14px;--shadow: 0 12px 30px rgba(31, 41, 55, .08);--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(--brand-dark)}input,select,button,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:1.5rem 1rem}.brand-block{padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd9}.brand-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.7rem;color:var(--brand);font-weight:600}.brand-block h1{font-family:Playfair Display,serif;color:var(--brand-dark)}.brand-subtitle{margin-top:.35rem;color:var(--muted);font-size:.87rem}.sidebar-nav{margin-top:1.25rem;display:grid;gap:.45rem}.nav-item{border:1px solid transparent;border-radius:12px;padding:.65rem .8rem;color:var(--text);text-decoration:none;font-weight:500}.nav-item:hover{border-color:var(--line);background:#fff}.nav-item.active{border-color:#8b6b2e59;background:#fff8ec;color:var(--brand-dark)}.app-main{padding:var(--space-lg)}.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(--brand);font-weight:600}.topbar h2{margin-top:.2rem;font-family:Playfair Display,serif}.topbar-meta{color:var(--muted)}.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-radius:var(--radius);background:var(--surface);padding:var(--space-lg)}.kpi-card p{color:var(--muted);font-size:.87rem}.kpi-card h3{margin-top:.45rem;font-size:1.55rem;color:var(--brand-dark)}.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}.dashboard-alerts strong{color:var(--brand-dark);font-size:1.05rem}.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}.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:#fff}.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:#fff}.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:#0f172a40;display:grid;place-items:center;z-index:200;padding:1rem}.actions-modal{width:min(360px,96vw);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:var(--space-md);display:grid;gap:var(--space-sm)}.actions-modal .table-actions-columns{grid-template-columns:1fr}button{border:1px solid rgba(139,107,46,.35);background:#fff;color:var(--brand-dark);border-radius:9px;padding:.45rem .65rem;cursor:pointer}button:hover{background:#fff8ec}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:#fafafa;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:#fafafa;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}.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)}.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:#fff8ec}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10}.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%}}