@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans Thai,Thonburi,sans-serif;color:#172333;background:#f2f4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6f9be5;outline-offset:2px}h1,h2,h3,p,dl{margin:0}button{border:0;background:none;color:inherit}small{font-size:12px}.account-gate{--accent:#194936;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(59,122,91,.18),transparent 34%),linear-gradient(145deg,#f7faf8,#e7efeb);color:#172333}.account-gate-card{width:min(100%,440px);padding:46px 42px;border:1px solid rgba(34,79,60,.12);border-radius:22px;background:#fffffff0;box-shadow:0 28px 80px #19493624;text-align:center}.account-gate-mark{width:62px;height:62px;margin:0 auto 22px;display:grid;place-items:center;border-radius:18px;background:#194936;color:#fff}.account-gate-kicker{color:#4e7463;font-size:12px;font-weight:800;letter-spacing:.22em}.account-gate h1{margin-top:5px;color:#17392e;font-size:32px;letter-spacing:-1px}.account-gate-copy{min-height:52px;margin:18px 0 26px;color:#627168;font-size:14px;line-height:1.8}.account-gate-button{min-height:48px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;background:#194936;color:#fff;font-size:14px;font-weight:700}.account-gate-button:hover{background:#123a29}.account-gate-actions{display:grid;gap:10px}.account-gate-secondary{min-height:42px;color:#52665d;font-size:13px;font-weight:700}.account-gate-progress{display:block;width:28px;height:28px;margin:0 auto;border:3px solid #d9e5df;border-top-color:#194936;border-radius:50%;animation:account-gate-spin .8s linear infinite}@keyframes account-gate-spin{to{transform:rotate(360deg)}}.prototype-switcher{height:55px;background:#121d2d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:20px}.prototype-switcher>div:first-child{display:flex;align-items:center;gap:10px;white-space:nowrap}.prototype-switcher strong{font-size:13px}.prototype-switcher span{font-size:11px;color:#b5c2d4}.switcher-tabs{display:flex;align-items:center;gap:5px}.switcher-tabs button{color:#d3dbe6;border-radius:7px;padding:8px 13px;font-size:12px;white-space:nowrap}.switcher-tabs button:hover,.switcher-tabs button.active{background:#fff;color:#152235}.prototype-switcher .connection-state{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#ffffff14}.prototype-switcher .connection-state.connected{color:#9fe0ba;background:#3fad6c26}.prototype-switcher .connection-state.error{color:#ffb5ad;background:#e24e4124}.connect-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #52647b;border-radius:6px;padding:5px 8px;font-size:10px;color:#e5edf8}.connect-button:hover{background:#26364b}.product-shell{--accent:#194936;--surface:#fff;display:grid;grid-template-columns:230px minmax(0,1fr);height:calc(100vh - 55px);min-height:770px;background:var(--surface);overflow:hidden}.work-area{min-width:0;display:flex;flex-direction:column;overflow:auto}.sidebar{display:flex;flex-direction:column;padding:20px 14px;background:#17392e;color:#eaf2ed}.brand{display:flex;align-items:center;gap:12px;padding:0 18px 60px;color:#fff}.brand strong{display:block;font-size:31px;letter-spacing:-2px;line-height:1}.brand small{font-size:15px;letter-spacing:-.4px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:18px;padding:15px 18px;text-align:left;border-radius:8px;font-size:15px;color:inherit;min-height:53px}.nav-item:hover,.nav-item.active{background:#ffffff24}.nav-item.active{font-weight:700}.sidebar-foot{margin-top:auto;padding:18px 18px 0;border-top:1px solid rgba(255,255,255,.23);display:flex;flex-direction:column;color:#b9d0c4}.sidebar-foot span{font-size:12px}.sidebar-foot small{line-height:1.7;color:#b9d0c4}.page-top{min-height:80px;padding:0 36px;border-bottom:1px solid #e4e8e5;display:flex;align-items:center;justify-content:space-between;gap:15px}.page-top>div:first-child strong{display:block;font-size:15px}.page-top>div:first-child small{display:block;color:#919ba2;font-size:13px}.top-right{display:flex;align-items:center;gap:12px;font-size:13px;color:#28384a}.top-avatar{margin-left:22px;background:#e4eee7;color:#264e3b;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-weight:700}.top-role{font-weight:600}.top-property{display:flex;align-items:center;gap:12px;padding:11px 15px;background:#f4f6f5;border-radius:8px;font-weight:700;font-size:14px}.top-property svg:last-child{margin-left:14px}.primary-button,.outline-button,.light-button,.small-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;min-height:44px;padding:10px 17px;font-weight:700;font-size:14px;transition:filter .15s,transform .15s}.primary-button:hover:not(:disabled),.outline-button:hover,.light-button:hover{filter:brightness(.94);transform:translateY(-1px)}.primary-button{background:var(--accent);color:#fff}.outline-button{border:1px solid #8ca59a;background:#fff;color:var(--accent)}.light-button{background:#f2f4f6;color:#42526a}.text-button{display:inline-flex;align-items:center;gap:9px;color:var(--accent);font-size:14px;font-weight:700}.text-button:hover{text-decoration:underline}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:6px}.icon-button:hover{background:#eef1f3}.ledger-main{padding:40px 38px 25px;max-width:1600px;width:100%;margin:0 auto}.ledger-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px}.heading-inline{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ledger h1{font-size:35px;letter-spacing:-1.3px;line-height:1.35;color:#0f1a1d}.ledger-heading p{font-size:16px;color:#66737a;margin-top:11px}.property-select{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #d6ded9;border-radius:8px;padding:10px 14px;color:#193c30;background:#fff}.property-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;min-width:136px;color:#152522;font-weight:700;cursor:pointer}.cta-stack{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:260px}.cta-stack .primary-button{min-height:60px;width:100%;font-size:15px;justify-content:space-between;padding:12px 20px}.cta-stack small{color:#899398}.ledger-summary{background:#f0f5f0;border-radius:8px;min-height:155px;padding:25px 30px;display:grid;grid-template-columns:1.35fr 1fr 1.15fr;align-items:center;margin-bottom:32px}.ledger-summary>div{min-width:0;padding:0 35px;border-right:1px solid #d4ddd5}.ledger-summary>div:first-child{padding-left:0}.ledger-summary>div:last-child{border:0;padding-right:0}.ledger-summary span{display:block;font-size:15px;color:#47594e}.ledger-summary strong{display:block;font-size:28px;line-height:1.3;color:#15272a;font-weight:700;white-space:nowrap}.ledger-summary strong small{font-size:17px}.ledger-summary .danger{color:#a92729}.ledger-summary em{display:block;font-style:normal;font-size:13px;color:#829088;margin-top:4px;white-space:nowrap}.summary-paid{display:flex;align-items:center;gap:20px}.progress-ring{flex:0 0 92px;width:92px;height:92px;border-radius:50%;background:conic-gradient(#205a43 75%,#d6e0d8 0);display:grid;place-items:center}.progress-ring:before{content:"";width:72px;height:72px;background:#f0f5f0;border-radius:50%;grid-area:1/1}.progress-ring strong{position:relative;grid-area:1/1;font-size:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2{font-size:20px}.section-head h2 span{font-size:15px;color:#66747a;font-weight:500}.ledger-table{border:1px solid #ebefec;border-radius:7px;overflow:hidden}.ledger-table-head,.ledger-row{display:grid;grid-template-columns:1fr .9fr 1.18fr .9fr .8fr 1.25fr;align-items:center;gap:10px;padding:0 18px}.ledger-table-head{background:#eef3ee;color:#526056;min-height:44px;font-size:13px;font-weight:600}.ledger-row{width:100%;text-align:left;border-top:1px solid #e5eae7;min-height:77px;font-size:14px}.ledger-row:hover{background:#f7faf7}.ledger-row>span{min-width:0}.ledger-row strong{display:block;font-weight:700}.ledger-row small{display:block;color:#86918d;font-size:12px;margin-top:2px}.tenant-cell{display:flex;align-items:center;gap:9px}.tenant-cell i{font-style:normal;width:40px;height:40px;display:grid;place-items:center;background:#e5e9e6;border-radius:50%;color:#485958;font-size:12px}.status-pill{font-weight:700;font-size:12px;border-radius:50px;padding:6px 12px;white-space:nowrap}.status-pill.paid{background:#dcefe4;color:#196447}.status-pill.unpaid{background:#f8e5e3;color:#b6292d}.red-note{color:#ae3335}.ledger-callout{display:flex;align-items:center;gap:24px;background:#eef4ed;border-radius:8px;padding:20px 30px;margin-top:24px;color:#20563e}.ledger-callout>div{flex:1}.ledger-callout strong{display:block;color:#1b2d26;font-size:18px}.ledger-callout span{display:block;color:#697f72;font-size:13px;margin-top:2px}.collections{--accent:#122b56;grid-template-columns:212px minmax(0,1fr);color:#13294a}.collections .sidebar{background:#fff;border-right:1px solid #e3e8ef;color:#526581}.collections .brand{color:#102a57;padding-left:12px;padding-bottom:40px}.collections .brand strong{font-size:24px;letter-spacing:-1px}.collections .brand small{font-size:12px}.collections .nav-item{padding:13px 14px;gap:16px;min-height:49px;font-size:14px}.collections .nav-item.active,.collections .nav-item:hover{background:#f4efe9;color:#183258}.collections .sidebar-foot{color:#91a0b5;border:0}.collections .sidebar-foot small{color:#91a0b5}.collections .page-top{min-height:78px;padding:0 27px}.collections .top-avatar{background:#dfe9f7;color:#294775}.collections-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;flex:1;min-height:0}.collections-main{padding:32px 25px 22px;min-width:0;overflow:auto}.collections-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:25px}.collections h1{font-size:34px;letter-spacing:-1.2px;line-height:1.25}.collections-heading p{color:#7e8ca3;font-size:13px;line-height:1.7;margin-top:9px}.collections-heading .primary-button{margin-top:85px;min-width:205px}.collections-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.filter-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.filter-tabs button{font-size:11px;background:#f1f4f8;color:#71809a;border-radius:5px;padding:8px 9px;font-weight:600;white-space:nowrap}.filter-tabs button.selected{background:#e9f1ff;color:#1c4d9d;box-shadow:inset 0 0 0 1px #4279d2}.filter-tabs span{margin-left:3px}.search-tools{display:flex;gap:7px}.search-box{border:1px solid #e2e8f1;border-radius:6px;min-height:35px;display:flex;align-items:center;gap:6px;padding:0 8px;color:#8192a9}.search-box input{border:0;outline:0;width:145px;font-size:11px}.small-outline{min-height:35px;padding:5px 8px;border:1px solid #e1e7ef;color:#4b6588;font-size:11px}.collections-table-head{display:grid;grid-template-columns:25px 70px minmax(120px,1.3fr) 78px 80px 100px minmax(95px,1fr);gap:6px;align-items:center;padding:11px 8px;background:#f7f9fc;color:#4c5f7e;font-size:10px;font-weight:700;border-radius:5px}.collections input[type=checkbox]{width:16px;height:16px;accent-color:#173c7a;cursor:pointer}.group-heading{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;font-size:11px;margin-top:1px}.group-heading.high{background:#fff0f0;color:#b63036}.group-heading.medium{background:#fff5e9;color:#a35c14}.group-heading.low{background:#eef4fc;color:#426fa8}.group-heading span{font-size:10px}.collections-row{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;padding:0 8px;border-bottom:1px solid #e7ebf2;min-height:74px}.collections-row.active{background:#f2f6fd}.row-open{width:100%;display:grid;grid-template-columns:70px minmax(120px,1.3fr) 78px 80px 100px minmax(95px,1fr);gap:6px;align-items:center;text-align:left;font-size:11px;padding:0}.row-open>span,.row-open>strong{min-width:0;overflow:hidden;text-overflow:ellipsis}.row-open strong{display:block;font-weight:700;white-space:nowrap}.row-open small{display:block;color:#71819d;font-size:10px;margin-top:2px}.row-open .days{font-weight:800;font-size:15px}.days.high{color:#bf3037}.days.medium{color:#d4861b}.days.low{color:#3078bd}.row-open .next-step{color:#3a5984;font-size:10px}.collections-row:hover{background:#f6f8fc}.selection-summary{padding:15px 6px;font-weight:700;font-size:12px;color:#234c85}.empty-state{padding:50px;text-align:center;color:#8895a6}.detail-panel{border-left:1px solid #e4eaf1;padding:26px 23px 20px;overflow:auto}.detail-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.detail-title h2{font-size:25px}.detail-title span:not(.overdue-badge){font-size:11px;color:#72819a}.overdue-badge{background:#ffe7e7;color:#c13d42;border-radius:30px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap;margin-top:5px}.detail-tabs{display:flex;border-bottom:1px solid #e2e7ef;margin-top:18px}.detail-tabs button{font-size:11px;padding:12px 10px;color:#60708b;border-bottom:2px solid transparent;font-weight:700}.detail-tabs button.active{border-color:#16366d;color:#152f5e}.detail-panel h3{font-size:14px;margin:24px 0 12px}.resident-facts{display:grid;grid-template-columns:90px 1fr;gap:11px;font-size:11px}.resident-facts dt{color:#8290a4}.resident-facts dd{margin:0;font-weight:600}.resident-facts dd svg{vertical-align:middle}.invoice-breakdown{border:1px solid #e5e8ef;border-radius:7px;overflow:hidden;font-size:11px}.invoice-breakdown>div{display:flex;justify-content:space-between;padding:9px 12px}.invoice-breakdown .due-banner{background:#fff0f0;color:#b94248;font-weight:700}.invoice-breakdown .total{border-top:1px solid #e5e8ef;font-weight:800;font-size:12px}.fund-note{font-size:10px;color:#3f669e;background:#f0f5fd;border-radius:5px;padding:9px;margin-top:9px}.contact-history{border-left:2px solid #c8d5e8;margin-left:5px;padding-left:15px}.contact-history div{display:flex;flex-direction:column;gap:2px;margin-bottom:15px;font-size:10px}.contact-history span{color:#7890b1}.contact-history small{color:#8292a7;font-size:10px}.detail-action{width:100%;margin-top:15px;font-size:12px}.history-empty{display:flex;align-items:center;flex-direction:column;gap:8px;color:#7083a0;padding:45px 10px;text-align:center;font-size:11px}.history-empty strong{color:#23436c;font-size:13px}.units{--accent:#fa665b;grid-template-columns:215px minmax(0,1fr);background:#f8fbff;color:#152b4e}.units .sidebar{background:#f5f9ff;color:#496181;border-right:1px solid #e3ecf6}.units .brand{color:#1c3b68;padding-left:14px;padding-bottom:46px}.units .brand strong{font-size:26px;letter-spacing:-1px}.units .brand small{font-size:11px}.units .nav-item{padding:13px 14px;font-size:13px;gap:16px;min-height:49px}.units .nav-item.active,.units .nav-item:hover{background:#e1edff;color:#2463b4}.units .sidebar-foot{border:0;color:#91a5bd}.units .sidebar-foot small{color:#91a5bd}.units .page-top{min-height:80px;padding:0 28px}.units .top-avatar{background:#e5effb;color:#234877}.units-main{padding:27px 27px 25px}.units-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px}.units h1{font-size:34px;letter-spacing:-1px;line-height:1.25}.units-heading p{color:#8999b1;font-size:14px;margin-top:7px}.units-heading .primary-button{min-height:59px;padding:12px 24px;font-size:15px}.unit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.unit-metrics>div{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;background:#fff;border:1px solid #e9eef5;border-radius:11px;min-height:86px;padding:12px 14px;box-shadow:0 3px 14px #264f810a}.unit-metrics>div>span:nth-child(2){font-size:11px;font-weight:700}.unit-metrics strong{font-size:26px;line-height:1.2}.unit-metrics strong small{font-size:12px;color:#8794a9}.metric-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;grid-row:1/3}.metric-icon.green{background:#e3f7ea;color:#27a45d}.metric-icon.gray{background:#ecf0f5;color:#8493a9}.metric-icon.blue{background:#e5f0ff;color:#2f79dc}.metric-icon.coral{background:#fff0ec;color:#f46558}.coral-text{color:#f36559}.units-layout{display:grid;grid-template-columns:minmax(0,1fr) 317px;gap:20px}.floors{min-width:0}.floor{background:#fff;border:1px solid #e6edf6;border-radius:11px;padding:16px 19px;margin-bottom:14px;box-shadow:0 3px 14px #264f810a}.floor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.floor h2{font-size:18px}.floor h2 span{font-size:13px;color:#7a8ba5;margin-left:7px}.floor header>span{font-size:12px;color:#8a99ae}.unit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.unit-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:112px;padding:9px 2px;border-radius:7px;text-align:center;border:2px solid transparent;background:#e8f8ee;color:#237b44}.unit-tile strong{align-self:flex-start;margin-left:8px;margin-bottom:5px;color:#1b3150;font-size:12px}.unit-tile span:not(.unit-state-icon){font-size:10px;font-weight:700}.unit-tile small{font-size:9px;color:#527966;white-space:nowrap}.unit-tile.vacant{background:#edf1f6;color:#8191aa}.unit-tile.vacant small{color:#9aa6b8}.unit-tile.moving{background:#e4f0ff;color:#3179d0}.unit-tile.moving small{color:#638fbf}.unit-tile.selected{border-color:#4b85e8;box-shadow:0 0 0 2px #dbe8ff}.unit-tile i{position:absolute;right:4px;top:4px;background:#f46758;color:#fff;width:17px;height:17px;border-radius:50%;font-style:normal;font-weight:800;font-size:11px}.lease-alert{display:flex;align-items:center;gap:11px;background:#fff0ef;border:1px solid #ffd9d4;border-radius:9px;color:#ed5b50;padding:13px 16px}.lease-alert>div{flex:1}.lease-alert strong{display:block;font-size:12px}.lease-alert span{display:block;font-size:10px;color:#8b93a5;margin-top:3px}.lease-alert button{border:1px solid #f6a49b;border-radius:5px;padding:7px 13px;color:#e85850;font-size:11px;background:#fff;white-space:nowrap}.unit-detail{background:#fff;border:1px solid #e5edf7;border-radius:11px;padding:18px;box-shadow:0 3px 14px #264f810d;height:max-content}.unit-detail-head{display:flex;justify-content:space-between;align-items:center}.unit-detail h2{font-size:26px}.unit-detail-badge{display:inline-block;margin:4px 0 12px;padding:5px 10px;font-size:10px;font-weight:700;border-radius:30px;background:#e1f6e8;color:#268b4d}.unit-detail-badge.vacant{background:#ecf0f5;color:#7386a0}.unit-detail-badge.moving{background:#e5f1ff;color:#347bc6}.unit-detail img{width:100%;height:125px;object-fit:cover;border-radius:8px;display:block}.unit-detail dl{display:grid;grid-template-columns:1fr auto;gap:14px 8px;margin:18px 0 22px;font-size:11px}.unit-detail dt{display:flex;align-items:center;gap:7px;color:#6d81a1}.unit-detail dd{margin:0;text-align:right;font-weight:700}.unit-detail-actions{border-top:1px solid #e6edf6;padding-top:14px;display:flex;flex-direction:column;gap:8px}.unit-detail-actions button{font-size:11px;min-height:39px;width:100%}.unit-detail-actions .outline-button{color:#2c548a;border-color:#b9c9df}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b192678;display:grid;place-items:center;z-index:20;padding:18px}.modal{background:#fff;color:#152333;width:min(100%,485px);border-radius:14px;box-shadow:0 28px 90px #05121c40;overflow:hidden}.modal header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid #e7ebef}.modal h2{font-size:20px}.modal-body{padding:22px 23px;font-size:14px}.modal-body>p{margin-bottom:16px}.modal-summary{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;background:#f5f8f6;border-radius:8px}.modal-summary strong{text-align:right}.muted{color:#7b8892;font-size:12px;line-height:1.6;margin-top:15px}.modal footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 23px;border-top:1px solid #e7ebef}.form-label{display:flex;flex-direction:column;gap:7px;font-weight:700;margin-bottom:15px}.form-label input,.form-label select,.form-label textarea{border:1px solid #ced8e2;border-radius:7px;padding:11px 12px;background:#fff;color:#152333}.form-label textarea{min-height:110px;resize:vertical}.toast{position:fixed;right:20px;bottom:20px;z-index:25;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:9px;background:#183c2e;color:#fff;box-shadow:0 14px 40px #0003;font-size:13px}.toast button{display:grid;place-items:center;margin-left:8px;color:#fff}@media(max-width:1200px){.collections-layout{grid-template-columns:minmax(0,1fr) 310px}.collections-main{padding:25px 16px}.detail-panel{padding:20px 15px}.collections-table-head{font-size:9px}.row-open{font-size:10px}.ledger-summary{padding:20px}.ledger-summary>div{padding:0 20px}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.units-layout{grid-template-columns:minmax(0,1fr) 280px}.unit-tile{min-height:95px}}@media(max-width:900px){.prototype-switcher{height:auto;min-height:55px;flex-wrap:wrap;padding:8px 12px}.switcher-tabs{overflow:auto;width:100%}.product-shell{height:auto;min-height:calc(100vh - 85px);grid-template-columns:66px minmax(0,1fr);overflow:visible}.sidebar{padding:12px 5px}.brand{padding:10px 7px 25px}.brand span,.nav-item span,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:12px 0}.page-top{padding:0 18px}.top-role{display:none}.ledger-main{padding:25px 20px}.ledger-heading{flex-wrap:wrap}.ledger-summary{grid-template-columns:1fr 1fr;gap:18px}.ledger-summary>div{border:0;padding:0}.ledger-summary>div:last-child{grid-column:1/3}.ledger-table{overflow:auto}.ledger-table-head,.ledger-row{min-width:850px}.collections-layout{grid-template-columns:1fr}.detail-panel{border-left:0;border-top:1px solid #e4eaf1}.collections-heading .primary-button{margin-top:10px}.units-layout{grid-template-columns:1fr}.unit-detail{max-width:100%}}@media(max-width:600px){.top-right>span:first-of-type,.top-property,.page-top>div:first-child small{display:none}.page-top{min-height:62px}.prototype-switcher>div:first-child span{display:none}.ledger h1,.collections h1,.units h1{font-size:26px}.ledger-heading,.units-heading,.collections-heading{display:block}.cta-stack{min-width:0;align-items:stretch;margin-top:18px}.ledger-summary{display:flex;flex-direction:column;align-items:stretch}.ledger-summary>div:last-child{grid-column:auto}.section-head{align-items:start;gap:12px}.section-head h2{font-size:16px}.section-head .text-button{font-size:11px}.ledger-callout{flex-wrap:wrap}.ledger-callout .outline-button{width:100%}.unit-metrics{grid-template-columns:1fr 1fr;gap:8px}.unit-metrics>div{padding:9px}.units-heading .primary-button{margin-top:16px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lease-alert{align-items:flex-start;flex-wrap:wrap}.collections-heading .primary-button{width:100%;margin:15px 0}.collections-table-head,.collections-row{min-width:700px}.collections-list,.collections-table-head{overflow:auto}.collections-toolbar{align-items:stretch}.search-tools{width:100%}.search-box{flex:1}.search-box input{width:100%}}.collections-table-head,.group-heading,.row-open,.selection-summary{font-size:12px}.group-heading span,.row-open small,.row-open .next-step{font-size:11px}.detail-title span:not(.overdue-badge),.detail-tabs button,.resident-facts,.invoice-breakdown,.fund-note,.contact-history div{font-size:12px}.contact-history small,.unit-detail-badge,.unit-detail-actions button{font-size:11px}.unit-metrics>div>span:nth-child(2),.unit-tile span:not(.unit-state-icon),.unit-detail dl{font-size:12px}.unit-tile small,.lease-alert span{font-size:10px}.unit-detail-actions button:disabled{opacity:.58}.ledger-main{padding-top:60px}.collections-row{min-height:90px}.group-heading{padding-top:11px;padding-bottom:11px}@media(max-width:600px){.ledger-main{padding-top:25px}.collections-table-head{display:none}.collections-list{overflow:visible}.collections-row{min-width:0;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:8px;margin-bottom:8px;padding:12px 10px;border:1px solid #e2e8f1;border-radius:8px}.collections-row input{margin-top:5px}.row-open{grid-template-columns:1fr 1fr;gap:7px 10px;font-size:12px}.row-open>span,.row-open>strong{overflow:visible;text-overflow:clip}.row-open strong{white-space:normal}.row-open>span:nth-child(2){grid-column:1/-1}.row-open .days{font-size:12px}.row-open .days:before{content:"ค้าง ";font-size:11px;color:#71819d}.row-open>strong:nth-child(4):before{content:"ยอด ";font-size:11px;color:#71819d;font-weight:500}.row-open>span:nth-child(5):before{content:"ติดต่อล่าสุด";display:block;font-size:10px;color:#71819d}.row-open>span:nth-child(6):before{content:"ขั้นตอนถัดไป";display:block;font-size:10px;color:#71819d}.group-heading{flex-wrap:wrap}}