:root{--teal:#0e5e5a;--teal-dark:#0a4643;--teal-line:#1f6b66;--teal-tint:#e3efec;--teal-soft:#f1f7f5;--gold:#b07d2b;--gold-text:#5c3f10;--gold-tint:#f4e7cc;--gold-line:#d9bc84;--ivory:#faf7f0;--surface:#fff;--line:#e6e0d2;--line-soft:#eee9dd;--input-line:#d8d1c1;--ink:#1e2a28;--muted:#5e6b68;--ok:#1c6b47;--ok-tint:#e7f4ec;--danger:#9a3412;--danger-tint:#fdeee7;--font-sans:"IBM Plex Sans Thai";--font-serif:"Noto Serif Thai";--grey-tint:#f1f2f2}*{box-sizing:border-box}body,html{margin:0}body{background:var(--ivory);font-family:var(--font-sans),system-ui,sans-serif;color:var(--ink);font-size:14px;line-height:1.5}a{color:var(--teal)}a:hover{color:var(--teal-dark)}h1,h2,h3{margin:0}.shell{min-height:100vh;display:flex;flex-wrap:wrap}.sidebar{flex:1 1 220px;background:var(--teal-dark);color:var(--teal-tint);padding:24px 14px;display:flex;flex-direction:column;gap:4px}.brand{padding:0 10px 20px}.brand-name{font-family:var(--font-serif),serif;font-size:20px;color:var(--gold-tint)}.brand-sub{font-size:12px;color:#b9d3ce}.nav-link{display:block;padding:11px 12px;border-radius:10px;color:var(--teal-tint);text-decoration:none}.nav-link:hover{background:var(--teal-line);color:#fff}.nav-link[aria-current=page]{background:var(--teal);color:#fff;font-weight:500}.sidebar-foot{margin-top:auto;padding:14px 12px 0;border-top:1px solid var(--teal-line)}.sidebar-foot button{background:none;border:0;color:#b9d3ce;padding:6px 0 0;cursor:pointer;font:inherit;font-size:12px;text-decoration:underline}.main{flex:999 1 560px;min-width:0;padding:24px 32px 48px;display:flex;flex-direction:column;gap:20px}@media (max-width:640px){.main{padding:16px}}.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.page-head .title{margin-right:auto;display:flex;flex-direction:column;gap:2px}.h1{font-family:var(--font-serif),serif;font-size:28px;color:var(--teal-dark)}.h1,.h2{font-weight:600}.h2{font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.xs{font-size:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;flex-direction:column}.card,.row{display:flex;gap:12px}.row{flex-wrap:wrap;align-items:center}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px 16px;gap:12px 16px}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.wide{flex:2 1 520px;flex-direction:column}.split>.narrow,.split>.wide{min-width:0;display:flex;gap:16px}.split>.narrow{flex:1 1 320px;flex-direction:column}.btn{height:44px;padding:0 16px;border-radius:10px;font:inherit;font-weight:500;cursor:pointer;border:1px solid var(--teal);background:#fff;color:var(--teal);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:6px}.btn:hover{background:var(--teal-soft)}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-primary:hover{background:var(--teal-dark);color:#fff}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:var(--danger-tint)}.btn-sm{height:36px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.input,.select,.textarea{height:44px;padding:0 12px;border:1px solid var(--input-line);border-radius:10px;font:inherit;color:var(--ink);background:#fff;width:100%}.textarea{height:auto;min-height:72px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--teal);outline-offset:1px}.input.num{text-align:right}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.chip-teal{background:var(--teal-tint);color:var(--teal-dark)}.chip-gold{background:var(--gold-tint);color:var(--gold-text);border:1px solid var(--gold-line)}.chip-grey{background:var(--grey-tint);color:#3d4745}.chip-ok{background:var(--ok-tint);color:var(--ok)}.chip-danger{background:var(--danger-tint);color:var(--danger)}.chip-vip{background:var(--teal-dark);color:var(--gold-tint)}.alert{padding:12px 16px;border-radius:12px;font-size:14px}.alert-error{background:var(--danger-tint);color:var(--danger);border:1px solid #f3c4b0}.alert-ok{background:var(--ok-tint);color:var(--ok)}.alert-gold{background:#fbf6ea;color:var(--gold-text);border:1px solid var(--gold-line)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:2px}.kpi .v{font-size:26px;font-weight:600;color:var(--teal-dark)}.line-item{display:flex;gap:8px;padding:8px 0;border-top:1px solid var(--line-soft)}.line-item>:first-child{flex:1 1}.total-bar{display:flex;align-items:baseline;gap:8px;padding:14px 16px;border-radius:12px;background:var(--teal-dark);color:#fff}.total-bar>:first-child{flex:1 1}.total-bar .amt{font-size:24px;font-weight:600;color:var(--gold-tint)}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-weight:500;color:var(--muted);padding:8px;border-bottom:1px solid var(--line)}.tbl td{padding:8px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.cal,.scroll-x{overflow-x:auto}.cal{background:#fff;border:1px solid var(--line);border-radius:16px}.cal-inner{min-width:1120px}.cal-row{display:grid;grid-template-columns:170px repeat(var(--days),minmax(0,1fr));grid-template-rows:44px;border-bottom:1px solid var(--line-soft)}.cal-head{grid-template-rows:auto;background:var(--ivory);border-bottom:1px solid var(--line)}.cal-head .day{padding:8px 0;text-align:center;border-left:1px solid var(--line-soft);display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.cal-head .day b{font-size:15px;color:var(--ink)}.cal-head .day.today{background:var(--teal-tint);color:var(--teal-dark)}.cal-head .day.weekend{background:#fbf6ea}.cal-group{padding:8px 16px;background:#f3f7f6;color:var(--teal-dark);font-size:13px;font-weight:600;border-bottom:1px solid var(--line)}.cal-label{grid-row:1;grid-column:1;padding:0 16px;display:flex;align-items:center;gap:8px}.cal-cell{grid-row:1;border-left:1px solid var(--line-soft)}.cal-cell.today{background:var(--teal-soft)}.cal-cell.weekend{background:#fdfaf2}.cal-row.unalloc{background:#fbf4e4}.cal-row.cal-type{background:#f3f7f6;border-bottom:1px solid var(--line)}.cal-type .cal-label{color:var(--teal-dark);font-size:13px;font-weight:600;flex-wrap:wrap;align-content:center;gap:0 4px;line-height:1.3}.rate-cell{grid-row:1;border-left:1px solid var(--line-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.rate-cell b{font-size:12px;color:var(--teal-dark)}.rate-cell span{font-size:10px;color:var(--muted)}.rate-cell.festival{background:var(--gold-tint)}.rate-cell.festival b{color:var(--gold-text)}.rate-cell.full span{color:var(--danger);font-weight:600}.rate-swatch{width:16px;height:12px;border-radius:4px;background:var(--gold-tint);border:1px solid var(--gold-line)}.cal-row.unalloc .cal-cell{background:transparent}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.bar{grid-row:1;margin:6px 3px;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;text-decoration:none;z-index:1}.bar,.bar b{overflow:hidden}.bar b{text-overflow:ellipsis}.bar span{font-size:11px;opacity:.85}.bar-checked_in{background:var(--teal);color:#fff}.bar-confirmed{background:var(--gold-tint);color:var(--gold-text);border:1px solid var(--gold-line)}.bar-pending_payment{background:#fff;color:var(--gold-text);border:1.5px dashed var(--gold)}.bar-checked_out{background:#e4e8e7;color:#3d4745}.bar-block{background:repeating-linear-gradient(135deg,#e4e8e7 0 6px,#d7dcdb 6px 12px);color:#3d4745;border:1px solid #c9cfce;cursor:default}.bar-block.block-reserve{background:repeating-linear-gradient(135deg,#f6ecd6 0 6px,#eedcb4 6px 12px);color:var(--gold-text);border-color:var(--gold-line)}.bar-block.block-cleaning{background:repeating-linear-gradient(135deg,#e3edf7 0 6px,#cfdff0 6px 12px);color:#1f4d7a;border-color:#b5cbe3}.block-chip{padding:2px 10px}.block-chip.block-reserve{background:var(--gold-tint);color:var(--gold-text)}.block-chip.block-other,.block-chip.block-repair{background:var(--grey-tint);color:#3d4745}.block-chip.block-cleaning{background:#e3edf7;color:#1f4d7a}.bar:hover{filter:brightness(.96)}.bar[data-locked="0"]{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;position:relative}.bar.dragging{cursor:-webkit-grabbing;cursor:grabbing;z-index:5;opacity:.9;box-shadow:0 6px 18px rgba(10,70,67,.25);transition:none}.bar-resize{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:ew-resize;border-radius:0 8px 8px 0}.bar-resize:after{content:"";position:absolute;top:25%;bottom:25%;right:3px;width:2px;border-radius:2px;background:currentColor;opacity:.35}.cal-row.drop-target{outline:2px dashed var(--teal);outline-offset:-2px;background:var(--teal-soft)}.modal-backdrop{position:fixed;inset:0;background:rgba(10,30,28,.45);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.25)}.hk{max-width:480px;margin:0 auto}.hk,.hk-card{display:flex;flex-direction:column;gap:10px}.hk-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.hk-room{font-size:22px;font-weight:600;min-width:64px}.progress{height:8px;border-radius:999px;background:#f1ede3;overflow:hidden}.progress>div{height:100%;background:var(--gold);border-radius:999px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--teal-dark)}.login-card{width:100%;max-width:380px;border-radius:18px;padding:28px;gap:16px}.login-card,.rc{background:#fff;display:flex;flex-direction:column}.rc{max-width:760px;margin:24px auto;border:1px solid var(--line);border-radius:16px;padding:32px;gap:14px}.rc-head{display:flex;justify-content:space-between;gap:16px;border-bottom:2px solid var(--teal-dark);padding-bottom:12px}.rc-brand{font-family:var(--font-serif),serif;font-size:22px}.rc-brand,.rc-h{color:var(--teal-dark);font-weight:600}.rc-h{font-size:14px;margin-top:6px}.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 20px;gap:10px 20px}.rc-field{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding-bottom:4px}.rc-field span{font-size:11px;color:var(--muted)}.rc-small{margin:6px 0 0}.rc-sign,.rc-small{font-size:12px;color:var(--muted)}.rc-sign{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;margin-top:36px;text-align:center}.rc-line{border-bottom:1px solid var(--ink);height:40px;margin-bottom:6px}.rc-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:640px){.rc{margin:0;border-radius:0;padding:16px}.rc-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.rc{border:0;margin:0;max-width:none;padding:0}.rc-actions{display:none}}