:root{--ink:#263a33;--ink-soft:#61736c;--line:#dfe9e3;--canvas:#f7faf7;--white:#fff;--mint:#def4e8;--mint-strong:#70ae91;--sky:#e3f2ff;--sky-strong:#79a9cf;--butter:#fff3c9;--butter-strong:#c9a84d;--blush:#ffe6ec;--blush-strong:#c98595;--lavender:#eee9ff;--danger:#b65f6f;--shadow:0 14px 36px #3a524617;--shadow-hover:0 18px 44px #3a524624;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 8% 4%, #def4e8cc, transparent 28rem), radial-gradient(circle at 100% 20%, #e3f2ffb3, transparent 32rem), var(--canvas);margin:0;font-family:Inter,ui-rounded,Noto Sans Thai,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#ffffffe0;border-right:1px solid #d8e7dee6;width:264px;padding:24px 18px;display:none;position:fixed;inset:0 auto 0 0}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#a8d9c1,#71ad91);border-radius:17px;flex:none;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid;box-shadow:0 10px 24px #538f7240}.brand-name{letter-spacing:-.02em;white-space:nowrap;font-size:17px;font-weight:900}.brand-subtitle{color:var(--ink-soft);white-space:nowrap;font-size:11px}.sidebar-nav{gap:6px;margin-top:34px;display:grid}.nav-link{color:#5f7169;border-radius:15px;align-items:center;gap:12px;min-height:48px;padding:11px 13px;font-weight:750;transition:all .2s;display:flex}.nav-link:hover{color:var(--ink);background:#f1f8f4;transform:translate(2px)}.nav-link.active{color:#315c49;background:var(--mint);box-shadow:inset 0 0 0 1px #70ae912e}.language-switcher{color:#61736c;border:1px solid var(--line);background:#ffffffe6;border-radius:14px;align-items:center;gap:4px;width:fit-content;padding:4px;display:inline-flex}.language-switcher>svg{margin:0 5px}.language-switcher button{color:#6a7b73;cursor:pointer;background:0 0;border:0;border-radius:10px;min-width:42px;min-height:34px;padding:5px 9px;font-size:12px;font-weight:900}.language-switcher button.active{color:#315c49;background:var(--mint);box-shadow:0 3px 8px #4e7d651f}.language-switcher.compact{padding:3px}.language-switcher.compact button{min-width:38px;min-height:31px}.nav-icon{place-items:center;width:26px;display:grid}.sidebar-note{background:var(--butter);color:#755f2b;border-radius:18px;padding:16px;font-size:12px;position:absolute;bottom:22px;left:18px;right:18px}.sidebar-language{margin-top:20px}.sidebar-logout{width:calc(100% - 36px);position:absolute;bottom:112px;left:18px;right:18px}.mobile-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7faf7e6;border-bottom:1px solid #d8e7decc;padding:12px 14px 9px;position:sticky;top:0}.mobile-header .brand-mark{border-radius:14px;width:42px;height:42px;font-size:18px}.mobile-nav{scrollbar-width:none;gap:8px;padding:10px 0 2px;display:flex;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav .nav-link{white-space:nowrap;border:1px solid var(--line);background:#fff;min-height:40px;padding:8px 12px}.mobile-nav .nav-link.active{background:var(--mint);border-color:#c6e5d5}.mobile-nav .nav-icon{width:auto}.mobile-nav .nav-link span:last-child{font-size:13px}.app-main{min-width:0;padding:22px 14px 44px}.content-wrap{width:100%;max-width:1320px;margin:0 auto}.page-header{flex-direction:column;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:#669278;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:900}.page-title{letter-spacing:-.045em;margin-bottom:7px;font-size:clamp(29px,5vw,43px);line-height:1.1}.page-subtitle{max-width:720px;color:var(--ink-soft);margin:0;font-size:15px}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.soft-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #d7e5ddf2;padding:18px;position:relative}.soft-card.mint{background:linear-gradient(145deg, var(--mint), #f8fffb);border-color:#cbe7d9}.soft-card.sky{background:linear-gradient(145deg, var(--sky), #fbfdff);border-color:#d1e7f7}.soft-card.butter{background:linear-gradient(145deg, var(--butter), #fffdf6);border-color:#efe1ad}.soft-card.blush{background:linear-gradient(145deg, var(--blush), #fffafb);border-color:#f2d2da}.soft-card.lavender{background:linear-gradient(145deg, var(--lavender), #fdfcff);border-color:#ddd6f7}.section-card{margin-bottom:18px}.card-title{letter-spacing:-.02em;margin-bottom:4px;font-size:19px;line-height:1.3}.card-subtitle{color:var(--ink-soft);margin-bottom:16px;font-size:13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{min-height:144px;overflow:hidden}.stat-card:after{content:"";background:#ffffff85;border-radius:50%;width:72px;height:72px;position:absolute;bottom:-24px;right:-18px}.stat-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-icon{background:#ffffffb3;border-radius:14px;place-items:center;width:40px;height:40px;display:grid}.stat-label{color:#596b63;font-size:12px;font-weight:800}.stat-value{letter-spacing:-.04em;margin-top:17px;font-size:clamp(25px,4vw,36px);font-weight:900;line-height:1}.stat-hint{color:#6e7f78;margin-top:8px;font-size:11px}.grid{gap:14px;display:grid}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stack{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-heading h2,.section-heading h3{margin-bottom:3px;font-size:20px}.section-heading p{color:var(--ink-soft);margin-bottom:0;font-size:13px}.btn{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:11px 18px;font-weight:850;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #395b4a24}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #6fae9140}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{color:#fff;background:#68a889;box-shadow:0 8px 18px #4c896b38}.btn-secondary{color:#466056;background:#fff;border:1px solid #d8e5dd}.btn-danger{color:#a55365;background:var(--blush)}.btn-block{width:100%}.icon-button{width:48px;padding:0}.field{gap:7px;min-width:0;display:grid}.field label{color:#4f625a;font-size:13px;font-weight:850}.field-hint{color:var(--ink-soft);font-size:11px}.input,.select,.textarea{width:100%;min-height:50px;color:var(--ink);background:#ffffffeb;border:1px solid #d5e2da;border-radius:14px;outline:0;padding:12px 14px;transition:border-color .18s,box-shadow .18s}.textarea{resize:vertical;min-height:104px}.input:hover,.select:hover,.textarea:hover{border-color:#a8c9b8}.input:focus,.select:focus,.textarea:focus{border-color:#76ae91;box-shadow:0 0 0 4px #70ae911c}.input::placeholder,.textarea::placeholder{color:#9aaba3}.badge{color:#47675a;background:var(--mint);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:900;display:inline-flex}.badge.sky{color:#4f718d;background:var(--sky)}.badge.butter{color:#846b2e;background:var(--butter)}.badge.blush{color:#925566;background:var(--blush)}.badge.lavender{color:#66598e;background:var(--lavender)}.badge.neutral{color:#66756e;background:#eef2ef}.badge-dot{opacity:.75;background:currentColor;border-radius:50%;width:7px;height:7px}.table-shell{border:1px solid var(--line);border-radius:18px;overflow:hidden}.table-scroll{width:100%;overflow-x:auto}.responsive-table{border-collapse:collapse;background:#fff;width:100%;min-width:720px}.responsive-table th{color:#617169;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f1f7f3;padding:13px 14px;font-size:11px;font-weight:900}.responsive-table td{vertical-align:middle;border-top:1px solid #e7eee9;padding:15px 14px}.responsive-table tbody tr{transition:background .16s}.responsive-table tbody tr:hover{background:#fbfdfb}.mobile-card-list{gap:12px;display:grid}.mobile-row-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 20px #3a52460f}.mobile-row-primary{margin-bottom:12px;font-size:17px;font-weight:900}.mobile-row-grid{gap:9px;margin:0;display:grid}.mobile-row-pair{border-top:1px solid #edf2ee;grid-template-columns:minmax(90px,38%) 1fr;align-items:start;gap:10px;padding-top:9px;display:grid}.mobile-row-pair dt{color:var(--ink-soft);font-size:12px}.mobile-row-pair dd{text-align:right;word-break:break-word;margin:0;font-weight:750}.empty-state{min-height:180px;color:var(--ink-soft);text-align:center;background:#f7faf7b3;border:1px dashed #cbdad1;border-radius:18px;place-items:center;padding:24px;display:grid}.loading-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.48}}.notice{border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-weight:700;display:flex}.notice.success{color:#3f7058;background:var(--mint);border:1px solid #c5e4d4}.notice.error{color:#965264;background:var(--blush);border:1px solid #f0cdd5}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#23352d7a;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);background:var(--canvas);border-radius:26px;width:min(1100px,100%);max-height:calc(100vh - 24px);padding:20px;overflow-y:auto;box-shadow:0 30px 90px #172b2140}.modal-head{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7faf7f2;justify-content:space-between;align-items:flex-start;gap:12px;margin:-20px -20px 18px;padding:20px;display:flex;position:sticky;top:-20px}.modal-head h2{margin:0}.booking-actions{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.history-list{border-top:1px solid #76928333;gap:8px;margin-top:14px;padding-top:12px;display:grid}.history-list>div{background:#ffffff9e;border-radius:11px;justify-content:space-between;align-items:flex-start;gap:10px;padding:9px 11px;display:flex}.history-list span{color:var(--ink-soft);text-align:right;font-size:11px}.frontdesk-section{margin:24px 0}.frontdesk-grid{grid-template-columns:1fr;gap:14px;display:grid}.frontdesk-card{gap:14px;display:grid}.pms-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pms-detail-grid>div,.pms-hero>div{background:#ffffffa8;border-radius:13px;padding:10px}.pms-detail-grid span,.pms-hero span{color:var(--ink-soft);text-transform:uppercase;font-size:10px;font-weight:800;display:block}.pms-detail-grid b,.pms-hero b{margin-top:3px;font-size:13px;display:block}.amount-due{color:#ad5265!important}.pms-timestamp{color:#4e7461;background:#ffffff94;border-radius:11px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:800;display:flex}.pms-modal{max-width:760px}.pms-hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.pms-checklist{background:var(--mint);border-radius:16px;gap:8px;margin:18px 0;padding:14px;display:grid}.pms-checklist>div{align-items:center;gap:9px;font-size:12px;font-weight:750;display:flex}@media (min-width:760px){.frontdesk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.frontdesk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.muted{color:var(--ink-soft)}.text-small{font-size:12px}.text-right{text-align:right}.price{letter-spacing:-.04em;font-size:30px;font-weight:950}.public-header{z-index:20;padding:15px 14px;position:relative}.public-header-inner{justify-content:space-between;align-items:center;gap:14px;max-width:1180px;margin:0 auto;display:flex}.public-header-actions{align-items:center;gap:9px;display:flex}.hotel-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800;display:none}.booking-hero{box-shadow:var(--shadow);background:linear-gradient(130deg,#dff5e9 0%,#e8f4ff 60%,#fff3ca 100%);border:1px solid #c9e6d7;border-radius:28px;padding:28px 20px;overflow:hidden}.booking-hero h1{letter-spacing:-.055em;max-width:620px;margin-bottom:10px;font-size:clamp(32px,7vw,56px);line-height:1.02}.booking-hero p{color:#536b61;max-width:620px;margin:0;font-size:16px}.search-panel{margin-top:-2px}.room-grid{gap:16px;margin-top:20px;display:grid}.room-card{padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.room-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.room-image{background:#e7eee9 50%/cover no-repeat;height:220px}.room-body{padding:19px}.room-meta{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.room-footer{flex-direction:column;gap:14px;margin-top:15px;display:flex}.login-page{min-height:100vh;padding:16px;display:grid}.login-shell{background:#fff;border:1px solid #d7e5ddf2;border-radius:30px;width:100%;max-width:1120px;min-height:min(720px,100vh - 32px);margin:auto;display:grid;overflow:hidden;box-shadow:0 28px 70px #3e584b24}.login-art{background:linear-gradient(145deg, var(--mint), var(--sky) 58%, var(--butter));padding:46px;display:none;position:relative;overflow:hidden}.login-art:before,.login-art:after{content:"";background:#ffffff73;border-radius:50%;position:absolute}.login-art:before{width:300px;height:300px;top:-90px;right:-80px}.login-art:after{width:210px;height:210px;bottom:-70px;left:-60px}.login-art-copy{z-index:2;max-width:470px;margin:auto 0;position:relative}.login-art h1{letter-spacing:-.06em;margin-bottom:14px;font-size:clamp(42px,6vw,70px);line-height:.98}.login-art p{color:#4e695d;font-size:17px}.mini-product-row{z-index:3;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px;display:grid;position:relative}.mini-product{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa1;border-radius:20px;min-height:120px;padding:15px}.mini-product-icon{background:#fff;border-radius:13px;place-items:center;width:38px;height:38px;margin-bottom:18px;display:grid}.mini-product b{font-size:13px;display:block}.mini-product span{color:#667a71;font-size:11px}.login-form-wrap{align-content:center;padding:30px 22px;display:grid}.login-form{width:100%;max-width:410px;margin:auto}.login-form h2{letter-spacing:-.04em;margin:30px 0 7px;font-size:34px}.login-form>p{color:var(--ink-soft);margin-bottom:26px}.login-form .field{margin-bottom:15px}.login-divider{color:#8a9a92;align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.calendar-wrap,.room-plan-wrap{padding-bottom:8px;overflow-x:auto}.calendar-grid{grid-template-columns:repeat(7,minmax(108px,1fr));gap:8px;min-width:760px;display:grid}.calendar-weekday{color:var(--ink-soft);text-align:center;text-transform:uppercase;padding:8px;font-size:11px;font-weight:900}.calendar-day{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:126px;padding:11px}.calendar-day.empty{background:0 0;border-color:#0000}.calendar-date{justify-content:space-between;align-items:center;font-weight:900;display:flex}.occupancy-bar{background:#edf2ef;border-radius:99px;height:7px;margin:13px 0 8px;overflow:hidden}.occupancy-bar span{border-radius:inherit;background:#7db899;height:100%;display:block}.calendar-metric{color:var(--ink-soft);font-size:11px}.calendar-metric b{color:var(--ink);font-size:13px;display:block}.room-plan{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:900px;overflow:hidden}.room-plan-row{grid-template-columns:150px repeat(7,minmax(106px,1fr));display:grid}.room-plan-cell{border-top:1px solid #e7eee9;border-right:1px solid #e7eee9;min-height:72px;padding:10px}.room-plan-row:first-child .room-plan-cell{text-align:center;background:#f1f7f3;border-top:0;min-height:auto;font-size:11px;font-weight:900}.room-plan-cell:first-child{z-index:2;background:#fbfdfb;font-weight:900;position:sticky;left:0}.room-plan-row:first-child .room-plan-cell:first-child{z-index:3}.stay-block{color:#426250;background:var(--mint);border-radius:12px;height:100%;min-height:50px;padding:8px;font-size:11px}.stay-block strong{font-size:12px;display:block}.stay-block.sky{color:#496a84;background:var(--sky)}.stay-block.blush{color:#895363;background:var(--blush)}.action-board{gap:12px;display:grid}.ota-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ota-portal-card{align-items:center;gap:11px;min-height:82px;padding:13px;transition:transform .18s,box-shadow .18s;display:flex}.ota-portal-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.ota-portal-card>span:nth-child(2){flex:1;min-width:0}.ota-portal-card b,.ota-portal-card small{display:block}.ota-portal-card b{font-size:14px}.ota-portal-card small{color:var(--ink-soft);font-size:10px}.ota-portal-logo{color:#466056;background:#ffffffbf;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:950;display:grid}.action-card{gap:14px;display:grid}.action-card-head{justify-content:space-between;gap:10px;display:flex}.action-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action-stat{text-align:center;background:#f6f9f7;border-radius:13px;padding:10px}.action-stat span{color:var(--ink-soft);font-size:10px;display:block}.action-stat b{font-size:18px}.setup-list{gap:10px;display:grid}.setup-row{background:#f8faf8;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:13px;display:flex}.setup-row-main{min-width:0}.setup-row-main b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.setup-row-main span{color:var(--ink-soft);font-size:11px}@media (min-width:640px){.app-main{padding:30px 24px 56px}.page-header{flex-direction:row;justify-content:space-between;align-items:flex-end}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.soft-card{padding:21px}.public-header{padding:20px 24px}.hotel-pill{display:inline-flex}.booking-hero{padding:48px 42px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-footer{flex-direction:row;justify-content:space-between;align-items:center}.login-form-wrap{padding:46px}.action-board{grid-template-columns:repeat(2,minmax(0,1fr))}.ota-portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.sidebar{display:block}.mobile-header{display:none}.app-main{margin-left:264px;padding:38px 34px 70px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.login-shell{grid-template-columns:1.15fr .85fr}.login-art{flex-direction:column;display:flex}.action-board{grid-template-columns:repeat(3,minmax(0,1fr))}.ota-portal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:767px){.desktop-table{display:none}.page-actions,.page-actions .btn{width:100%}.stat-card{min-height:130px}}@media (min-width:768px){.mobile-card-list.responsive-only{display:none}}@media print{.sidebar,.mobile-header,.page-actions,.no-print{display:none!important}.app-main{margin:0;padding:0}body{background:#fff}.soft-card{box-shadow:none;break-inside:avoid}}