@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{font-family:IBM Plex Sans Thai,sans-serif;background:#f5f7fb;color:#1b2440;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:25px;margin:4px 0 0}h2{font-size:19px;margin-bottom:4px}p{color:#75819b}small{font-size:12px;color:#8c98aa}.shell{display:flex;min-height:100vh}.sidebar{width:260px;min-height:100vh;background:#fff;border-right:1px solid #edf0f4;display:flex;flex-direction:column;flex-shrink:0;padding:28px 17px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 44px;font:800 21px Plus Jakarta Sans,sans-serif;letter-spacing:-.7px}.brand small{font:700 8px Plus Jakarta Sans;letter-spacing:1.5px;display:block;margin-top:3px;color:#a8b0bf}.brand-dot{color:#1fa58e}.brand-symbol{background:linear-gradient(145deg,#27cba5,#13877f);width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:13px;box-shadow:0 8px 18px #20a78b40}.nav-caption{margin:0 18px 16px;font:700 10px Plus Jakarta Sans;letter-spacing:1.8px;color:#a6acb8}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:14px;padding:12px 17px;color:#6a778d;text-align:left;font-weight:600;width:100%}.nav-item.selected{background:#e9f9f4;color:#118971}.nav-item:hover{background:#f0f7f6}.aside-bottom{margin-top:auto;padding:17px 7px 0;border-top:1px solid #edf0f4;display:flex;align-items:center;gap:10px;min-width:0}.aside-bottom>div:nth-child(2){min-width:0;flex:1}.aside-bottom b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aside-bottom small{display:block}.avatar{background:#d9f5ec;border-radius:10px;color:#10967b;font-weight:700;display:grid;place-items:center;width:35px;height:35px;flex-shrink:0}.logout,.menu-btn{border:0;background:transparent;color:#687487;padding:7px}.workspace{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #edf0f4;padding:22px clamp(20px,4vw,56px);gap:20px}.top-left{display:flex;align-items:center;gap:15px}.eyebrow{font:700 10px Plus Jakarta Sans,sans-serif;color:#21aa8e;letter-spacing:1.7px}.selectors{display:flex;gap:10px;flex-wrap:wrap}.selectors label{display:flex;flex-direction:column;font-size:11px;font-weight:700;color:#a1a9b5;gap:4px}.selectors select{min-width:160px;max-width:230px;background:#f7f9fc;border:1px solid #eaedf1;border-radius:9px;padding:9px 12px;color:#34405a;font-size:12px}.content{padding:clamp(20px,3.8vw,48px) clamp(20px,4vw,56px);flex:1;width:100%;max-width:1600px;margin:0 auto}.hero{background:linear-gradient(115deg,#1c9b89,#157f7b);border-radius:23px;color:#fff;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;min-height:184px;overflow:hidden;position:relative;box-shadow:0 14px 32px #10877d22}.hero:after{content:"";position:absolute;border:1px solid #ffffff32;width:290px;height:290px;border-radius:50%;right:-60px;top:-140px}.hero-kicker{font:700 10px Plus Jakarta Sans;letter-spacing:2px;opacity:.75}.hero h2{font-size:27px;margin:14px 0 6px;letter-spacing:-.5px}.hero h2 span{color:#fbe789}.hero p{color:#d5f2ed;margin:0}.hero-building{opacity:.75;margin-right:30px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:24px 0}.stat{background:#fff;padding:23px;border-radius:17px;box-shadow:0 4px 14px #1f345006;border:1px solid #edf0f5}.stat>span{display:flex;justify-content:space-between;align-items:center;color:#72809a;font-size:12px;font-weight:600;gap:10px}.stat>span svg{color:#29af9a}.stat strong{display:block;font:800 clamp(20px,2vw,31px) "Plus Jakarta Sans",sans-serif;letter-spacing:-1.2px;margin:17px 0 4px;overflow-wrap:anywhere}.stat small{color:#a2acba}.panel{background:#fff;border:1px solid #edf0f5;border-radius:18px;margin-bottom:20px;padding:25px;box-shadow:0 4px 20px #172e4408}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px;gap:15px}.panel-head h2{margin:0 0 5px}.panel-head p{font-size:12px;margin:0}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.room-tile{padding:17px;border:1px solid #eef1f5;border-radius:14px;display:flex;align-items:start;flex-direction:column;gap:6px}.room-icon{width:33px;height:33px;background:#f1f8f8;color:#168f84;border-radius:9px;display:grid;place-items:center;margin-bottom:4px}.room-tile b{font:700 17px Plus Jakarta Sans}.pill{border-radius:30px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.pill.vacant{background:#e9f9f1;color:#158c67}.pill.occupied{background:#fff3e3;color:#bb731c}.room-tile .pill{margin-top:5px}.two-col,.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rate-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f2f5;gap:14px;font-size:13px}.rate-row:last-child{border-bottom:0}.rate-row>span:first-child{color:#738099}.rate-row b{font-size:13px;text-align:right;overflow-wrap:anywhere}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:12px;font-weight:700;color:#61728d}.field input,.field select{border:1px solid #e0e7ef;border-radius:9px;padding:11px 13px;color:#1b2440;background:#fff;min-height:43px;width:100%;outline:0;min-width:0}.field input:focus,.field select:focus{border-color:#19ac90;box-shadow:0 0 0 3px #19ac9018}.form{display:grid;gap:17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:#eff6f4;border-radius:10px;color:#138b7a;padding:11px 17px;font-size:13px;font-weight:700}.btn.primary{background:#178f7b;color:#fff;box-shadow:0 7px 16px #0c987424}.btn.primary:hover{background:#0c7668}.btn.outline{background:#fff;border:1px solid #a6dcd1}.btn.large{font-size:15px;padding:15px 28px}.actions{display:flex;gap:10px;flex-wrap:wrap}.room-list{display:grid;gap:12px}.room-detail{border:1px solid #e8edf3;border-radius:12px;padding:13px 17px}.room-detail summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.room-detail summary .room-number{flex:1;display:flex;align-items:center;gap:9px;font-weight:700}.room-detail summary small{margin-left:6px}.room-detail .form{padding-top:20px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:580px;text-align:left;font-size:13px}th{background:#f8fafc;color:#728198;font-weight:600;padding:14px}td{border-bottom:1px solid #f0f3f6;padding:14px}.empty{font-size:13px;text-align:center;padding:30px;color:#9aa4b4}.hint{background:#f0f8f7;border-radius:11px;padding:16px;color:#46786f;font-size:12px;display:flex;gap:10px;align-items:center;margin:10px 0 23px}.notice{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:10px;margin-bottom:20px;font-size:13px}.notice.danger{background:#fff0ed;color:#af473a}.notice.success{background:#eaf9f1;color:#138e69}.footer{padding:17px 40px;color:#99a3b0;font-size:11px;text-align:center;border-top:1px solid #edf0f4}.welcome{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:500px;margin:auto;text-align:center;gap:14px}.welcome h2{font-size:28px;margin:0}.welcome p{font-size:15px}.welcome small{margin-top:10px}.welcome-art{height:95px;width:95px;border-radius:28px;background:#e0f7ee;display:grid;place-items:center;color:#15937f;margin-bottom:15px}.menu-btn{display:none}@media(max-width:1060px){.sidebar{width:215px}.stats,.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:fixed;z-index:99;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s;box-shadow:0 0 30px #12223f22}.sidebar.expanded{transform:translate(0)}.menu-btn{display:block}.topbar{padding:20px;flex-direction:column;align-items:stretch;gap:16px}.selectors label{flex:1}.selectors select{max-width:unset;width:100%}.content{padding:19px}.hero{padding:26px 23px;min-height:155px}.hero h2{font-size:22px}.hero-building{margin:0;opacity:.3}.panel{padding:19px}.stats{gap:11px;margin:17px 0}.stat{padding:17px}.stat strong{font-size:21px}.two-col,.cols2,.cols3{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{padding:18px 20px}.panel-head{margin-bottom:18px}}@media(max-width:370px){.room-grid{grid-template-columns:1fr}.selectors{flex-direction:column}.stat strong{font-size:18px}}.invite-code{display:grid;gap:12px;border:1px solid #b3e6da;background:#f2fcf8;padding:17px;border-radius:13px;overflow-wrap:anywhere}.invite-code strong{color:#126c5a;font-size:13px}.invite-code code{background:#fff;border:1px dashed #85cabc;padding:13px;font-size:14px;overflow-wrap:anywhere;border-radius:8px;-webkit-user-select:all;user-select:all}.invite-grid{display:grid;gap:12px}.invite-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e7edf2;border-radius:12px;padding:16px}.invite-item strong{display:block;font-size:13px;margin-bottom:5px}.invite-item small{display:block;margin-top:5px}.tenant-bill{background:#fff;border:1px solid #e5eaf0;border-radius:13px;padding:18px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px;width:100%;margin-bottom:11px;color:inherit}.tenant-bill:hover{border-color:#42ae99;background:#f7fffc}.tenant-bill b{font-size:13px}.tenant-bill small{display:flex;gap:5px;align-items:center;margin-top:6px}.tenant-bill>span{text-align:right}.tenant-bill>span strong{font-size:16px;color:#148e7b;white-space:nowrap}.tenant-bill>span small{justify-content:end}.panel-head h2 svg{vertical-align:middle}@media(max-width:520px){.invite-item,.tenant-bill{align-items:flex-start;flex-direction:column}.tenant-bill>span{text-align:left}.tenant-bill>span small{justify-content:start}}.payment-center>.hero{margin-bottom:18px}.payment-warning{margin-top:0}.checkline{display:flex;gap:10px;align-items:center;color:#61728d;font-weight:600;font-size:13px}.checkline input{accent-color:#178f7b;width:18px;height:18px}.muted-inline{font-size:12px;color:#8492a8}.claim-list{display:grid;gap:13px}.claim-item{border:1px solid #e7edf2;border-radius:15px;padding:20px;background:#fff}.claim-heading,.claim-facts,.review-controls,.review-reject{display:flex;align-items:center;gap:14px}.claim-heading{justify-content:space-between;align-items:start}.claim-heading b{display:block}.claim-heading small{display:block;margin-top:5px}.claim-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:17px 0;border-top:1px solid #eff1f5;border-bottom:1px solid #eff1f5;padding:16px 0}.claim-facts small{display:block;margin-bottom:5px}.claim-facts strong{font-size:14px;overflow-wrap:anywhere}.evidence-link{font-size:13px;color:#138b7b;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.evidence-link:hover{text-decoration:underline}.review-controls{margin-top:17px;flex-wrap:wrap;align-items:stretch}.review-reject{flex:1;min-width:260px}.review-reject input{border:1px solid #e1e8ef;border-radius:9px;min-height:41px;padding:10px 12px;flex:1;min-width:100px}.tenant-payment-area{border-top:1px solid #e4ebef;margin-top:24px;padding-top:24px}.bank-display{border:1px solid #c4e8e0;border-radius:16px;background:linear-gradient(125deg,#f2fcf9,#fff);padding:20px;display:grid;gap:7px}.bank-display b{font-size:15px}.bank-display small{display:block;margin-top:6px;color:#65768b}.bank-header{display:flex;align-items:center;gap:10px;color:#127f6a;margin-bottom:8px}.bank-account{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bank-account>strong{font:800 21px Plus Jakarta Sans,sans-serif;letter-spacing:1px;overflow-wrap:anywhere}.bank-display .hint{margin:10px 0 0}.payment-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:17px 0}.payment-figures>div{border:1px solid #ebf0f4;border-radius:12px;padding:15px;display:grid;gap:6px}.payment-figures small{color:#6e8194}.payment-figures strong{font-size:16px;overflow-wrap:anywhere}.payment-figures>div:last-child{background:#eafaf4;border-color:#d2f1e7;color:#10866b}.payment-review-note{padding:13px 15px;border-left:3px solid #e0a043;background:#fff8ed;color:#936b32;font-size:12px;border-radius:3px;margin-bottom:22px}.section-subtitle,.claim-history h3{font-size:15px;margin:18px 0 14px}.claim-history{margin-top:26px;border-top:1px solid #e8edf2;padding-top:9px}.claim-history .rate-row>div>small{display:block;margin-top:6px}.claim-history-right{display:flex;flex-direction:column;align-items:end;gap:8px}.claim-history-right a{font-size:12px;display:flex;gap:5px;align-items:center;color:#118c79;text-decoration:none}@media(max-width:700px){.claim-facts,.payment-figures{grid-template-columns:1fr}.review-controls,.review-reject{flex-direction:column;align-items:stretch}.review-reject{min-width:0}.claim-heading{flex-wrap:wrap}.claim-item{padding:15px}}.promptpay-panel{border:1px solid #cae5dd;background:#f5fcf9;border-radius:16px;margin:19px 0;padding:22px;display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center}.promptpay-heading{display:flex;align-items:center;gap:9px;color:#087f78;font-size:16px}.promptpay-image{display:block;width:min(260px,100%);height:auto;aspect-ratio:1;background:#fff;padding:12px;border:1px solid #e3ece9;border-radius:12px;image-rendering:pixelated}.promptpay-details{width:100%;max-width:320px;display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;text-align:left;align-items:baseline}.promptpay-details span{font-size:12px;color:#61728d}.promptpay-details b,.promptpay-details strong{font-size:14px;overflow-wrap:anywhere;text-align:right}.promptpay-details strong{font-size:20px;color:#09866d}.promptpay-disclaimer{display:flex;gap:8px;align-items:flex-start;text-align:left;color:#825b21;background:#fff7e5;border-radius:10px;padding:11px;font-size:12px;line-height:1.7;margin:0}.promptpay-disclaimer svg{flex-shrink:0;margin-top:3px}@media(max-width:500px){.promptpay-panel{padding:14px}.promptpay-details{grid-template-columns:1fr;gap:3px;text-align:center}.promptpay-details b,.promptpay-details strong{text-align:center;margin-bottom:7px}}.notification-consent-item{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #e6edf2;flex-wrap:wrap}.notification-consent-item small{display:block;font-size:12px;color:#61728d;margin-top:6px}.consent-action{display:flex;flex-direction:column;align-items:flex-start;gap:13px;flex:1;max-width:530px}.consent-ack{display:flex;gap:10px;align-items:flex-start;line-height:1.6;font-size:13px}.consent-ack input{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:#0b8274}@media(max-width:600px){.notification-consent-item{flex-direction:column}.consent-action{max-width:100%}}