:root{--color-bg: #f4f5f2;--color-surface: #ffffff;--color-sidebar: #1f2a1a;--color-sidebar-hover: #2a3823;--color-primary: #3c4a2f;--color-primary-dark: #2a3520;--color-primary-light: #5c6f45;--color-text: #1e1f1c;--color-text-muted: #6b6f66;--color-border: #e2e4de;--color-success: #2f7a4f;--color-success-bg: #e7f3ea;--color-warning: #a5690a;--color-warning-bg: #fbf0dd;--color-error: #b3261e;--color-error-bg: #fbebe9;--color-info: #2563a8;--color-info-bg: #e7f0fb;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 8px;--shadow-soft: 0 4px 16px rgba(20, 24, 16, .06);--font-heading: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--sidebar-width: 248px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text);margin:0;font-weight:700;letter-spacing:-.01em}p{margin:0}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff;color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-light)}label{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.field{display:flex;flex-direction:column;gap:6px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar);color:#fff;display:flex;flex-direction:column;padding:20px 14px;gap:6px}.sidebar__brand{color:#fff;font-family:var(--font-heading);font-weight:800;font-size:18px;padding:8px 10px 20px}.sidebar__brand span{display:block;font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.08em}.sidebar__link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:#ffffffc7;font-size:14px;font-weight:600;cursor:pointer}.sidebar__link:hover{background:var(--color-sidebar-hover);color:#fff}.sidebar__link.active{background:var(--color-primary-light);color:#fff}.sidebar__spacer{flex:1}.sidebar__foot{padding:14px 12px 10px;font-size:12px;color:#ffffff8c;border-top:1px solid rgba(255,255,255,.12);margin-top:8px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:16px}.topbar__search{flex:1;max-width:360px}.topbar__search input{width:100%}.topbar__user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--color-text-muted)}.content{padding:26px 28px 48px;flex:1;display:flex;flex-direction:column;gap:22px;max-width:1400px;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.page-header h1{font-size:22px}.page-header p{color:var(--color-text-muted);font-size:13px;margin-top:4px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:20px}.card--tight{padding:14px 16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;flex-direction:column;gap:6px}.stat-card__label{font-size:12px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat-card__value{font-family:var(--font-heading);font-size:26px;font-weight:800}.stat-card__sub{font-size:12px;color:var(--color-text-muted)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:120px}.bar-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end;height:100%}.bar-chart__bar{width:100%;background:var(--color-primary-light);border-radius:3px 3px 0 0;min-height:2px}.bar-chart__label{font-size:10px;color:var(--color-text-muted);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius-sm);padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.primary{background:var(--color-primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn.secondary{background:#fff;color:var(--color-text);border:1px solid var(--color-border)}.btn.secondary:hover:not(:disabled){border-color:var(--color-primary-light)}.btn.danger{background:var(--color-error-bg);color:var(--color-error)}.btn.ghost{background:transparent;color:var(--color-text-muted);padding:6px 10px}.btn.sm{padding:6px 10px;font-size:12px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.badge.green{background:var(--color-success-bg);color:var(--color-success)}.badge.blue{background:var(--color-info-bg);color:var(--color-info)}.badge.yellow{background:var(--color-warning-bg);color:var(--color-warning)}.badge.red{background:var(--color-error-bg);color:var(--color-error)}.badge.gray{background:#ececea;color:#56594f}.badge.purple{background:#f1e9fb;color:#6b3fa0}.badge.orange{background:#fdead9;color:#b8560f}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:12px 14px;border-bottom:1px solid var(--color-border);background:#fafaf8;white-space:nowrap}tbody td{padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafaf8}.filter-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--color-border);background:#fff;font-size:12px;font-weight:700;cursor:pointer;color:var(--color-text-muted)}.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empty-state{padding:40px 20px;text-align:center;color:var(--color-text-muted)}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(60,74,47,.2);border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-md);padding:12px 16px;font-size:13px}.text-muted{color:var(--color-text-muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-sidebar)}.login-card{width:100%;max-width:380px;background:#fff;border-radius:var(--radius-lg);padding:36px 32px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 50px #0000004d}.modal-overlay{position:fixed;inset:0;background:#14141073;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:#fff;border-radius:var(--radius-lg);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.calendar-grid{overflow-x:auto}.calendar-table{border-collapse:collapse;font-size:12px}.calendar-table th,.calendar-table td{border:1px solid var(--color-border);padding:6px;text-align:center;min-width:42px}.calendar-table th.cabin-col,.calendar-table td.cabin-col{text-align:left;min-width:140px;position:sticky;left:0;background:#fff;font-weight:700}.calendar-cell-booked{background:var(--color-primary-light);color:#fff;border-radius:4px;font-size:10px;cursor:pointer}.summary-strip{display:flex;flex-wrap:wrap;align-items:center;gap:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 22px}.summary-strip__item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-text)}.summary-strip__divider{width:1px;align-self:stretch;background:var(--color-border)}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;cursor:pointer}.alert-row.error{background:var(--color-error-bg);color:var(--color-error)}.alert-row.warning{background:var(--color-warning-bg);color:var(--color-warning)}.alert-row.info{background:var(--color-info-bg);color:var(--color-info)}.cabin-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.cabin-tile:hover{box-shadow:0 8px 24px #1418101a}.cabin-tile__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.cabin-tile__body{font-size:13px;color:var(--color-text-muted);display:flex;flex-direction:column;gap:4px;flex:1}.cabin-tile__guest{font-weight:700;color:var(--color-text)}.cabin-grid-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1200px){.cabin-grid-dashboard{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.cabin-grid-dashboard{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cabin-grid-dashboard{grid-template-columns:1fr}}.wizard-steps{display:flex;gap:6px;flex-wrap:wrap}.wizard-step{flex:1;min-width:100px;text-align:center;padding:10px 8px;border-radius:var(--radius-sm);background:#ececea;color:var(--color-text-muted);font-size:12px;font-weight:700}.wizard-step.active{background:var(--color-primary);color:#fff}.wizard-step.done{background:var(--color-success-bg);color:var(--color-success)}.reveal-code{font-family:var(--font-heading);font-size:28px;font-weight:800;letter-spacing:.1em;color:var(--color-primary-dark)}@media (max-width: 900px){.sidebar{display:none}.content{padding:18px}}