:root{--bg:#fff;--border:rgba(0,0,0,.08);--text:#1d1d1f;--secondary:#6e6e73;--accent:#0071e3;--control-height:36px;--radius:8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s}button:hover{background:#f5f5f7}button.primary{background:var(--accent);color:#fff;border-color:transparent}button.primary:hover{background:#0066cc}input,select,textarea{border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px 12px;width:100%;min-width:0;font-size:14px}input,select{height:var(--control-height)}:focus-visible{outline:3px solid #0071e330;outline-offset:2px}aside{position:fixed;width:204px;inset:0 auto 0 0;background:#f9f9f9;border-right:1px solid var(--border);padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:30px;text-decoration:none;padding:0 8px}.brand span{font-size:20px;color:var(--text);font-weight:600}.brand small{display:block;font-size:11px;font-weight:400;color:var(--secondary);margin-top:2px}nav{margin-top:46px;display:grid;gap:8px}nav button{text-align:left;background:transparent;border:0;color:var(--secondary);height:40px}nav button.active{background:#fff;color:var(--accent)}.side-bottom{margin-top:auto;font-size:12px;color:var(--secondary);padding:8px}.side-bottom small{display:block;font-size:10px;margin-top:7px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#248a3d;margin-right:5px}main{max-width:1440px;margin-left:204px;padding:44px 48px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--secondary);margin-bottom:9px}h1{font-size:24px;line-height:32px;font-weight:600;margin:0}p{margin:6px 0 0;color:var(--secondary);font-size:12px}h2{font-size:15px;font-weight:500;margin:0}.trip{display:flex;align-items:center;gap:16px;padding:20px 0;border-block:1px solid var(--border)}.trip-icon{width:42px;height:42px;display:grid;place-items:center;background:#f5f7fa;color:var(--accent);border-radius:10px;font-size:27px}.trip p{margin:3px 0 0}.badge{margin-left:auto;color:var(--secondary);background:#f5f5f7;border-radius:999px;font-size:12px;padding:5px 12px}.summary{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0 36px;gap:24px}.summary>div{border-right:1px solid var(--border)}.summary>div:last-child{border:0}.summary span,.summary small{display:block;color:var(--secondary);font-size:12px}.summary strong{display:block;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums;margin:8px 0}.summary small{font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font-size:18px;font-weight:600}.toolbar{display:flex;justify-content:space-between;gap:16px;margin:24px 0 16px}.tabs{display:flex;gap:4px;background:#f5f5f7;padding:3px;border-radius:8px}.tabs button{height:30px;border:0;background:transparent;color:var(--secondary);min-width:60px}.tabs button.selected{background:#fff;color:var(--text)}.tools{display:flex;gap:8px}.tools input{width:230px;font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#fbfbfd;color:var(--secondary);font-size:12px;font-weight:500;text-align:left;padding:12px}td{padding:16px 12px;border-bottom:1px solid var(--border)}td small{display:block;color:var(--secondary);font-size:11px;margin-top:3px}tr:hover td{background:#fbfbfd}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.income{color:#248a3d}.status{border-radius:999px;font-size:11px;padding:4px 8px;background:#f5f5f7;color:var(--secondary);white-space:nowrap}.status.waiting{background:#fff5e6;color:#9b6200}.edit{border:0;background:transparent;color:var(--accent);font-size:12px}.empty{text-align:center;padding:62px 16px;border-bottom:1px solid var(--border)}.empty>div{font-size:30px;color:#a1a1a6}.empty h3{font-size:14px;font-weight:500;margin:14px 0 0}.empty button{margin-top:22px;color:var(--accent)}footer{display:flex;justify-content:space-between;font-size:11px;color:var(--secondary);padding:14px 12px}.hint{font-size:11px;margin-top:26px;line-height:1.8}dialog{width:480px;max-width:calc(100% - 24px);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#0004}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font-size:18px}.dialog-head button{border:0;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:12px;color:var(--secondary);display:grid;gap:6px}.full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.error{color:#d70015}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1d1d1f;color:white;padding:10px 18px;border-radius:8px;display:none;font-size:13px}@media(max-width:1000px){main{padding:32px 24px}.summary{gap:12px}.summary strong{font-size:22px}}@media(max-width:700px){:root{--control-height:46px}aside{position:static;width:100%;padding:16px 20px;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0;font-size:26px}.brand span{font-size:18px}.brand small,.side-bottom{display:none}nav{display:flex;margin:0;gap:0}nav button{font-size:12px;padding:0 9px}main{margin:0;padding:26px 20px}header{margin-bottom:24px;gap:12px}header button{font-size:12px;white-space:nowrap}.eyebrow{font-size:9px;letter-spacing:.7px}h1{font-size:22px}header p{font-size:11px}.trip{gap:10px}.badge{padding:4px 8px;font-size:10px;white-space:nowrap}.trip h2{font-size:14px}.summary{grid-template-columns:1fr 1fr;gap:24px;padding:28px 0 36px}.summary>div:nth-child(2){border:0}.summary strong{font-size:24px}.toolbar{flex-direction:column;gap:12px}.tabs{align-self:flex-start}.tabs button{height:40px}.tools input{flex:1;width:0}.tools button{white-space:nowrap}.section-head p{max-width:210px;font-size:11px}table thead{display:none}table,tbody,tr,td{display:block}tr{display:grid;grid-template-columns:1fr auto;gap:6px;padding:16px 0;border-bottom:1px solid var(--border)}td{border:0;padding:0}td:first-child{grid-column:1;grid-row:1}td:nth-child(2){display:none}td:nth-child(3){grid-column:1;grid-row:2;color:var(--secondary);font-size:12px}td:nth-child(4){grid-column:1;grid-row:3}td:nth-child(5){grid-column:2;grid-row:1}td:nth-child(6){grid-column:2;grid-row:2/4;text-align:right}.empty{padding:40px 12px}.form-grid{gap:14px}dialog{padding:20px}footer{padding-inline:0}.hint{margin-top:16px}}

[hidden]{display:none!important}.calendar-toolbar,.calendar-toolbar>div,.day-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.calendar-toolbar>div{justify-content:flex-start}.calendar-toolbar h2{min-width:115px;text-align:center}.calendar-toolbar button{min-width:40px}.calendar-note{margin:12px 0 18px}.weekdays,#calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{text-align:center;font-size:12px;color:var(--secondary);padding:10px 0;background:#fbfbfd}.calendar-day,.calendar-blank{min-height:108px;border:0;border-bottom:1px solid var(--border);border-right:1px solid var(--border);border-radius:0}.calendar-day{height:auto;text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:8px;font-weight:400;overflow:hidden}.calendar-day.staying{background:#f3f8fd}.calendar-day.chosen{box-shadow:inset 0 0 0 2px var(--accent);background:#eef6ff}.day-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%}.is-today{background:var(--accent);color:white}.day-totals{display:grid;font-size:11px;width:100%;font-variant-numeric:tabular-nums;margin-top:5px}.day-totals>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waiting-text{color:#9b6200}.day-heading{padding:24px 0 16px}.day-heading h2{font-size:14px}@media(max-width:700px){aside{flex-wrap:wrap;gap:12px}nav{width:100%;justify-content:space-between}nav button{flex:1;min-height:44px}.calendar-day,.calendar-blank{min-height:92px}.calendar-day{padding:5px 2px}.day-totals{font-size:9px}.day-number{font-size:12px}.calendar-note{font-size:10px}.day-heading{gap:8px}.day-heading h2{font-size:12px}.day-heading button{font-size:12px}.calendar-toolbar{gap:8px}}

.day-actions{display:flex;gap:8px}.bed-summary{display:grid;width:100%;font-size:10px;color:var(--accent);margin-top:3px}.bed-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-day{min-height:130px}@media(max-width:700px){.calendar-day{min-height:115px}.bed-summary{font-size:9px}.day-heading{align-items:flex-start;flex-direction:column}.day-actions{width:100%;justify-content:flex-end}}

/* Compact workspace */
aside{position:static;inset:auto;width:100%;height:68px;padding:0 max(24px,calc((100vw - 1120px)/2));border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.brand{padding:0;font-size:25px}.brand span{font-size:18px}nav{display:flex;margin:0;gap:4px;width:auto}nav button{padding:0 18px;height:36px;text-align:center;min-height:36px;flex:none}main{max-width:1120px;margin:0 auto;padding:28px 24px}header{margin-bottom:20px}h1{font-size:20px;font-weight:500}.room-meta{white-space:nowrap}.summary{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--border);gap:16px}.summary small{display:none}.summary strong{font-size:22px;margin:4px 0 0}.summary span{font-size:11px}.section-head h2{font-size:16px;font-weight:500}.toolbar{margin:12px 0 18px;align-items:center;flex-direction:row}.tools-menu{position:relative;font-size:12px;color:var(--secondary)}.tools-menu summary{cursor:pointer;padding:8px;list-style:none;border-radius:8px}.tools-menu summary:hover{background:#f5f5f7}.tools-menu[open] .tools{position:absolute;right:0;top:40px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 25px #0001;z-index:2}.calendar-toolbar{margin-bottom:12px}.calendar-day,.calendar-blank{min-height:100px}.day-heading{padding:18px 0 12px}.empty{padding:28px 12px}.empty>div,.empty p{display:none}.empty h3{margin:0}.empty button{margin-top:12px}main>.hint{margin-top:12px;font-size:10px}.day-heading{flex-direction:row;align-items:center}.day-actions{width:auto}.table-wrap td{overflow-wrap:anywhere}@media(max-width:700px){aside{height:60px;flex-wrap:nowrap;padding:0 16px;gap:12px}.brand{font-size:21px;gap:6px}.brand span{font-size:16px}nav{width:auto;gap:0}nav button{padding:0 10px;min-height:44px;height:44px;font-size:12px}main{padding:18px 16px}header{margin-bottom:18px;align-items:center}header h1{font-size:18px;line-height:26px}header p{font-size:10px}header button{padding:0 10px}.room-meta{display:block}.summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:16px;margin-bottom:16px}.summary>div:nth-child(2){border-right:1px solid var(--border)}.summary strong{font-size:16px;overflow-wrap:anywhere}.summary span{font-size:10px}.toolbar{gap:8px;margin:8px 0 14px}.tabs button{min-width:48px;padding:0 8px;height:40px}.tools-menu summary{font-size:11px;white-space:nowrap}.tools-menu[open] .tools{max-width:calc(100vw - 32px);width:330px}.tools input{width:150px;flex:auto}.calendar-toolbar h2{font-size:14px}.calendar-day,.calendar-blank{min-height:100px}.day-heading{flex-wrap:wrap;gap:10px}.day-actions{margin-left:auto}.day-actions button{padding:0 10px}.day-heading h2{font-size:12px}}

/* One room, one working surface */
main{max-width:1000px;padding-top:24px}header{margin-bottom:18px}header h1{font-size:22px}header p{font-size:12px}.more-actions{position:absolute;right:0;top:40px;width:210px;background:white;border:1px solid var(--border);border-radius:10px;padding:10px;display:grid;gap:6px;z-index:5;box-shadow:0 8px 25px #0001}.more-actions small{font-size:10px;padding:6px;color:var(--secondary)}.more-actions button{text-align:left;border:0}.summary{margin-bottom:18px;padding-bottom:18px}.summary>div{border:0}.calendar-toolbar{margin-bottom:10px}.calendar-day,.calendar-blank{min-height:96px}header>.tools-menu summary{min-height:40px;display:flex;align-items:center}.day-heading h2{font-weight:500}.day-actions #dayAdd{background:var(--accent);border-color:transparent;color:white}footer{padding-bottom:0}@media(max-width:700px){main{padding:18px 16px}.summary{gap:8px;margin-bottom:16px;padding-bottom:16px}.summary>div:nth-child(2){border:0}.calendar-day,.calendar-blank{min-height:84px}header{margin-bottom:18px}.summary strong{font-size:16px}.weekdays{padding:8px 0}.calendar-toolbar h2{font-size:14px}.calendar-toolbar>div{gap:8px}}

#bookingChoices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}#bookingChoices button{height:auto;min-height:40px;text-align:left;padding:8px 12px}#bookingChoices small{display:block;font-size:10px;color:var(--secondary)}

.bed-summary{font-size:14px;line-height:1.6;gap:3px;color:var(--text)}.bed-summary small{display:block;font-size:11px;color:var(--secondary)}.day-number{font-size:14px}.entry-dot{color:var(--accent);line-height:1}.booking-totals{display:flex;justify-content:space-between;gap:10px;padding:16px 0;font-size:12px}.booking-totals b{display:block;font-size:16px;font-weight:500}.booking-payments{display:grid;gap:5px;margin-top:10px}.booking-payments button{text-align:left;height:auto;min-height:36px;font-size:12px}@media(max-width:700px){.bed-summary{font-size:13px}.day-number{font-size:13px}.bed-summary small{font-size:10px}.calendar-day{min-height:94px}}

.bed-summary{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.bed-summary .person-pill{max-width:100%;padding:2px 8px;border-radius:999px;background:#e6f0fc;color:#005bb5;font-size:13px;font-weight:500;line-height:21px}.person-pill small{display:inline;margin-left:5px;font-size:11px;color:inherit;font-weight:400}@media(max-width:700px){.calendar-day{padding:5px 3px}.bed-summary .person-pill{padding:2px 5px;font-size:12px;line-height:20px}.person-pill small{display:block;margin-left:0;font-size:10px;line-height:14px}}

input[type="number"]{-moz-appearance:textfield;appearance:textfield}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.booking-totals{align-items:center;gap:12px}.booking-totals>span{min-width:0}.booking-totals #receive{margin-left:auto;white-space:nowrap;font-size:12px;padding:0 10px}.booking-totals b{font-size:15px}@media(max-width:700px){.booking-totals{gap:8px;font-size:11px}.booking-totals b{font-size:13px}.booking-totals #receive{padding:0 8px;font-size:11px}}

select{appearance:none;-webkit-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m4 5.5 3 3 3-3' fill='none' stroke='%236e6e73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 14px}

header h1 small{font-size:12px;font-weight:400;color:var(--secondary);margin-left:8px}.empty{padding:18px 0}.empty h3{font-size:12px;color:var(--secondary);font-weight:400}.day-heading{padding:14px 0}.summary{padding-bottom:14px;margin-bottom:14px}header{margin-bottom:14px}footer{font-size:10px}.day-actions button{min-width:64px}

@media(min-width:1100px){main{max-width:1440px;padding:28px 32px}.split-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(360px,1fr);gap:28px;align-items:start}.daily-panel{min-width:0;border-left:1px solid var(--border);padding-left:24px}.daily-panel .day-heading{padding-top:0;min-height:46px;margin-bottom:10px;flex-wrap:wrap}.daily-panel .table-wrap table{font-size:12px}.daily-panel th,.daily-panel td{padding:12px 6px}.daily-panel td small{font-size:10px}.daily-panel th:nth-child(2),.daily-panel td:nth-child(2){display:none}.daily-panel .day-actions{gap:6px}.calendar-day{min-height:106px}}

/* Compact forms, with mobile touch sizes preserved. */
dialog{padding:20px;max-height:calc(100dvh - 32px);overflow-y:auto}.dialog-head{margin-bottom:16px}.dialog-head h2{font-size:17px}.form-grid{gap:12px}label{gap:4px}.dialog-actions{margin-top:16px}dialog .hint{margin-top:14px;font-size:11px}dialog textarea{min-height:56px;padding:8px 10px}#bookingChoices{margin-bottom:14px}#bookingChoices button{padding:6px 10px}.booking-totals{padding:12px 0}.booking-payments:empty{display:none}.error:empty{display:none}@media(max-width:700px){dialog{padding:18px}.form-grid{gap:10px}.dialog-head{margin-bottom:14px}.dialog-actions{margin-top:14px}}

/* Shorter month grid across desktop and mobile. */
.calendar-day,.calendar-blank{min-height:76px}.calendar-day{padding:5px 7px}.bed-summary{margin-top:2px;gap:3px}.bed-summary .person-pill{padding-top:1px;padding-bottom:1px;line-height:19px}.weekdays{padding:7px 0}@media(min-width:1100px){.calendar-day,.calendar-blank{min-height:76px}}@media(max-width:700px){.calendar-day,.calendar-blank{min-height:68px}.calendar-day{padding:3px}.day-number{height:22px;width:22px}.bed-summary{gap:2px}.bed-summary .person-pill{line-height:18px;padding-top:0;padding-bottom:0}.person-pill small{display:inline;margin-left:3px;font-size:10px;line-height:inherit}.weekdays{padding:5px 0}}
.calendar-toolbar{margin-bottom:8px;gap:10px}.calendar-toolbar>div{gap:10px}.calendar-toolbar button{height:30px;min-width:32px;padding:0 10px}.calendar-toolbar h2{font-size:14px;min-width:106px}@media(max-width:700px){.calendar-toolbar button{height:40px;min-width:40px;padding:0 10px}.calendar-toolbar>div{gap:6px}}