:root{color:#10213a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--sf-bg:#fffcf8;--sf-panel:#fff;--sf-text:#10213a;--sf-muted:#667085;--sf-soft:#f7efe6;--sf-line:#eadfd4;--sf-teal:#0f9f9a;--sf-teal-dark:#047d7b;--sf-teal-soft:#e5f7f5;--sf-coral:#ff514b;--sf-coral-dark:#e8423d;--sf-red:#ef4444;--sf-green:#178657;--sf-blue:#1d73d8;--sf-amber:#ee9f16;--sf-purple:#7c4ac7;--sf-radius-sm:12px;--sf-radius:18px;--sf-radius-lg:26px;--sf-shadow:0 14px 34px #10213a14;--sf-shadow-soft:0 8px 22px #10213a0f;--sf-shadow-red:0 18px 34px #ff514b3d;background:#fffcf8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif}.online-settings-card,.seasonal-rate-settings,.owner-control-card{color:#10213a;gap:1rem;display:grid}.online-settings-card{border:1px solid var(--surface-border,#d9e3e5);color:#10213a;background:#fff;border-radius:20px;padding:1rem}.online-settings-card>header h2,.online-settings-card>header p,.seasonal-rate-settings h3,.seasonal-rate-settings p,.owner-control-card h3,.owner-control-card h4,.owner-control-card p{margin:0}.owner-control-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.owner-control-card,.seasonal-rate-settings{border:1px solid var(--sf-line,#d9e3e5);background:#fff;border-radius:20px;min-width:0;padding:1rem}.owner-control-card>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.payment-qr-preview{background:var(--sf-sand,#fff8ee);border-radius:16px;justify-items:center;gap:.75rem;padding:1rem;display:grid}.payment-qr-preview img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;width:min(100%,280px)}.payment-qr-recipient,.payment-qr-file,.public-service-confirmation,.public-service-confirmation fieldset,.public-service-confirmation label{color:#10213a;gap:.55rem;display:grid}.payment-qr-file input,.public-service-confirmation input{width:100%;min-height:44px}.public-service-badge{text-align:center;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:.65rem 1rem;display:inline-flex}.public-service-badge-normal{color:#126253;background:#dff7ef}.public-service-badge-bookings_paused{color:#77520d;background:#fff2c9}.public-service-badge-transactions_suspended{color:#8f2430;background:#ffe0e3}.public-service-actions,.owner-control-actions{flex-wrap:wrap;gap:.75rem;display:flex}.public-service-actions button,.owner-control-actions button{min-height:44px}.owner-confirmation{color:#10213a;background:#fff7f7;border:1px solid #e7a1a8;border-radius:16px;padding:1rem}.owner-critical-warning{color:#8f2430;font-weight:800}.public-service-confirmation fieldset{border:0;margin:0;padding:0}.public-service-confirmation fieldset label{grid-template-columns:auto minmax(0,1fr);align-items:center}.public-service-confirmation input[type=radio]{width:18px;min-height:18px}.online-rates-table{color:#10213a;max-width:100%;overflow-x:auto}.owner-control-note{color:var(--sf-muted,#5f747b)}@media (width>=900px){.owner-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width<=560px){.owner-control-card>header,.public-service-actions,.owner-control-actions{flex-direction:column;align-items:stretch}.public-service-badge,.public-service-actions button,.owner-control-actions button{width:100%}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 92% 8%, #ffdfcc52, transparent 26%), linear-gradient(180deg, #fff, var(--sf-bg));margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.dashboard-shell{grid-template-columns:194px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--sf-line);background:#fffffff0;flex-direction:column;height:100vh;padding:26px 12px 16px;display:flex;position:sticky;top:0;box-shadow:8px 0 30px #10213a0a}.sidebar-brand{color:var(--sf-text);justify-items:center;gap:10px;margin-bottom:28px;text-decoration:none;display:grid}.brand-logo{object-fit:cover;border-radius:999px;width:116px;height:116px}.sidebar-brand strong{text-align:center;font-size:1.45rem;font-weight:950;line-height:1;display:block}.sidebar-brand small{text-align:center;color:var(--sf-muted);margin-top:4px;font-size:.82rem;font-weight:700;display:block}.primary-nav{gap:10px;display:grid}.nav-divider{background:var(--sf-line);height:1px;margin:10px 12px}.nav-item{color:#2f405b;border-radius:12px;align-items:center;gap:13px;min-height:50px;padding:0 16px;font-weight:820;text-decoration:none;transition:transform .15s,background .15s,color .15s;display:flex}.nav-item:hover{background:#f5fbfa;transform:translate(2px)}.nav-item-active{color:var(--sf-teal-dark);box-shadow:inset 4px 0 0 var(--sf-teal);background:linear-gradient(135deg,#dff6f4,#effafa)}.nav-icon,.sf-icon{flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.nav-icon svg,.sf-icon svg{width:100%;height:100%}.sidebar-account{border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-soft);background:#fff;border-radius:12px;margin-top:auto;overflow:hidden}.sidebar-account-main{align-items:center;gap:10px;padding:14px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#6bd1c8,#467eb8);border-radius:999px;place-items:center;width:44px;height:44px;font-weight:950;display:grid}.sidebar-account span:not(.account-avatar){max-width:96px;color:var(--sf-text);text-overflow:ellipsis;white-space:nowrap;font-weight:900;display:block;overflow:hidden}.sidebar-account small{color:var(--sf-muted);font-size:.78rem}.sidebar-signout{width:100%;min-height:50px;color:var(--sf-red);text-align:left;background:#fff1ef;border:0;border-top:1px solid #ffe2df;padding:0 18px;font-weight:900}.dashboard-content{min-width:0}.mobile-header,.mobile-menu-backdrop,.mobile-menu-panel{display:none}.page{width:min(100% - 42px,1320px);margin:0 auto;padding:26px 0 34px}.page-header{justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:20px;display:flex}.title-row{align-items:center;gap:18px;display:flex}.sun-mark{color:#f5a623;font-size:2rem;line-height:1}.page h1{color:var(--sf-text);letter-spacing:-.05em;margin:0;font-size:clamp(2.05rem,3.5vw,3rem);font-weight:950;line-height:1.05}.page-header p,.section-heading p{color:var(--sf-muted);margin:6px 0 0;font-weight:700}.header-date{color:#31415b;letter-spacing:0;align-items:center;gap:8px;margin-left:18px;font-size:1.02rem;font-weight:760;display:inline-flex}.header-actions,.mock-actions{align-items:center;gap:14px;display:flex}.primary-action,.danger-action,.secondary-action,.soft-action,.icon-action,.table-action,.filter-text-action{border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:900;text-decoration:none;display:inline-flex}.primary-action,.danger-action{color:#fff;background:linear-gradient(135deg, #ff625d, var(--sf-coral));box-shadow:var(--sf-shadow-red);border:0;padding:0 24px}.primary-action{border-radius:12px;min-height:62px;font-size:1.12rem}.secondary-action,.soft-action,.table-action,.filter-text-action{color:var(--sf-teal-dark);background:#fff;border:1px solid #cfd8e3;padding:0 16px;box-shadow:0 4px 12px #10213a0a}.soft-action-green{color:var(--sf-green);background:#f1fbf2;border-color:#bde6c7}.icon-action{color:#2f405b;width:60px;min-height:60px;box-shadow:var(--sf-shadow-soft);background:#fff;border:1px solid #e1e5ea;position:relative}.notification-dot{color:#fff;background:var(--sf-coral);border-radius:999px;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:950;display:grid;position:absolute;top:-8px;right:-7px}.content-section,.mock-panel{border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);background:#ffffffeb}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-heading h2{color:var(--sf-text);letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:950;line-height:1.15}.metric-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:14px;margin:20px 0 24px;display:grid}.metric-card{border:1px solid var(--tone-border,#bfe5e2);background:linear-gradient(135deg, var(--tone-bg,#ecfbfa), #fff);min-width:0;min-height:128px;box-shadow:var(--sf-shadow-soft);border-radius:16px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:18px;display:grid}.metric-card>div{min-width:0}.metric-card .metric-icon{width:56px;height:56px;color:var(--tone,var(--sf-teal));background:#fff;border-radius:999px;place-items:center;display:grid;box-shadow:0 12px 26px #10213a14}.metric-card span{color:#31415b;text-overflow:ellipsis;max-width:100%;font-weight:800;display:block;overflow:hidden}.metric-card strong{max-width:100%;color:var(--tone-strong,var(--sf-teal-dark));letter-spacing:-.045em;text-overflow:clip;white-space:nowrap;font-size:clamp(1.9rem,2vw,2.35rem);font-weight:950;line-height:.95;display:block;overflow:hidden}.metric-card small{color:#1f2937;font-weight:700}.tone-teal{--tone:#0f9f9a;--tone-strong:#07817f;--tone-bg:#ecfbfa;--tone-border:#a9dddb}.tone-blue{--tone:#4f7fbd;--tone-strong:#174f91;--tone-bg:#eff7ff;--tone-border:#b9d7f7}.tone-amber{--tone:#f0a21a;--tone-strong:#1f2f4a;--tone-bg:#fff8ea;--tone-border:#f4d7a7}.tone-red{--tone:#ff514b;--tone-strong:#e53d38;--tone-bg:#fff1ef;--tone-border:#ffc6c2}.tone-green{--tone:#1f9b5a;--tone-strong:#178657;--tone-bg:#f0fbf3;--tone-border:#bfe5c8}.tone-purple{--tone:#7c4ac7;--tone-strong:#5d36a0;--tone-bg:#f5efff;--tone-border:#dac7ff}.tone-red strong,.tone-green strong{letter-spacing:-.06em;font-size:clamp(1.62rem,1.7vw,2.05rem)}.dashboard-arrivals{margin-top:10px}.section-title-inline{align-items:center;gap:18px;display:flex}.section-title-inline span{color:var(--sf-muted);font-size:.92rem;font-weight:760}.section-title-inline button{width:30px;height:30px;color:var(--sf-muted);background:0 0;border:0;font-size:1.1rem;font-weight:900}.arrival-day-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));align-items:start;gap:18px;display:grid}.arrival-day-card{border:1px solid var(--tone-border,var(--sf-line));background:linear-gradient(180deg, var(--tone-bg,#fffaf3), #fff);min-height:0;box-shadow:var(--sf-shadow-soft);border-radius:12px;overflow:hidden}.arrival-day-card:first-child{--tone-bg:#e8f9f7;--tone-border:#9eddda}.arrival-day-card:nth-child(2){--tone-bg:#eef7ff;--tone-border:#b8d8f5}.arrival-day-card:nth-child(3){--tone-bg:#fff8ec;--tone-border:#efd7b6}.arrival-day-card:nth-child(4){--tone-bg:#f7f2ff;--tone-border:#d7c5f3}.arrival-day-card>header{border-bottom:1px solid var(--tone-border,var(--sf-line));min-height:38px;color:var(--sf-teal-dark);background:var(--tone-bg,#fffaf3);place-items:center;font-weight:950;display:grid}.arrival-stack{gap:14px;padding:12px;display:grid}.guest-card{background:#fff;border:1px solid #e8edf2;border-radius:12px;gap:10px;min-width:0;padding:14px;display:grid;box-shadow:0 10px 20px #10213a14}.guest-card-top,.guest-payment-line{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.guest-card-top small,.guest-payment-line small{min-width:0;color:var(--sf-muted);text-align:right;font-size:.78rem;font-weight:760;display:grid}.guest-card-top b,.guest-payment-line b{color:var(--sf-teal-dark);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.guest-card h3{color:var(--sf-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.08rem;font-weight:950;line-height:1.2;overflow:hidden}.guest-phone{color:#43516a;text-overflow:ellipsis;white-space:nowrap;margin:-3px 0 0;font-weight:760;overflow:hidden}.guest-details{border-top:1px dashed #d8dfe7;border-bottom:1px dashed #d8dfe7;gap:8px;margin:0;padding:10px 0;display:grid}.guest-details div{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:10px;display:grid}.guest-details dt{color:var(--sf-muted);font-size:.8rem;font-weight:800}.guest-details dd{color:var(--sf-text);overflow-wrap:anywhere;text-wrap:pretty;margin:0;font-weight:820;overflow:hidden}.guest-details div:first-child dd,.guest-details div:nth-child(3) dd{text-overflow:ellipsis;white-space:nowrap}.guest-note{color:#3f4e66;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.82rem;line-height:1.45;overflow:hidden}.guest-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.guest-actions .danger-action,.guest-actions .soft-action{min-height:38px;padding:0 10px;font-size:.86rem}.empty-arrival{color:var(--sf-muted);margin:18px;font-weight:780}.dashboard-bottom{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:20px;margin-top:18px;display:grid}.room-status-panel,.latest-bookings-panel{padding:16px 18px 18px}.room-status-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.room-status-card{background:linear-gradient(135deg,#e8f9f7,#f5fbf3);border:1px solid #bfe5e2;border-radius:12px;align-items:center;gap:16px;min-height:110px;padding:16px;display:flex}.room-status-card>span{background:#ffffffad;border-radius:14px;place-items:center;width:62px;height:62px;font-size:2.3rem;display:grid}.room-status-card strong,.room-status-card b,.room-status-card small{display:block}.room-status-card strong{color:var(--sf-text);font-size:1.08rem;font-weight:900}.room-status-card b{color:var(--sf-teal-dark);font-size:1.28rem;font-weight:950}.room-status-card small{color:#1f2937;font-weight:760}.room-status-legend{color:#42526b;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:.84rem;font-weight:760;display:flex}.room-status-legend span{align-items:center;gap:8px;display:inline-flex}.room-status-legend i{background:var(--dot,var(--sf-teal));border-radius:999px;width:14px;height:14px}.room-status-legend [data-tone=waiting]{--dot:#f59e0b}.room-status-legend [data-tone=free]{--dot:#35a66a}.room-status-legend [data-tone=cleaning]{--dot:#5b9ce6}.room-status-legend [data-tone=closed]{--dot:#7b8496}.latest-booking-list{gap:8px;display:grid}.latest-booking-list article{background:#fff;border-radius:10px;grid-template-columns:82px minmax(0,1fr) 120px auto 86px;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:grid}.latest-booking-list strong{color:var(--sf-text);font-weight:900}.latest-booking-list span,.latest-booking-list small{color:#43516a;font-size:.9rem;font-weight:760}.view-all-link{color:#1767b2;justify-content:center;margin-top:14px;font-weight:900;text-decoration:none;display:flex}.page-title-icon{width:62px;height:62px;color:var(--tone,var(--sf-teal));background:var(--tone-bg,var(--sf-teal-soft));border:1px solid var(--tone-border,#bfe5e2);border-radius:16px;place-items:center;display:grid}.page-title-icon>svg{stroke-width:2px;width:36px;height:36px}.booking-search-input>svg{z-index:1;color:#667085;width:22px;height:22px;position:absolute;top:23px;left:22px}.summary-icon>svg,.month-pill>svg,.header-date>svg,.secondary-action>svg{flex:none;width:22px;height:22px}.booking-create-action:before{content:"+";font-size:1.7rem;font-weight:500;line-height:1}.booking-search-panel{max-width:820px;margin-bottom:20px}.booking-search-input{display:grid;position:relative}.booking-search-input>.sf-icon{z-index:1;color:#667085;position:absolute;top:22px;left:22px}.booking-search-input input{min-height:68px;box-shadow:var(--sf-shadow-soft);border-color:#cfd8e3;border-radius:18px;padding:0 76px 0 62px;font-size:1.05rem}.search-call-icon{width:48px;height:48px;color:var(--sf-teal);background:#f0fbfa;border:1px solid #a9dddb;border-radius:15px;place-items:center;font-size:1.35rem;text-decoration:none;display:grid;position:absolute;top:11px;right:10px}.booking-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.filter-chip,.month-pill{color:#34445d;background:#fff;border:1px solid #d7dfe8;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:900;display:inline-flex}.filter-chip-active{border-color:var(--sf-teal);color:#fff;background:linear-gradient(135deg, var(--sf-teal), #0d8581)}.filter-chip-active-light,.filter-chip-status.status-pill-status-waiting{color:#d56e00;background:#fff7e8;border-color:#f4c676}.filter-divider{background:#cfd8e3;width:1px;height:34px}.month-pill{border-radius:14px;padding:0 14px}.month-pill input{border:0;width:150px;min-height:36px;padding:0}.booking-list-section{gap:16px;display:grid}.booking-summary-strip{border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow-soft);background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.booking-summary-strip article{border-right:1px solid #ece4dc;align-items:center;gap:16px;min-height:108px;padding:18px 22px;display:flex}.booking-summary-strip article:last-child{border-right:0}.summary-icon{width:56px;height:56px;color:var(--tone,var(--sf-teal));background:var(--tone-bg,var(--sf-teal-soft));border-radius:14px;place-items:center;display:grid}.booking-summary-strip span:not(.summary-icon){color:#34445d;font-weight:820}.booking-summary-strip strong{color:var(--sf-text);letter-spacing:-.045em;margin-right:8px;font-size:2.4rem;font-weight:950;line-height:1}.booking-summary-strip small{color:var(--sf-muted);font-weight:760}.booking-row-list{gap:14px;display:grid}.booking-row-card{border:1px solid var(--sf-line);border-radius:var(--sf-radius);min-height:154px;box-shadow:var(--sf-shadow-soft);background:#fff;grid-template-columns:minmax(240px,1.55fr) minmax(150px,.9fr) minmax(170px,1fr) minmax(128px,.7fr) minmax(170px,1fr) 180px;align-items:center;gap:16px;padding:18px;display:grid}.booking-row-identity{align-items:center;gap:18px;display:flex}.booking-room-avatar{width:64px;height:64px;color:var(--sf-teal);background:linear-gradient(135deg,#e4f8f6,#fff);border:1px solid #bfe5e2;border-radius:16px;flex:none;place-items:center;font-size:1.85rem;display:grid}.booking-row-identity strong{color:var(--sf-text);font-size:1.7rem;font-weight:950;line-height:1;display:block}.booking-row-identity h2{color:var(--sf-text);margin:8px 0 0;font-size:1.14rem;font-weight:950;line-height:1.2}.booking-row-identity p{color:#526078;margin:6px 0 8px;font-size:.95rem;font-weight:760}.booking-row-dates,.booking-row-room,.booking-row-money,.booking-row-status{border-left:1px solid #ece4dc;gap:5px;padding-left:16px;display:grid}.booking-row-dates span,.booking-row-room span,.booking-row-money span,.booking-row-status span{color:#526078;font-size:.82rem;font-weight:820}.booking-row-dates strong,.booking-row-room strong,.booking-row-money strong{color:var(--sf-text);font-weight:900}.booking-row-dates b{width:fit-content;min-height:28px;color:var(--sf-teal-dark);background:var(--sf-teal-soft);border-radius:999px;align-items:center;padding:0 14px;font-size:.9rem;display:inline-flex}.booking-row-money b{color:var(--sf-red);font-size:1.3rem;font-weight:950}.booking-row-actions{gap:9px;display:grid}.booking-row-actions .danger-action,.booking-row-actions .soft-action{width:100%;min-height:42px}.load-more{justify-self:center;margin-top:8px}.booking-create-section{margin-top:6px}.booking-form{grid-template-columns:minmax(0,1fr) 402px;align-items:start;gap:20px;display:grid}.booking-form-sections{gap:8px;display:grid}.booking-form-section{border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-soft);background:#fffffff5;border-radius:12px;padding:16px 20px}.booking-form-section-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.booking-form-section-header>span{color:#fff;background:var(--sf-teal);border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-weight:950;display:grid}.booking-form-section-header h2{color:var(--sf-text);margin:0;font-size:1.08rem;font-weight:950}.booking-form-section-header p{color:var(--sf-muted);margin:2px 0 0;font-size:.82rem;font-weight:760}.form-field-wide,.booking-room-fields,.booking-channel-picker{grid-column:1/-1}.booking-channel-picker,.booking-payment-mode{border:0;margin:0;padding:0}.booking-channel-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.channel-option{color:#34445d;background:#fff;border:1px solid #d8dfe7;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:860;display:inline-flex}.channel-option span{width:24px;height:24px;color:var(--sf-teal);background:var(--sf-teal-soft);border-radius:7px;place-items:center;font-weight:950;display:grid}.channel-option-active{border-color:var(--sf-teal);color:var(--sf-teal-dark);background:#effafa;box-shadow:0 0 0 1px #0f9f9a29}.booking-date-control{grid-template-columns:minmax(0,1fr) 54px;display:grid}.booking-date-control input{border-radius:10px 0 0 10px}.date-picker-button{color:#fff;background:var(--sf-teal);border:0;border-radius:0 10px 10px 0;min-height:48px}.date-picker-button span{display:none}.date-picker-button svg{stroke:currentColor;stroke-width:2px;fill:none;width:22px}.booking-room-fields{gap:12px;display:grid}.booking-room-fields>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.booking-room-fields h3{color:var(--sf-text);margin:0;font-size:1rem;font-weight:950}.booking-room-fields p{color:var(--sf-muted);margin:2px 0 0;font-size:.82rem;font-weight:760}.room-choice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.room-choice-card{background:linear-gradient(135deg,#f5fffd,#fff);border:1px solid #cfe4df;border-radius:12px;gap:12px;padding:14px;display:grid;position:relative;container-type:inline-size}.room-choice-card-active{border-color:var(--sf-teal);box-shadow:inset 0 0 0 1px #0f9f9a59}.room-choice-toggle{color:var(--sf-text);text-align:left;background:0 0;border:0;grid-template-columns:24px 54px 1fr;align-items:center;gap:10px;padding:0;display:grid}.room-check{color:#fff;background:var(--sf-teal);border-radius:6px;place-items:center;width:22px;height:22px;font-size:.92rem;font-weight:950;display:grid}.room-thumb{background:linear-gradient(135deg,#d9efec,#f6eee1);border-radius:999px;place-items:center;width:54px;height:54px;font-size:1.75rem;display:grid}.room-choice-toggle strong{color:var(--sf-text);font-size:1.02rem;font-weight:950;display:block}.room-choice-toggle small{color:var(--sf-muted);font-weight:760}.room-choice-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:start;gap:10px;display:grid}.room-choice-controls>label,.room-choice-controls input{min-width:0}.stepper-control{grid-template-columns:54px minmax(56px,1fr) 54px;width:100%;max-width:220px;display:grid}.stepper-control input{width:100%;min-height:54px;color:var(--sf-text);text-align:center;appearance:textfield;background:#fff;border-left:0;border-right:0;border-radius:0;padding:0;font-size:1.35rem;font-weight:950;line-height:1}.stepper-control input::-webkit-outer-spin-button{appearance:none;margin:0}.stepper-control input::-webkit-inner-spin-button{appearance:none;margin:0}.stepper-control button{width:54px;min-width:54px;min-height:54px;color:var(--sf-teal-dark);background:#fff;border:1px solid #d8dfe7;font-size:1.45rem;font-weight:950}@container (width<=360px){.room-choice-controls{grid-template-columns:1fr}.stepper-control{max-width:100%}}.stepper-control button:first-child{border-radius:10px 0 0 10px}.stepper-control button:last-child{background:var(--sf-teal);color:#fff;border-radius:0 10px 10px 0}.room-choice-total{background:#e8f8f7;border-radius:10px;align-content:center;gap:4px;min-height:60px;padding:10px 12px;display:grid}.room-choice-total span,.room-choice-idle span{color:var(--sf-teal-dark);font-size:.78rem;font-weight:900}.room-choice-total strong,.room-choice-idle strong{color:var(--sf-teal-dark);font-size:1.25rem;font-weight:950}.room-choice-idle{gap:4px;padding-top:4px;display:grid}.room-remove-action{min-height:42px;color:var(--sf-red);background:#fff0ef;border:1px solid #ffd0cc;border-radius:10px;font-weight:900}.booking-payment-mode{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.booking-payment-mode legend{grid-column:1/-1}.booking-payment-mode label{color:#34445d;background:#fff;border:1px solid #d8dfe7;border-radius:10px;justify-content:center;align-items:center;min-height:44px;font-weight:900;display:flex}.booking-payment-mode label:has(input:checked){color:var(--sf-teal-dark);border-color:var(--sf-teal);background:#effafa}.booking-payment-mode input{opacity:0;pointer-events:none;width:1px;height:1px;min-height:1px;position:absolute}.booking-summary{border:1px solid var(--sf-line);box-shadow:var(--sf-shadow);background:#fff;border-radius:16px;gap:13px;padding:22px;display:grid;position:sticky;top:24px}.booking-summary:before{content:"สรุปการจอง";color:var(--sf-text);font-size:1.28rem;font-weight:950}.booking-summary-card,.booking-summary-rooms,.booking-summary-total{border-bottom:1px solid #eee5dc;gap:5px;padding-bottom:11px;display:grid}.booking-summary-card span,.booking-summary-rooms>span,.booking-summary-total span{color:var(--sf-muted);font-size:.86rem;font-weight:860}.booking-summary-card strong{color:var(--sf-text);font-size:1.02rem;font-weight:950}.booking-summary-card small,.booking-summary-lock{color:var(--sf-muted);font-weight:760}.booking-summary-room-line{gap:6px;padding:8px 0;display:grid}.booking-summary-room-line+.booking-summary-room-line{border-top:1px dashed #e4d9cc}.booking-summary-room-line>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.booking-summary-room-line strong{color:var(--sf-text);font-size:.94rem;font-weight:950}.booking-summary-room-line b{color:var(--sf-text);white-space:nowrap;font-size:.94rem;font-weight:950}.booking-summary-room-line ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.booking-summary-room-line li,.booking-summary-room-line small{color:#607089;font-size:.82rem;font-weight:760;line-height:1.25}.booking-summary-total{text-align:right;border-bottom:0}.booking-summary-total strong{color:var(--sf-teal-dark);font-size:2.2rem;font-weight:950;line-height:1}.booking-summary-total small{color:var(--sf-red);font-weight:950}.booking-summary>button{color:#fff;background:linear-gradient(135deg, #ff625d, var(--sf-coral));min-height:62px;box-shadow:var(--sf-shadow-red);border:0;border-radius:12px;font-size:1.1rem;font-weight:950}.booking-form>[role=status]{grid-column:1/-1}.status-pill,.channel-pill,.count-badge{width:fit-content;min-height:30px;color:var(--pill-color,var(--sf-teal-dark));background:var(--pill-bg,var(--sf-teal-soft));border:1px solid var(--pill-border,#0f9f9a2e);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.84rem;font-weight:900;display:inline-flex}.status-waiting{--pill-color:#d56e00;--pill-bg:#fff2d2;--pill-border:#ffd996}.status-deposit{--pill-color:#1767b2;--pill-bg:#e6f1ff;--pill-border:#b9d6ff}.status-paid{--pill-color:#178657;--pill-bg:#e7f8eb;--pill-border:#bde7c7}.status-checkin{--pill-color:#067c7b;--pill-bg:#dff6f3;--pill-border:#a8ddda}.status-checkout{--pill-color:#6d42b3;--pill-bg:#f2ebff;--pill-border:#d6c4ff}.status-cancel{--pill-color:#ef4444;--pill-bg:#fff0ef;--pill-border:#ffc7c4}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}label,.field,.booking-date-field{gap:8px;display:grid}label>span:first-child,.field>span:first-child,legend,.booking-date-field>span:first-child{color:#26364f;font-size:.9rem;font-weight:900}input,select,textarea{width:100%;min-height:48px;color:var(--sf-text);background:#fff;border:1px solid #d8dfe7;border-radius:10px;padding:0 14px;font-weight:760}textarea{resize:vertical;min-height:96px;padding:14px}input:focus,select:focus,textarea:focus{border-color:var(--sf-teal);outline:3px solid #0f9f9a29}.loading-state,.error-state,.empty-state{border-radius:var(--sf-radius);color:var(--sf-muted);background:#fff;padding:18px}.error-state{color:var(--sf-red);border:1px solid #ffc7c4}.not-found{place-content:center;gap:20px;min-height:70vh;display:grid}.login-shell{background:linear-gradient(135deg,#fff,#ecfbfa);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--sf-line);width:min(100%,430px);box-shadow:var(--sf-shadow);background:#fff;border-radius:24px;padding:32px}.login-card img{border-radius:999px;width:104px;height:104px;margin:0 auto 18px;display:block}.login-card h1{text-align:center;margin:0 0 6px;font-size:2rem}.login-card p{text-align:center;color:var(--sf-muted);margin:0 0 22px}.login-card form{gap:16px;display:grid}.login-card button{color:#fff;background:var(--sf-teal);border:0;border-radius:12px;min-height:54px;font-weight:900}.teal-action{background:linear-gradient(135deg, var(--sf-teal), #07817f);box-shadow:0 18px 34px #0f9f9a38}.compact-action{min-height:42px;padding:0 14px;font-size:.9rem}.admin-metric-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.page-calendar .page-header,.page-payments .page-header,.page-rooms .page-header,.page-property .page-header,.page-staff .page-header{margin-bottom:22px}.calendar-page-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px;display:grid}.calendar-board-panel,.calendar-today-panel,.payment-toolbar,.payment-layout>div,.payment-recent-section,.room-editor-panel,.property-preview-panel,.staff-permission-panel,.staff-security-banner{border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);background:#fffffff0}.calendar-board-panel{min-width:0;padding:18px}.calendar-toolbar,.payment-toolbar{grid-template-columns:190px minmax(260px,1fr) 170px 130px;align-items:center;gap:14px;margin-bottom:18px;display:grid}.month-control{background:#fff;border:1px solid #d8dfe7;border-radius:12px;align-items:center;min-height:56px;padding:0 18px;display:grid;position:relative}.month-control span{display:none}.month-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.month-control strong{color:var(--sf-text);text-align:center;font-size:1.13rem;font-weight:950}.calendar-legend{background:#fffaf3;border:1px solid #f0e5d8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:28px;min-height:54px;margin-bottom:18px;padding:0 18px;display:flex}.calendar-legend span{color:#34445d;align-items:center;gap:8px;font-weight:900;display:inline-flex}.calendar-legend span:before{content:"";background:var(--status-bg,#fff3d8);border:1px solid var(--status-border,#ffe0a3);border-radius:999px;width:34px;height:16px}[data-status=รอชำระ]{--status-bg:#ffe6a6;--status-border:#ffc753}[data-status=มัดจำแล้ว]{--status-bg:#b9d7ff;--status-border:#77a9f5}[data-status=ชำระเต็มแล้ว]{--status-bg:#a9dfb0;--status-border:#69c37a}[data-status=เข้าพักแล้ว]{--status-bg:#51b8b2;--status-border:#109993}.calendar-room-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.calendar-room-summary article{background:linear-gradient(135deg,#fffdf9,#fff);border:1px solid #e9d8c2;border-radius:14px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:122px;padding:16px;display:grid}.calendar-room-summary article>div{min-width:0}.calendar-room-summary article>span,.calendar-room span:first-child{color:#fff;background:linear-gradient(135deg,#5cc8c0,#0b908c);border-radius:999px;place-items:center;width:58px;height:58px;font-size:1.8rem;display:grid}.calendar-room-summary h2,.calendar-room-summary p{margin:0}.calendar-room-summary h2{color:var(--sf-text);gap:1px;font-size:clamp(1rem,1.1vw,1.16rem);font-weight:950;line-height:1.12;display:grid}.calendar-room-summary h2 span,.calendar-room-summary h2 em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.calendar-room-summary h2 em{color:#34445d;font-style:normal}.calendar-room-summary small{color:var(--sf-muted);font-weight:760;display:block}.calendar-room-summary article>strong{min-width:64px;color:var(--sf-text);text-align:center;white-space:nowrap;font-size:clamp(1.28rem,1.35vw,1.5rem);font-weight:950;display:grid}.calendar-room-summary article>strong small{color:#34445d;font-size:.85rem}.calendar-scroll{background:#fff;border:1px solid #efe5da;border-radius:14px;overflow:auto}.calendar-grid{min-width:max-content;display:grid}.calendar-corner,.calendar-date,.calendar-room,.calendar-cell{background:#fff;border-bottom:1px solid #eee5dc;border-right:1px solid #eee5dc;min-width:0;min-height:86px}.calendar-corner,.calendar-date{z-index:2;background:#fffaf4;position:sticky;top:0}.calendar-corner{z-index:4;color:var(--sf-teal-dark);place-items:center;font-weight:950;display:grid;left:0}.calendar-date{align-content:center;place-items:center;gap:5px;display:grid}.calendar-date strong{color:var(--sf-text);font-size:1.25rem;font-weight:950}.calendar-weekday-label{color:#45546a;background:0 0;border-radius:7px;align-items:center;width:fit-content;min-height:24px;padding:0 8px;font-size:.78rem;font-weight:900;display:inline-flex}.calendar-weekday-label[data-day-tone=friday]{color:#bb7b05;background:#fff0c8}.calendar-weekday-label[data-day-tone=saturday]{color:#1d73d8;background:#e7f1ff}.calendar-weekday-label[data-day-tone=sunday]{color:#ef4444;background:#ffe6e4}.calendar-date-today{box-shadow:inset 0 0 0 2px var(--sf-teal);background:#f0fbfa}.calendar-room{z-index:3;text-align:center;align-content:center;justify-items:center;gap:4px;padding:12px 10px;display:grid;position:sticky;left:0}.calendar-room strong{max-width:100%;color:var(--sf-text);text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.calendar-room small{color:#43516a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:760;overflow:hidden}.calendar-cell{color:#9b8c80;align-content:center;place-items:stretch stretch;gap:8px;min-height:142px;padding:10px;text-decoration:none;display:grid}.calendar-cell-link{background:var(--status-bg,#fff7df);border-color:var(--status-border,#ffd580)}.calendar-customer{width:100%;min-width:0;color:var(--sf-text);text-align:left;gap:2px;display:grid}.calendar-customer strong{text-overflow:ellipsis;white-space:nowrap;font-weight:950;line-height:1.15;display:block;overflow:hidden}.calendar-customer small,.calendar-empty-text{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:760;line-height:1.2;display:block;overflow:hidden}.calendar-cell .status-pill{text-overflow:ellipsis;white-space:nowrap;justify-self:start;max-width:100%;min-height:28px;padding:0 10px;font-size:.78rem;line-height:1.15;overflow:hidden}.checkout-marker{color:#e53935;text-overflow:ellipsis;white-space:nowrap;background:#ffe8e5;border:1px solid #ffb3ad;border-radius:999px;justify-content:center;justify-self:start;align-items:center;width:fit-content;max-width:100%;min-height:26px;padding:0 9px;font-size:.76rem;font-weight:950;line-height:1.1;display:inline-flex;overflow:hidden}.calendar-tip{color:var(--sf-teal-dark);background:#e9f9f7;border-radius:13px;margin:16px 0 0;padding:14px 16px;font-weight:800}.calendar-today-panel{padding:18px;position:sticky;top:24px}.calendar-today-panel header{color:var(--sf-teal-dark);justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.calendar-today-panel h2{margin:0;font-size:1.25rem;font-weight:950}.today-booking-stack{gap:12px;display:grid}.today-booking-card{border:1px solid var(--status-border,#bfdcd8);background:linear-gradient(135deg, var(--status-bg,#effafa), #fff);border-radius:14px;gap:8px;padding:14px;display:grid}.today-booking-card h3,.today-booking-card p{margin:0}.today-booking-card h3{color:var(--sf-text);font-size:1.18rem;font-weight:950}.today-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.today-stay-actions{flex-wrap:wrap;gap:8px;display:flex}.stay-action-button{color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-weight:950;box-shadow:0 10px 24px #1224401f}.stay-action-button-danger{background:linear-gradient(135deg,#ff675f,#ff433d)}.stay-action-button-muted{background:linear-gradient(135deg,#9aa6b2,#6f7b88)}.stay-action-button:focus-visible{outline:3px solid color-mix(in srgb, var(--sf-teal) 36%, transparent);outline-offset:2px}.calendar-all-link{width:100%;margin-top:14px}.calendar-mobile{display:none}.page-print-calendar{max-width:none}.print-calendar-sheet{border:1px solid var(--sf-line);box-shadow:var(--sf-shadow);background:#fffffff5;border-radius:18px;padding:16px}.print-calendar-header{grid-template-columns:minmax(180px,1fr) auto minmax(360px,1fr);align-items:center;gap:16px;margin-bottom:12px;display:grid}.print-calendar-header h2,.print-calendar-header p{margin:0}.print-calendar-header h2{color:var(--sf-text);letter-spacing:-.04em;font-size:1.7rem;font-weight:950}.print-calendar-header p,.print-calendar-title span,.print-calendar-footer{color:var(--sf-muted);font-weight:820}.print-calendar-title{text-align:center;justify-items:center;gap:4px;display:grid}.print-calendar-title strong{color:var(--sf-text);font-size:2rem;font-weight:950}.print-calendar-actions{justify-content:end;align-items:center;gap:10px;display:flex}.print-month-input{color:var(--sf-muted);gap:4px;font-size:.78rem;font-weight:900;display:grid}.print-month-input input{border-radius:10px;min-height:42px}.print-calendar-legend{background:#fbfefd;border:1px solid #d9e8ee;border-radius:12px;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:10px;display:flex}.print-calendar-legend span{color:#34445a;align-items:center;gap:7px;font-size:.82rem;font-weight:900;display:inline-flex}.print-calendar-legend span:before{content:"";border:1.5px solid var(--tone-border,#d4dde7);background:var(--tone-bg,#f4f6f8);border-radius:4px;width:22px;height:12px}.print-calendar-legend [data-tone=paid]:before,.print-booking-card[data-tone=paid]{--tone-bg:#effaf0;--tone-border:#95cd82;--tone-text:#26723d}.print-calendar-legend [data-tone=deposit]:before,.print-booking-card[data-tone=deposit]{--tone-bg:#eff6ff;--tone-border:#88baf7;--tone-text:#2365b0}.print-calendar-legend [data-tone=waiting]:before,.print-booking-card[data-tone=waiting]{--tone-bg:#fff8e6;--tone-border:#edbf63;--tone-text:#a05a00}.print-calendar-legend [data-tone=checkin]:before,.print-booking-card[data-tone=checkin]{--tone-bg:#e9fbfb;--tone-border:#6fc7c4;--tone-text:#0f817f}.print-calendar-legend [data-tone=checkout]:before,.print-booking-card[data-tone=checkout]{--tone-bg:#fff1f1;--tone-border:#ff9c9c;--tone-text:#d73838}.print-month-grid{background:#7fa7b7;border:2px solid #7fa7b7;border-radius:14px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.print-weekday,.print-day-cell{background:#fff}.print-weekday{color:var(--sf-text);text-align:center;padding:8px 10px;font-weight:950}.print-weekday:nth-child(6){color:#2264bb}.print-weekday:nth-child(7){color:var(--sf-red)}.print-day-cell{min-height:178px;padding:8px}.print-day-cell-empty{background:#fbfaf8}.print-day-header{align-items:baseline;gap:5px;margin-bottom:7px;display:flex}.print-day-header strong{color:var(--sf-text);font-size:1.15rem;font-weight:950}.print-day-header span{color:var(--sf-muted);font-size:.78rem;font-weight:900}.print-room-entry-list{gap:5px;display:grid}.print-room-entry{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:5px;display:grid}.print-room-pill{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#0f9f9a,#067b86);border-radius:7px;justify-content:center;align-items:center;min-height:24px;padding:3px 4px;font-size:.42rem;font-weight:950;display:inline-flex}.print-room-pill[data-room-tone=fan]{background:linear-gradient(135deg,#f59e0b,#d97706)}.print-empty-room,.print-booking-card{border:1.5px solid #e2e8ef;border-radius:7px;min-width:0;min-height:28px}.print-empty-room{color:#8a94a5;background:#f8fafc;place-items:center;font-size:.78rem;font-weight:850;display:grid}.print-booking-card{border-color:var(--tone-border);background:var(--tone-bg);color:var(--sf-text);grid-template-columns:minmax(0,1fr);gap:3px;padding:6px 7px;display:grid}.print-booking-card strong,.print-booking-card small{text-overflow:ellipsis;white-space:normal;min-width:0;overflow:hidden}.print-booking-card strong{font-size:.76rem;font-weight:950}.print-booking-card small{color:#435169;font-size:.62rem;font-weight:760}.print-booking-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.08;display:-webkit-box}.print-booking-phone{line-height:1.05;color:#10213a!important;font-size:.72rem!important;font-weight:920!important}.print-calendar-footer{text-align:center;background:#fbfefd;border:1px dashed #9db5bf;border-radius:12px;margin-top:10px;padding:10px 12px}.page-sales-summary .page-header{margin-bottom:18px}.sales-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.sales-summary-card{min-height:210px;box-shadow:var(--sf-shadow-soft);background:radial-gradient(circle at 88% 15%,#ff5b571f,#0000 28%),linear-gradient(135deg,#effffb,#fffdfa);border:1px solid #0f9f9a38;border-radius:20px;gap:14px;padding:18px;display:grid}.sales-summary-card header{gap:6px;display:grid}.sales-summary-card header span{color:var(--sf-muted);font-weight:950}.sales-summary-card header strong{color:var(--sf-teal-dark);font-size:clamp(1.7rem,2.6vw,2.55rem);font-weight:950;line-height:1.05}.sales-summary-card header small{color:#607086;font-weight:900}.sales-summary-card dl{gap:8px;margin:0;display:grid}.sales-summary-card dl div{border-top:1px dashed #e7ddd3;justify-content:space-between;gap:12px;padding-top:8px;display:flex}.sales-summary-card dt,.sales-summary-card dd{margin:0;font-weight:850}.sales-summary-card dt{color:#5d687a}.sales-summary-card dd{color:var(--sf-text);text-align:right}.sales-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.stay-value-strip{box-shadow:var(--sf-shadow-soft);background:radial-gradient(circle at 92% 12%,#ffcc6638,#0000 30%),linear-gradient(135deg,#fff9ed,#fff);border:1px solid #ff9f1c47;border-radius:22px;gap:16px;margin-bottom:18px;padding:18px;display:grid}.stay-value-strip>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.stay-value-strip h2{color:var(--sf-text);letter-spacing:-.03em;margin:0;font-size:1.45rem;font-weight:950}.stay-value-strip p,.stay-value-strip>header>span{color:#6a5d4d;margin:4px 0 0;font-weight:850}.stay-value-strip>header>span{color:#9a5a00;text-align:center;background:#fff1cf;border-radius:999px;max-width:440px;padding:10px 12px}.stay-value-strip>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stay-value-strip article{background:#ffffffe0;border:1px solid #f0d9aa;border-radius:17px;gap:4px;min-height:112px;padding:16px;display:grid}.stay-value-strip article span{color:#6d5d4a;font-weight:950}.stay-value-strip article strong{color:#d97706;font-size:clamp(1.55rem,2.4vw,2.3rem);font-weight:950}.stay-value-strip article small{color:#596578;font-weight:850}.sales-breakdown-section{min-width:0;padding:18px}.sales-breakdown-section .section-heading p{color:var(--sf-muted);margin:4px 0 0;font-weight:800}.sales-table-wrap{overflow-x:auto}.sales-breakdown-table{border-collapse:separate;border-spacing:0 10px;width:100%;min-width:720px}.sales-breakdown-table th,.sales-breakdown-table td{text-align:left;vertical-align:top;padding:14px}.sales-breakdown-table thead th{color:#5b687b;font-size:.9rem;font-weight:950}.sales-breakdown-table tbody tr{filter:drop-shadow(0 8px 20px #141f2f0f)}.sales-breakdown-table tbody th,.sales-breakdown-table tbody td{background:#fff;border-top:1px solid #eee4dc;border-bottom:1px solid #eee4dc}.sales-breakdown-table tbody th{color:var(--sf-text);border-left:1px solid #eee4dc;border-radius:14px 0 0 14px;font-size:1.02rem;font-weight:950}.sales-breakdown-table tbody td:last-child{border-right:1px solid #eee4dc;border-radius:0 14px 14px 0}.sales-breakdown-table td strong{color:var(--sf-teal-dark);font-size:1.08rem;font-weight:950;display:block}.sales-breakdown-table td small{color:#69758a;margin-top:3px;font-weight:800;display:block}.sales-room-table td strong{color:var(--sf-red)}.accounting-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.accounting-summary-card{min-height:132px;box-shadow:var(--sf-shadow-soft);background:radial-gradient(circle at 86% 18%,#0f9f9a21,#0000 28%),linear-gradient(135deg,#f0fffd,#fffdf9);border:1px solid #0f9f9a3d;border-radius:20px;gap:6px;padding:18px;display:grid}.accounting-summary-card span{color:var(--sf-muted);font-weight:900}.accounting-summary-card strong{color:var(--sf-teal-dark);font-size:clamp(1.8rem,2.7vw,2.7rem);font-weight:950;line-height:1.05}.accounting-summary-card small{color:#45546a;font-weight:800}.payment-toolbar{grid-template-columns:170px 260px 170px minmax(260px,1fr) 110px;margin-bottom:16px;padding:14px}.payment-toolbar .payment-search-field{grid-column:4/span 2;margin:0}.payment-layout{grid-template-columns:380px minmax(0,1fr) 330px;align-items:start;gap:18px;display:grid}.payment-layout>div,.payment-recent-section{padding:18px}.payment-pending-list,.payment-list{gap:10px;display:grid}.payment-pending-card{width:100%;min-height:124px;color:var(--sf-text);text-align:left;background:#fff;border:1px solid #ece4dc;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.payment-pending-card-active{border-color:var(--sf-teal);background:#effafa;box-shadow:inset 0 0 0 2px #0f9f9a3d}.payment-pending-card span{gap:4px;display:grid}.payment-pending-card strong:first-child{color:var(--sf-teal);font-size:1.35rem;font-weight:950}.payment-pending-card b{color:var(--sf-text);font-size:1.04rem;font-weight:950}.payment-pending-card small{color:#45546a;font-weight:760}.payment-pending-card span:last-child{justify-items:end}.payment-pending-card span:last-child strong{color:var(--sf-red);font-size:1.35rem}.payment-heading-with-actions{align-items:start}.payment-month-navigation{display:none}.payment-search-field{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.payment-search-field label span,.payment-search-field small{display:none}.payment-toolbar .payment-search-hint{color:var(--sf-muted);grid-column:1/-1;margin-top:-4px;font-weight:760;display:block}.payment-search-actions{gap:8px;display:flex}.payment-form{gap:14px;display:grid}.payment-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-form button[type=submit]{color:#fff;background:linear-gradient(135deg, #ff625d, var(--sf-coral));min-height:56px;box-shadow:var(--sf-shadow-red);border:0;border-radius:12px;font-size:1.08rem;font-weight:950}.payment-customer-panel{gap:13px;display:grid}.payment-customer-panel>div{border-bottom:1px solid #eee5dc;gap:4px;padding-bottom:10px;display:grid}.payment-customer-panel span{color:#526078;font-size:.82rem;font-weight:900}.payment-customer-panel strong{color:var(--sf-text);font-size:1.08rem;font-weight:950}.payment-customer-panel small{color:#45546a;font-weight:760}.payment-customer-balance strong{color:var(--sf-red);font-size:2rem}.payment-recent-section{margin-top:18px}.payment-list{grid-template-columns:repeat(4,minmax(230px,1fr));overflow-x:auto}.payment-row{background:#fff;border:1px solid #ece4dc;border-radius:13px;grid-template-columns:1fr auto;gap:10px;min-height:110px;padding:16px;display:grid}.payment-row>button,.payment-row>span{grid-column:1/-1}.rooms-admin-layout,.property-settings-grid,.staff-admin-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px;display:grid}.rooms-card-list,.property-form-stack,.staff-list-cards{gap:16px;display:grid}.room-admin-card,.property-form-card,.staff-account-card,.property-hero-card{border:1px solid var(--sf-line);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow-soft);background:#fffffff0}.room-admin-card{grid-template-columns:minmax(300px,1fr) minmax(320px,.9fr);align-items:center;gap:18px;padding:20px;display:grid}.room-admin-main{align-items:center;gap:20px;display:flex}.room-admin-icon{color:#fff;background:linear-gradient(135deg,#a1ded8,#0f9f9a);border-radius:999px;place-items:center;width:112px;height:112px;font-size:3rem;display:grid}.room-admin-card h2,.staff-account-card h2,.property-hero-card h2,.property-form-card h2{color:var(--sf-text);margin:0;font-weight:950}.room-admin-card p,.property-hero-card p,.property-form-card p{color:#45546a;margin:4px 0 10px;font-weight:760}.room-admin-main strong{color:var(--sf-text);font-size:1.35rem;font-weight:950;display:block}.room-admin-stats{background:linear-gradient(135deg,#f1fbfa,#fff);border:1px solid #a9dddb;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.room-admin-stats span{border-right:1px dashed #a9dddb;justify-items:center;gap:4px;padding:18px 10px;display:grid}.room-admin-stats span:last-child{border-right:0}.room-admin-stats b,.room-admin-stats strong{color:var(--sf-teal-dark);font-size:1.7rem;font-weight:950}.room-admin-actions{flex-wrap:wrap;grid-column:2;gap:10px;display:flex}.room-editor-panel,.property-preview-panel,.staff-permission-panel{padding:22px;position:sticky;top:24px}.room-editor-panel{gap:14px;display:grid}.room-editor-panel header{color:var(--sf-teal-dark);justify-content:space-between;align-items:center;display:flex}.room-editor-panel h2{margin:0;font-size:1.35rem}.room-editor-panel header button{background:#f3f5f7;border:0;border-radius:999px;width:42px;height:42px;font-size:1.8rem}.price-input-large input{border-color:var(--sf-teal);min-height:70px;font-size:2rem;font-weight:950}.mock-toggle{grid-template-columns:auto 1fr;align-items:center}.mock-toggle input{width:54px;min-height:30px;accent-color:var(--sf-teal)}.property-hero-card{background:radial-gradient(circle at 84% 22%,#8edae159,#0000 26%),linear-gradient(135deg,#fff,#ecfbfa);align-items:center;gap:22px;min-height:198px;margin-bottom:22px;padding:26px 32px;display:flex}.property-hero-card img,.property-preview-card img{border-radius:999px;width:92px;height:92px}.property-hero-card h2{font-size:1.75rem}.property-hero-card div div{color:#31415b;flex-wrap:wrap;gap:18px;font-weight:900;display:flex}.property-form-card{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px;padding:20px;display:grid}.property-form-title{gap:14px;display:flex}.property-form-title>span{color:#fff;background:linear-gradient(135deg,#5cc8c0,#0f9f9a);border-radius:999px;flex:none;place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid}.property-form-card>label,.property-form-card>.form-grid,.property-form-card>.property-logo-field,.property-form-card>.property-check-list{grid-column:2}.property-logo-field{align-items:center;gap:16px;display:flex}.property-logo-field img{border-radius:999px;width:82px;height:82px}.property-check-list{color:#2aa756;flex-wrap:wrap;gap:18px 28px;font-weight:900;display:flex}.success-banner{color:#16864d;background:#dff7e6;border-radius:12px;align-items:center;width:fit-content;min-height:52px;padding:0 24px;font-weight:950;display:inline-flex}.mock-beach-card{background:radial-gradient(circle at 30% 0,#8cd6dd47,#0000 34%),linear-gradient(#f4fffe,#fff);border:1px solid #cbece9;border-radius:16px;gap:10px;padding:20px;display:grid}.mock-beach-card h3,.mock-beach-card p{margin:0}.mock-beach-card dl{gap:10px;margin:12px 0 0;display:grid}.mock-beach-card dl div{border-top:1px solid #cbece9;grid-template-columns:60px 1fr;align-items:center;gap:10px;padding-top:10px;display:grid}.mock-beach-card dt{color:var(--sf-teal-dark);font-weight:950}.mock-beach-card dd{color:var(--sf-text);margin:0;font-weight:860}.property-preview-note{color:var(--sf-muted);font-weight:760;line-height:1.55}.property-save-button{width:100%}.staff-security-banner{color:#16365f;background:linear-gradient(135deg,#edf7ff,#f7fbff);border-color:#b9d8f7;align-items:center;gap:18px;margin-bottom:20px;padding:24px;display:flex}.staff-security-banner>span{background:#fff;border-radius:999px;place-items:center;width:68px;height:68px;font-size:2rem;display:grid}.staff-security-banner strong{font-size:1.2rem;font-weight:950}.staff-security-banner p{margin:4px 0 0;font-weight:760}.staff-account-card{grid-template-columns:minmax(300px,1fr) minmax(290px,.9fr) 230px 58px;align-items:center;gap:18px;padding:20px;display:grid}.staff-profile-cell{align-items:center;gap:18px;display:flex}.staff-avatar{color:#fff;background:linear-gradient(135deg,#8bdad4,#5ea1cf);border-radius:999px;place-items:center;width:86px;height:86px;font-size:2rem;font-weight:950;display:grid}.staff-profile-cell p,.staff-profile-cell small{color:#667085;margin:6px 0 0;font-weight:760}.staff-role-switch{gap:8px;display:grid}.staff-role-switch>span,.staff-active-toggle>span{color:#26364f;font-weight:900}.staff-role-switch>div{border:1px solid #d8dfe7;border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.role-segment{color:#34445d;background:#fff;border:0;min-height:44px;font-weight:950}.role-segment-active{color:#fff;background:linear-gradient(135deg, var(--sf-teal), #07817f)}.role-segment-active.role-segment-staff{background:linear-gradient(135deg, #ff625d, var(--sf-coral))}.permission-pill{border-radius:999px;align-items:center;width:fit-content;min-height:30px;padding:0 12px;font-weight:900;display:inline-flex}.owner-pill{color:#178657;background:#e7f8eb}.staff-pill{color:#d56e00;background:#fff2d2}.staff-active-toggle{grid-template-columns:1fr;gap:8px;display:grid}.staff-active-toggle input{width:62px;min-height:34px;accent-color:var(--sf-teal)}.staff-active-toggle b{width:fit-content;min-height:34px;color:var(--sf-teal-dark);background:#dff6f4;border-radius:999px;align-items:center;padding:0 14px;display:inline-flex}.staff-more-button{width:54px;min-height:54px}.staff-permission-panel{gap:18px;display:grid}.permission-box,.staff-warning-box{background:#f2fbfa;border:1px solid #cbece9;border-radius:14px;gap:10px;margin-top:12px;padding:16px;display:grid}.staff-box{background:#fff8ee;border-color:#f6d5aa}.staff-warning-box{color:#9f2f2f;background:#fff0ef;border-color:#ffc7c4}@media (width<=1180px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1360px){.metric-strip{gap:14px}.metric-card{grid-template-columns:54px 1fr;gap:12px;padding:18px}.metric-card .metric-icon{width:54px;height:54px}.metric-card strong{white-space:nowrap;font-size:2rem}.metric-card span{font-size:.88rem}.booking-row-card{grid-template-columns:minmax(210px,1.35fr) minmax(120px,.8fr) minmax(130px,.85fr) minmax(106px,.65fr) minmax(136px,.9fr) 118px;gap:12px;padding:14px}.booking-row-dates,.booking-row-room,.booking-row-money,.booking-row-status{padding-left:12px}.booking-row-actions .danger-action,.booking-row-actions .soft-action{min-height:38px;padding:0 8px;font-size:.84rem}.staff-admin-layout{grid-template-columns:1fr}.staff-permission-panel{position:static}}@media (width<=960px){.dashboard-shell{padding-bottom:82px;display:block}.sidebar{z-index:40;width:100%;height:auto;padding:8px 10px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--sf-line);border-right:0;display:block;position:fixed;inset:auto 0 0}.sidebar-brand,.sidebar-account,.nav-divider,.primary-nav .owner-only{display:none}.primary-nav{gap:8px;display:flex;overflow-x:auto}.nav-item{text-align:center;flex-direction:column;justify-content:center;gap:3px;min-width:92px;min-height:58px;padding:6px;font-size:.72rem}.mobile-header{z-index:30;border-bottom:1px solid var(--sf-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;justify-content:space-between;align-items:center;min-height:66px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header .brand{color:var(--sf-text);align-items:center;gap:10px;font-weight:950;text-decoration:none;display:flex}.mobile-header .brand-logo{width:42px;height:42px}.mobile-menu-button{border:1px solid var(--sf-line);min-height:42px;color:var(--sf-teal-dark);background:#fff;border-radius:999px;padding:0 14px;font-weight:900}.mobile-menu-backdrop{z-index:45;background:#10213a2e;border:0;display:block;position:fixed;inset:0}.mobile-menu-panel{z-index:50;border:1px solid var(--sf-line);width:min(320px,100vw - 28px);box-shadow:var(--sf-shadow);background:#fff;border-radius:18px;gap:16px;padding:18px;display:grid;position:fixed;top:74px;right:14px}.mobile-menu-panel nav{gap:10px;display:grid}.mobile-menu-panel a,.mobile-sign-out{border:1px solid var(--sf-line);background:#fff;border-radius:12px;align-items:center;min-height:44px;padding:0 14px;font-weight:900;text-decoration:none;display:flex}.mobile-sign-out{color:var(--sf-red)}.page{width:min(100% - 24px,1320px);padding:18px 0 28px}.page-header{display:grid}.header-actions{width:100%}.header-actions .primary-action{flex:1}.metric-strip,.form-grid,.dashboard-bottom,.booking-form,.calendar-page-layout,.payment-layout,.rooms-admin-layout,.property-settings-grid,.staff-admin-layout{grid-template-columns:1fr}.latest-bookings-panel,.room-status-panel{min-width:0}.latest-booking-list article{grid-template-columns:78px minmax(0,1fr);gap:6px 10px;min-height:auto;padding:10px 12px}.latest-booking-list article span,.latest-booking-list article b,.latest-booking-list article small{min-width:0}.latest-booking-list article b,.latest-booking-list article small{grid-column:2}.booking-list-section,.booking-row-list,.booking-summary-strip,.booking-row-card,.rooms-card-list,.staff-list-cards,.property-form-stack{width:100%;min-width:0}.booking-row-card,.room-admin-card,.staff-account-card,.property-form-card{grid-template-columns:1fr}.booking-row-dates,.booking-row-room,.booking-row-money,.booking-row-status{border-top:1px solid #ece4dc;border-left:0;padding:12px 0 0}.booking-row-actions{grid-template-columns:1fr 1fr}.booking-row-actions .danger-action{grid-column:1/-1}.calendar-toolbar,.payment-toolbar{grid-template-columns:1fr}.payment-toolbar .payment-search-field{grid-column:auto}.accounting-summary-grid,.sales-summary-grid,.sales-breakdown-grid,.stay-value-strip>div{grid-template-columns:1fr}.sales-summary-card{min-height:auto}.stay-value-strip>header{display:grid}.stay-value-strip>header>span{border-radius:14px;max-width:none}.calendar-room-summary{grid-template-columns:1fr}.calendar-desktop{display:none}.calendar-mobile{gap:12px;margin-top:16px;display:grid}.calendar-today-panel{padding:16px;position:static}.calendar-day-card{background:#fff;border:1px solid #efe1d2;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px #1224400f}.calendar-day-today{border-color:var(--sf-teal);box-shadow:0 0 0 2px color-mix(in srgb, var(--sf-teal) 20%, transparent), 0 12px 28px #1224401a}.calendar-day-card>header{background:#fffaf4;border-bottom:1px solid #f0e5d8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:grid}.calendar-day-today>header{background:#eefbf9}.calendar-day-card>header strong{min-width:0;color:var(--sf-text);flex-wrap:wrap;align-items:center;gap:6px;font-weight:950;display:flex}.calendar-day-card>header>span{color:var(--sf-muted);white-space:nowrap;font-size:.84rem;font-weight:900}.calendar-day-card>p{color:#9b8c80;margin:0;padding:16px 14px;font-weight:850}.calendar-day-bookings{display:grid}.calendar-day-booking-link{min-height:82px;color:var(--sf-text);background:linear-gradient(135deg, var(--status-bg,#fff7df), #fff);border-top:1px solid #f0e5d8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:grid}.calendar-day-booking-link:first-child{border-top:0}.calendar-day-booking-link>span{gap:3px;min-width:0;display:grid}.calendar-day-booking-link strong,.calendar-day-booking-link small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.calendar-day-booking-link strong{font-weight:950}.calendar-day-booking-link small{color:#43516a;font-size:.86rem;font-weight:760}.calendar-day-booking-link>b{border:1px solid var(--status-border,#ffd580);min-height:30px;color:var(--sf-text);background:color-mix(in srgb, var(--status-bg,#fff7df) 72%, #fff);white-space:nowrap;border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:950;display:inline-flex}.calendar-tip{display:none}.room-admin-card,.staff-account-card,.property-form-card{padding:16px}.room-admin-main,.staff-profile-cell,.property-logo-field{align-items:flex-start}.room-admin-main,.staff-profile-cell{flex-wrap:wrap}.room-admin-stats,.room-admin-actions,.property-form-card>label,.property-form-card>.form-grid,.property-form-card>.property-logo-field,.property-form-card>.property-check-list{grid-column:auto}.room-admin-actions{grid-template-columns:1fr;display:grid}.staff-role-switch,.staff-active-toggle{width:100%}.staff-more-button{justify-self:start}.property-hero-card{flex-direction:column;align-items:flex-start}.property-hero-card div div{display:grid}.room-status-cards,.arrival-day-grid,.booking-summary-strip,.room-choice-grid,.booking-channel-picker>div{grid-template-columns:1fr}.booking-summary{position:static}}@media (width<=640px){.page h1{font-size:2.05rem}.title-row{align-items:flex-start}.header-date{margin:8px 0 0;display:flex}.metric-card{grid-template-columns:56px 1fr;min-height:118px;padding:18px}.metric-card .metric-icon{width:56px;height:56px}.page-dashboard .title-row{grid-template-columns:34px minmax(0,1fr);gap:10px 12px;display:grid}.page-dashboard .title-row h1{white-space:nowrap;font-size:2rem}.page-dashboard .header-date{grid-column:2;margin:-4px 0 0}.page-calendar .page-header{gap:14px}.page-calendar .header-actions{grid-template-columns:52px minmax(0,1fr);display:grid}.calendar-board-panel,.calendar-today-panel{padding:14px}.calendar-toolbar{gap:10px}.calendar-month-pill,.calendar-toolbar .secondary-action{width:100%;min-height:48px}.calendar-legend{gap:8px;padding:10px}.calendar-legend span{font-size:.78rem}.calendar-legend span:before{width:22px;height:12px}.calendar-room-summary article{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;min-height:92px;padding:12px}.calendar-room-summary article>span,.calendar-room span:first-child{width:46px;height:46px;font-size:1.35rem}.calendar-room-summary article>strong{min-width:54px;font-size:1.08rem}.calendar-room-summary h2{font-size:.96rem}.today-booking-card{padding:12px}.today-booking-card>div:has(.status-pill){gap:8px;display:grid}.today-stay-actions,.stay-action-button{width:100%}.stay-action-button{min-height:42px}}.stay-event-backdrop{z-index:100;background:#10213a61;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.stay-event-dialog{border:1px solid var(--sf-line);width:min(620px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--sf-shadow);color:var(--sf-text);background:#fff;border-radius:20px;margin:0;overflow:auto}.stay-event-dialog>header,.stay-event-dialog form{gap:16px;padding:20px;display:grid}.stay-event-dialog>header{border-bottom:1px solid var(--sf-line);grid-template-columns:minmax(0,1fr) auto;align-items:start}.stay-event-dialog h2,.stay-event-dialog p{margin:0}.stay-event-summary{background:var(--sf-sand);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;display:grid}.stay-event-summary>div,.stay-event-room-list article{gap:4px;display:grid}.stay-event-summary span,.stay-event-room-list span{color:var(--sf-muted);font-size:.9rem}.stay-event-room-list{gap:10px;padding:20px;display:grid}.stay-event-room-list article{border:1px solid var(--sf-line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px}.stay-event-dialog label{gap:8px;font-weight:800;display:grid}.stay-event-error{border:1px solid color-mix(in srgb, var(--sf-red) 36%, transparent);background:color-mix(in srgb, var(--sf-red) 10%, #fff);color:var(--sf-red);border-radius:10px;padding:12px;font-weight:800}@media (width<=700px){.stay-event-summary,.stay-event-room-list article{grid-template-columns:1fr}}.page-stay-ops{gap:1.2rem;display:grid}.stay-history-panel{border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-soft);background:#fffffff0;border-radius:26px;gap:1rem;margin-top:1rem;padding:1.1rem;display:grid}.stay-history-panel>header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stay-history-panel h2{margin:0;font-size:1.35rem}.stay-history-panel p{color:var(--sf-muted);margin:.25rem 0 0;font-weight:700}.stay-history-panel>header>strong{background:var(--sf-teal-soft);color:var(--sf-teal-dark);border-radius:999px;flex:none;padding:.35rem .8rem}.stay-history-list{gap:.9rem;display:grid}.stay-history-card{border:1px solid var(--sf-line);background:#fff;border-radius:20px;gap:.85rem;padding:1rem;display:grid;box-shadow:0 12px 28px #10213a0f}.stay-history-card-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.stay-history-card-header time{color:var(--sf-muted);font-weight:800}.stay-history-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.stay-history-facts>div,.stay-history-rooms>div{border:1px solid var(--sf-line);background:#fffcf8;border-radius:16px;gap:.25rem;padding:.8rem;display:grid}.stay-history-facts span,.stay-history-rooms span{color:var(--sf-muted);font-size:.88rem;font-weight:800}.stay-history-rooms{gap:.6rem;display:grid}.stay-history-note{background:var(--sf-teal-soft);border-radius:14px;padding:.75rem;color:var(--sf-text)!important}@media (width<=760px){.stay-history-panel>header,.stay-history-card-header{flex-direction:column;align-items:flex-start}.stay-history-facts{grid-template-columns:1fr}}.stay-ops-header{align-items:center}.stay-ops-date-control{align-items:center;gap:.75rem;display:flex}.stay-ops-date-control input{border:1px solid var(--sf-line);color:var(--sf-text);font:inherit;border-radius:14px;min-height:48px;padding:0 1rem;font-weight:800}.stay-ops-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stay-ops-summary article{box-shadow:var(--sf-shadow-soft);background:linear-gradient(135deg,#efffff,#fff);border:1px solid #14a69e38;border-radius:24px;padding:1.15rem}.stay-ops-summary span{color:var(--sf-muted);font-weight:800;display:block}.stay-ops-summary strong{color:var(--sf-teal-dark);margin-top:.45rem;font-size:clamp(2rem,4vw,3.1rem);line-height:1;display:block}.stay-ops-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stay-ops-section{border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-soft);background:#fffffff0;border-radius:26px;min-width:0;padding:1rem}.stay-ops-section>header{border-bottom:1px solid var(--sf-line);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.stay-ops-section h2{margin:0;font-size:1.25rem}.stay-ops-section p{color:var(--sf-muted);margin:.2rem 0 0;font-weight:700}.stay-ops-section>header>strong{color:var(--sf-teal-dark);background:#e5f8f5;border-radius:999px;justify-content:center;align-items:center;min-width:44px;padding:.3rem .75rem;font-size:1.25rem;display:inline-flex}.stay-ops-stack{gap:.85rem;display:grid}.stay-ops-card{border:1px solid var(--sf-line);background:#fff;border-radius:22px;gap:1rem;padding:1rem;display:grid;box-shadow:0 14px 32px #0f172a14}.stay-ops-card-top{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.stay-ops-card h3{margin:.7rem 0 .2rem;font-size:1.25rem}.stay-ops-card p{color:var(--sf-text);margin:0}.stay-ops-card dl{gap:.55rem;margin:1rem 0 0;display:grid}.stay-ops-card dl div{border-top:1px dashed var(--sf-line);gap:.25rem;padding-top:.55rem;display:grid}.stay-ops-card dt{color:var(--sf-muted);font-size:.82rem;font-weight:800}.stay-ops-card dd{margin:0;font-weight:800}.stay-ops-actions{gap:.55rem;display:grid}.stay-ops-actions .stay-action-button,.stay-ops-actions .soft-action{justify-content:center;width:100%;min-height:44px}@media (width<=1200px){.stay-ops-grid{grid-template-columns:1fr}.stay-ops-card{grid-template-columns:minmax(0,1fr) minmax(150px,190px)}}@media (width<=760px){.stay-ops-header,.stay-ops-date-control{flex-direction:column;align-items:stretch}.stay-ops-date-control input,.stay-ops-date-control .secondary-action{width:100%}.stay-ops-summary,.stay-ops-card{grid-template-columns:1fr}}@media (width<=1180px){.print-calendar-header{grid-template-columns:1fr;justify-items:stretch}.print-calendar-title{text-align:left;justify-items:start}.print-calendar-actions{flex-wrap:wrap;justify-content:start}.print-calendar-sheet{overflow-x:auto}.print-month-grid{min-width:1120px}}@media print{@page{size:A4 landscape;margin:5mm}body{background:#fff!important}.sidebar,.mobile-header,.print-calendar-screen-only{display:none!important}.dashboard-shell{min-height:auto!important;display:block!important}.dashboard-content{margin:0!important;padding:0!important}.page-print-calendar{padding:0!important}.print-calendar-sheet{box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible!important}.print-calendar-header{grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);gap:5px;margin-bottom:4px}.print-calendar-header h2{font-size:.78rem}.print-calendar-title strong{font-size:1rem}.print-calendar-header p,.print-calendar-title span{font-size:.48rem}.print-calendar-legend{display:none}.print-month-grid{border:1px solid #7fa7b7;border-radius:0;gap:1px;min-width:0!important}.print-weekday{padding:2px 4px;font-size:.52rem}.print-day-cell{break-inside:avoid;page-break-inside:avoid;min-height:76px;padding:2px}.print-day-header{gap:2px;margin-bottom:2px}.print-day-header strong{font-size:.62rem}.print-day-header span{font-size:.38rem}.print-room-entry-list{gap:2px}.print-room-entry{grid-template-columns:28px minmax(0,1fr);gap:2px}.print-room-pill{border-radius:4px;min-height:14px;padding:1px 2px;font-size:.25rem}.print-empty-room,.print-booking-card{border-radius:4px;min-height:14px}.print-empty-room{font-size:.36rem}.print-booking-card{gap:0;padding:1px 2px}.print-booking-card strong{font-size:.4rem}.print-booking-card small{font-size:.36rem}.print-booking-phone{font-size:.39rem!important}.print-calendar-footer{display:none}}.stay-site{--forest:#073f2b;--cream:#f6f1e7;--sunset:#d8753b;--page-pad:clamp(16px,4vw,64px);background:var(--cream);color:#163126;overflow-wrap:anywhere;min-width:0;min-height:100vh;font-family:Prompt,Noto Sans Thai,sans-serif;overflow-x:clip}.stay-site *{box-sizing:border-box}.stay-site img{max-width:100%;height:auto;display:block}.stay-header{z-index:30;min-height:68px;padding:10px var(--page-pad);background:#f6f1e7f7;border-bottom:1px solid #d9d2c4;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.stay-brand{min-width:0;color:var(--forest);align-items:center;gap:9px;font-weight:800;line-height:1.15;text-decoration:none;display:flex}.stay-brand img{border-radius:50%;flex:none;width:42px;height:42px}.stay-brand span{min-width:0;font-size:clamp(.9rem,3.8vw,1.05rem);display:grid}.stay-brand small{font-size:.78em;font-weight:600}.stay-menu-toggle{width:46px;height:46px;color:var(--forest);cursor:pointer;background:#fff;border:1px solid #cfc7b8;border-radius:14px;place-items:center;padding:0;font-size:1.5rem;display:grid}.stay-nav{background:var(--cream);border:1px solid #d9d2c4;border-radius:18px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;box-shadow:0 18px 50px #04211733}.stay-nav.is-open{display:grid}.stay-nav a{min-height:46px;color:var(--forest);border-radius:12px;align-items:center;padding:8px 14px;font-weight:700;text-decoration:none;display:flex}.stay-nav a:hover,.stay-nav a:focus-visible{background:#e9e2d5}.stay-hero{min-height:clamp(480px,66vh,760px);padding:clamp(56px,10vw,110px) var(--page-pad);text-align:center;color:#fff;background:linear-gradient(120deg,#042c1eeb,#073f2b94),radial-gradient(circle at 80% 20%,#d68a52,#446854 48%,#123c2c);place-content:center;justify-items:center;gap:clamp(12px,3vw,20px);display:grid}.stay-hero>*{max-width:900px}.stay-hero h1{margin:0;font-size:clamp(2.15rem,7vw,5.5rem);line-height:1.05}.stay-button{text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:8px clamp(16px,4vw,24px);font-weight:700;text-decoration:none;display:inline-flex}.stay-button-primary{background:var(--sunset);color:#fff}.stay-button-secondary{color:var(--forest);background:#fff;border:1px solid #cfc7b8}.stay-highlights{width:min(100%,1100px);padding:0 var(--page-pad);grid-template-columns:1fr;gap:12px;margin:-24px auto 0;display:grid;position:relative}.stay-highlights article,.stay-map-card{background:#fff;border-radius:18px;gap:6px;min-width:0;padding:clamp(18px,3vw,24px);display:grid;box-shadow:0 12px 35px #1731261a}.stay-section{width:min(100%,1100px);padding:clamp(48px,7vw,80px) var(--page-pad);margin:auto}.stay-kicker{color:var(--sunset);letter-spacing:.12em;font-weight:800}.stay-section h2,.stay-section h1{color:var(--forest);font-size:clamp(1.85rem,5vw,3.6rem);line-height:1.12}.stay-room-grid{grid-template-columns:1fr;gap:18px;display:grid}.stay-room-card{background:#fff;border-radius:24px;min-width:0;overflow:hidden;box-shadow:0 15px 40px #17312614}.stay-room-card>div:last-child{gap:8px;min-width:0;padding:clamp(18px,3vw,24px);display:grid}.stay-room-card h3{margin:0;font-size:1.5rem}.stay-room-card strong{color:var(--forest)}.stay-room-visual{aspect-ratio:16/10;color:#fff;letter-spacing:.16em;background:linear-gradient(145deg,#295e46,#d99155);place-content:center;min-height:180px;font-size:clamp(1.35rem,5vw,1.8rem);display:grid}.stay-room-visual.fan{background:linear-gradient(145deg,#1e4b67,#81a1a9)}.stay-room-detail{grid-template-columns:1fr;min-width:0;display:grid}.stay-room-detail>section{align-self:center;min-width:0;padding:clamp(32px,6vw,80px)}.stay-room-detail-visual{color:#fff;text-align:center;background:linear-gradient(145deg,#174a35,#cf8750);place-content:center;min-height:280px;padding:30px;font-size:clamp(2rem,5vw,4rem);display:grid}.stay-room-detail-visual.fan{background:linear-gradient(145deg,#173b50,#79969f)}.stay-map{gap:18px;display:grid}.stay-map-card{width:min(100%,600px)}.stay-trust{padding:20px var(--page-pad);text-align:center;background:var(--forest);color:#fff;flex-wrap:wrap;justify-content:center;gap:12px 20px;display:flex}.stay-contact-actions{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:20;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:fixed}.stay-contact-actions a{min-width:0;padding-inline:10px}.stay-footer{padding:35px var(--page-pad) calc(110px + env(safe-area-inset-bottom));text-align:center;color:#fff;background:#062f21}@media (width>=480px){.stay-contact-actions{grid-template-columns:auto auto;left:auto;right:18px}.stay-footer{padding-bottom:100px}.stay-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.stay-menu-toggle{display:none}.stay-nav,.stay-nav.is-open{box-shadow:none;background:0 0;border:0;padding:0;display:flex;position:static}.stay-nav a{padding-inline:10px}.stay-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stay-room-detail{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:70vh}.stay-contact-actions{bottom:18px}.stay-footer{padding-bottom:100px}}@media (width>=1024px){.stay-room-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stay-header{min-height:72px}.stay-nav{gap:8px}}@media (height<=600px) and (orientation:landscape){.stay-hero{min-height:420px}.stay-header{position:relative}.stay-contact-actions{padding:12px var(--page-pad);background:#062f21;position:static}.stay-footer{padding-bottom:35px}}@media (prefers-reduced-motion:reduce){.stay-site *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.stay-service-banner{padding:18px var(--page-pad);text-align:center;color:#603c18;background:#f4e7cd;border-bottom:1px solid #dec69f;gap:8px;display:grid}.stay-service-banner-transactions_suspended{color:#7b2216;background:#f7e0db}.stay-service-banner-actions{flex-wrap:wrap;justify-content:center;gap:10px 18px;display:flex}.stay-service-banner-actions a{color:inherit;font-weight:800}.stay-hero{isolation:isolate;position:relative;overflow:hidden}.stay-hero:before{content:"";z-index:-1;background:linear-gradient(120deg,#042c1ee0,#073f2b7a);position:absolute;inset:0}.stay-hero-background{z-index:-2;object-fit:cover;width:100%;position:absolute;inset:0;height:100%!important}.stay-room-visual-image{object-fit:cover;width:100%;height:auto}.stay-room-detail>.stay-gallery{align-self:center;gap:14px;min-width:0;padding:clamp(16px,3vw,28px);display:grid}.stay-gallery-grid{grid-template-columns:1fr;gap:10px;min-width:0;display:grid}.stay-gallery-grid img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;width:100%;height:100%}.stay-gallery>.stay-button{justify-self:center}.stay-gallery-fallback{width:100%;height:100%}@media (width>=480px){.stay-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.stay-gallery-grid img:first-child{aspect-ratio:16/9;grid-column:1/-1}}.stay-payment-card,.stay-fraud-warning{background:#fff;border-radius:24px;gap:18px;min-width:0;padding:clamp(18px,4vw,32px);display:grid;box-shadow:0 15px 40px #17312614}.stay-payment-card>h2,.stay-fraud-warning>h2,.stay-slip-upload>h2{margin:0;font-size:clamp(1.35rem,4vw,2rem)}.stay-payment-card form,.stay-payment-card label,.stay-slip-upload{gap:10px;display:grid}.stay-payment-card form{align-items:end}.stay-payment-card input{width:100%;min-height:48px;font:inherit;background:#fff;border:1px solid #bdb5a6;border-radius:12px;padding:10px 12px}.stay-payment-qr{background:#fffaf0;border:2px solid #e4d9c7;border-radius:22px;gap:20px;min-width:0;padding:clamp(16px,4vw,28px);display:grid}.stay-payment-qr-copy,.stay-payment-qr-media,.stay-payment-qr-fallback{align-content:start;gap:10px;min-width:0;display:grid}.stay-payment-qr-copy>*,.stay-payment-qr-media>*,.stay-payment-qr-fallback>*{margin:0}.stay-payment-kind{background:var(--forest);color:#fff;border-radius:999px;width:max-content;max-width:100%;padding:6px 12px;font-weight:800}.stay-payment-amount{color:var(--forest);font-size:clamp(1.65rem,6vw,2.6rem);font-weight:900;line-height:1.15}.stay-payment-instruction{border-left:4px solid var(--sunset);background:#fff;padding:12px;font-weight:700}.stay-payment-qr-media{justify-items:center}.stay-payment-qr-media img{aspect-ratio:1;object-fit:contain;image-rendering:auto;background:#fff;width:min(100%,420px)}.stay-payment-qr-media .stay-button{width:min(100%,420px)}.stay-payment-qr-fallback{background:#f7e6dc;border-radius:16px;padding:18px}.stay-payment-qr-fallback a{color:var(--forest);font-weight:800}.stay-slip-upload{border-top:1px solid #ddd4c6;padding-top:18px}.stay-alert{color:#7b2216;background:#f7e0db;border-radius:12px;padding:12px;font-weight:700}@media (width>=700px){.stay-payment-card form{grid-template-columns:minmax(0,1fr) auto}.stay-payment-qr{grid-template-columns:minmax(0,1fr) minmax(280px,420px)}}.stay-booking-form{grid-template-columns:1fr;gap:16px;width:min(100%,760px);display:grid}.stay-booking-form label{gap:7px;min-width:0;font-weight:700;display:grid}.stay-booking-form input,.stay-booking-form select{width:100%;min-width:0;min-height:48px;font:inherit;background:#fff;border:1px solid #c9c0b0;border-radius:12px;padding:0 12px}.stay-form-wide{grid-column:1/-1}.stay-check{align-items:flex-start;gap:10px;display:flex!important}.stay-check input{flex:none;width:22px;min-height:22px;margin-top:1px}.stay-alert{color:#713915;background:#fff1df;border-radius:14px;width:min(100%,760px);padding:16px}.stay-quote{background:#fff;border-radius:20px;width:min(100%,600px);margin-top:28px;padding:clamp(18px,4vw,24px);box-shadow:0 15px 40px #1731261a}.stay-quote div{justify-content:space-between;gap:14px;min-width:0;padding:8px 0;display:flex}.stay-quote div span{min-width:0}.stay-quote div strong{flex:none}.stay-quote-total{border-top:1px solid #ddd;margin-top:10px;font-size:1.25rem}.stay-modal-backdrop{z-index:50;background:#042117b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.stay-modal{overscroll-behavior:contain;background:#f6f1e7;border-radius:24px;width:min(100%,620px);max-height:calc(100dvh - 32px);padding:clamp(20px,5vw,30px);overflow-y:auto;box-shadow:0 30px 90px #0006}.stay-modal-actions{flex-direction:column-reverse;gap:10px;margin-top:20px;display:flex}.stay-modal-actions button{width:100%}.stay-button:disabled{opacity:.45;cursor:not-allowed}.stay-terms{width:min(100%,800px)}.stay-terms h2{margin-top:32px;font-size:1.35rem}@media (width>=768px){.stay-booking-form{grid-template-columns:repeat(2,minmax(0,1fr))}.stay-modal-actions{flex-direction:row;justify-content:flex-end}.stay-modal-actions button{width:auto}}@media (height<=600px){.stay-modal-backdrop{place-items:start center;overflow-y:auto}}.stay-payment{gap:20px;display:grid}.stay-payment-card,.stay-fraud-warning{background:#fff;border-radius:20px;gap:14px;max-width:720px;padding:24px;display:grid;box-shadow:0 15px 40px #1731261a}.stay-payment-card form{gap:12px;display:grid}.stay-payment-card label{gap:8px;display:grid}.stay-payment-card select,.stay-payment-card input{min-height:48px;font:inherit;border:1px solid #c9c0b0;border-radius:12px;padding:10px}.stay-payment-amount{color:#073f2b;font-size:1.35rem;font-weight:900}.stay-success{color:#145d33;background:#e2f5e8;border-radius:14px;padding:16px;font-weight:800}.stay-fraud-warning{border-left:6px solid #d8753b}.stay-fraud-warning a{color:#073f2b;font-weight:800}.website-request-panel{background:#fffaf1;border:1px solid #d9d2c4;border-radius:24px;gap:16px;margin-bottom:24px;padding:clamp(18px,3vw,26px);display:grid;box-shadow:0 12px 32px #17312614}.website-request-panel>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.website-request-panel h2,.website-request-panel h3,.website-request-panel p{margin:0}.website-request-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;display:grid}.website-request-card{background:#fff;border:1px solid #ded6c8;border-radius:18px;gap:10px;min-width:0;padding:18px;display:grid}.website-request-card>div:first-child,.website-request-flags,.website-request-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.website-request-card>div:first-child{justify-content:space-between}.website-request-flags span{color:#24573d;background:#edf4ee;border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:700}.website-request-actions{margin-top:4px}.website-request-actions button{min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfc7b8;border-radius:999px;padding:8px 14px;font-weight:700}.website-request-actions .danger-action{color:#962f2f;border-color:#e2b7b7}@media (width<=640px){.website-request-panel>header{flex-direction:column;align-items:stretch}.website-request-panel>header>.status-pill{align-self:flex-start}.website-request-actions button{flex:1}}.online-settings-card{background:#fffaf1;border:1px solid #d8d0c2;border-radius:24px;gap:20px;margin:24px 0;padding:clamp(18px,3vw,28px);display:grid}.online-settings-card h2,.online-settings-card p{margin:0}.online-settings-controls{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.online-settings-controls label{gap:7px;font-weight:700;display:grid}.online-settings-controls label:first-child{align-items:center;min-height:48px;display:flex}.online-settings-controls input[type=number],.online-rates-table input[type=number]{width:140px;min-height:44px;font:inherit;border:1px solid #c9c0b0;border-radius:10px;padding:8px}.online-settings-controls button,.online-rates-table button{color:#fff;min-height:44px;font:inherit;background:#0b6548;border:0;border-radius:999px;padding:8px 14px;font-weight:700}.online-rates-table{overflow-x:auto}.online-rates-table table{border-collapse:collapse;width:100%;min-width:760px}.online-rates-table th,.online-rates-table td{text-align:left;border-bottom:1px solid #e1d9cc;padding:10px}.online-rates-table td label{align-items:center;gap:6px;display:flex}@media (width<=640px){.online-settings-controls{flex-direction:column;align-items:stretch}.online-settings-controls input[type=number],.online-settings-controls button{width:100%}}.media-library-page{gap:20px;display:grid}.media-upload-card,.media-list-section{background:#fffaf2;border:1px solid #ddd4c5;border-radius:24px;padding:clamp(16px,3vw,26px);box-shadow:0 12px 30px #1d372b12}.media-upload-card form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;display:grid}.media-upload-card label,.media-asset-body label{gap:7px;font-weight:750;display:grid}.media-upload-card input,.media-upload-card select,.media-asset-body input{width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #c9c0b1;border-radius:12px;padding:9px 11px}.media-upload-card input[type=file]{padding:8px}.media-upload-card form button{min-height:46px}.media-upload-card>p{color:#5f695f;margin:12px 0 0}.media-placement-tabs{scrollbar-width:thin;gap:8px;padding:2px 0 8px;display:flex;overflow-x:auto}.media-placement-tabs button{color:#365443;min-height:44px;font:inherit;background:#fff;border:1px solid #cbc3b5;border-radius:999px;flex:none;padding:9px 15px;font-weight:750}.media-placement-tabs button.is-active{color:#fff;background:#0a6749;border-color:#0a6749}.media-list-section{gap:16px;display:grid}.media-list-section>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.media-list-section h2,.media-list-section p{margin:0}.media-limit-warning{color:#8b5512;background:#fff0cf;border-radius:999px;padding:7px 11px}.media-action-error{color:#972c2c;background:#fff0f0;border:1px solid #e4aaaa;border-radius:12px;padding:12px}.media-empty{text-align:center;color:#657067;border:1px dashed #cfc6b7;border-radius:16px;padding:24px}.media-asset-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;display:grid}.media-asset-card{background:#fff;border:1px solid #ded6ca;border-radius:18px;min-width:0;overflow:hidden}.media-asset-card>img,.media-preview-missing{aspect-ratio:4/3;object-fit:cover;background:#e8eee9;width:100%;display:block}.media-preview-missing{color:#617067;place-items:center;display:grid}.media-asset-body{gap:12px;padding:14px;display:grid}.media-status{color:#655e52;background:#eee8dc;border-radius:999px;justify-self:start;padding:5px 9px;font-size:.82rem;font-weight:800}.media-status.published{color:#17613e;background:#e3f2e8}.media-card-actions{flex-wrap:wrap;gap:8px;display:flex}.media-card-actions button{min-height:44px;font:inherit;background:#fff;border:1px solid #cbc4b8;border-radius:12px;flex:120px;padding:8px 10px;font-weight:700}.media-card-actions .primary-action{color:#fff;background:#0a6749;border-color:#0a6749}.media-card-actions .danger-action{color:#992e2e;border-color:#e0b2b2}.media-card-actions button:disabled{opacity:.5;cursor:not-allowed}@media (width<=800px){.media-upload-card form{grid-template-columns:1fr 1fr}.media-upload-card form label:nth-child(3),.media-upload-card form button{grid-column:1/-1}}@media (width<=520px){.media-upload-card form{grid-template-columns:1fr}.media-upload-card form label,.media-upload-card form button{grid-column:auto}.media-upload-card form button{width:100%}.media-list-section>header{flex-direction:column;align-items:flex-start}.media-asset-grid{grid-template-columns:1fr}}