:root{--bg: #F4F6FB;--surface: #FFFFFF;--border: #E4E8F0;--border2: #CDD3E0;--ink: #0F1728;--ink2: #3D4560;--ink3: #8891A8;--blue: #2563EB;--blue-lt: #EFF4FF;--blue-md: #BFCFFD;--green: #16A34A;--green-lt: #F0FDF4;--green-md: #BBF7D0;--amber: #D97706;--amber-lt: #FFFBEB;--amber-md: #FDE68A;--red: #DC2626;--red-lt: #FEF2F2;--red-md: #FECACA;--purple: #7C3AED;--purple-lt: #F5F3FF;--purple-md: #DDD6FE;--r: 16px;--r-sm: 10px;--font: "Plus Jakarta Sans", sans-serif;--sh: 0 1px 3px rgba(15,23,40,.06), 0 4px 12px rgba(15,23,40,.04);--sh-md: 0 4px 20px rgba(15,23,40,.1);--sh-lg: 0 8px 40px rgba(15,23,40,.14);--sidebar-w: 220px;--sidebar-w-icons: 64px;--ease-spring: cubic-bezier(.16, 1, .3, 1)}.dark{--bg: #0F1117;--surface: #1A1D27;--border: #2A2D3A;--border2: #3A3D4A;--ink: #F0F2F8;--ink2: #B0B8D0;--ink3: #6B7290;--blue-lt: #1a2340;--blue-md: #2a3a70;--green-lt: #0d2018;--green-md: #1a4030;--amber-lt: #2a1a00;--amber-md: #4a3000;--red-lt: #2a0d0d;--red-md: #4a1a1a;--purple-lt: #1a1030;--purple-md: #2a1a50;--sh: 0 1px 3px rgba(0,0,0,.3), 0 4px 12px rgba(0,0,0,.2);--sh-md: 0 4px 20px rgba(0,0,0,.4);--sh-lg: 0 8px 40px rgba(0,0,0,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s;height:100%;overscroll-behavior-y:none}@media (display-mode: standalone),(display-mode: fullscreen),(display-mode: window-controls-overlay){html,body{user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}}::-webkit-scrollbar{width:0}.app-layout{display:grid;grid-template-areas:"topbar" "content" "bottom-nav";grid-template-rows:auto 1fr auto;min-height:100dvh;position:relative}.app-sidebar{display:none}.app-bottom-nav{grid-area:bottom-nav;display:flex}.app-topbar{grid-area:topbar}.app-content{grid-area:content;overflow-y:auto;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}@media (min-width: 640px){.app-layout{grid-template-areas:"sidebar topbar" "sidebar content";grid-template-columns:var(--sidebar-w-icons) 1fr;grid-template-rows:auto 1fr}.app-sidebar{display:flex;grid-area:sidebar;width:var(--sidebar-w-icons)}.app-bottom-nav{display:none}.app-topbar{grid-area:topbar}.app-content{grid-area:content}.sidebar-item-label,.sidebar-brand-name{display:none}}@media (min-width: 1024px){.app-layout{grid-template-columns:var(--sidebar-w) 1fr}.app-sidebar{width:var(--sidebar-w)}.sidebar-item-label,.sidebar-brand-name{display:block}.app-content-inner{max-width:960px;margin:0 auto;padding:24px 32px 80px}}.app-sidebar{flex-direction:column;background:var(--surface);border-right:1px solid var(--border);height:100dvh;position:sticky;top:0;overflow-y:auto;overflow-x:hidden;z-index:100;transition:background .2s,width .2s;padding-top:env(safe-area-inset-top,0);padding-left:env(safe-area-inset-left,0);scrollbar-width:none}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#2563EB,#7C3AED);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #2563eb4d}.sidebar-brand-name{font-weight:800;font-size:18px;letter-spacing:-.4px;color:var(--ink)}.sidebar-items{flex:1;padding:10px 0;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);padding:14px 18px 4px}@media (max-width: 1023px){.sidebar-section-label{display:none}}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 6px;border-radius:10px;border:none;background:transparent;cursor:pointer;color:var(--ink3);font-family:var(--font);font-size:13px;font-weight:600;transition:background .14s,color .14s;position:relative;white-space:nowrap;width:calc(100% - 12px);text-align:left}.sidebar-item:hover,.sidebar-item.active{background:var(--blue-lt);color:var(--blue)}.sidebar-item-icon{width:22px;height:22px;flex-shrink:0;stroke:currentColor;stroke-width:2;fill:none}.sidebar-badge{position:absolute;top:6px;right:10px;min-width:18px;height:18px;background:var(--red);border-radius:9px;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--border);padding:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .14s}.sidebar-user:hover{background:var(--bg)}.sidebar-user-avatar{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;flex-shrink:0}.sidebar-user-name{font-size:13px;font-weight:700;color:var(--ink)}.sidebar-user-plan{font-size:11px;color:var(--ink3)}.app-bottom-nav{position:sticky;bottom:0;z-index:200;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);justify-content:space-around;padding:6px 0 env(safe-area-inset-bottom,8px);transition:background .2s}.bnav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;color:var(--ink3);font-family:var(--font);font-size:10px;font-weight:600;padding:5px 6px;border-radius:10px;transition:color .14s;min-width:52px;position:relative}.bnav-btn.active{color:var(--blue)}.bnav-btn.active-green{color:var(--green)}.bnav-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none}.bnav-badge{position:absolute;top:3px;right:4px;width:7px;height:7px;background:var(--red);border-radius:50%;border:2px solid var(--surface)}.app-topbar{position:sticky;top:0;z-index:150;min-height:56px;padding-top:env(safe-area-inset-top,0);padding-bottom:0;padding-left:max(18px,env(safe-area-inset-left,0));padding-right:max(18px,env(safe-area-inset-right,0));display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s}@media (min-width: 1024px){.app-topbar{display:none}.app-content-inner{padding-top:32px}}.page{padding:18px 18px 24px;display:flex;flex-direction:column;gap:18px}@media (min-width: 1024px){.page{padding:0}}.demo-banner{background:linear-gradient(135deg,#F59E0B,#D97706);padding:calc(10px + env(safe-area-inset-top,0)) 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.app-layout:has(.demo-banner) .app-topbar{padding-top:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(36px);opacity:0}to{transform:none;opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:15px 16px;box-shadow:var(--sh);position:relative;overflow:hidden;transition:background .2s}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0}.kpi.bl:after{background:var(--blue)}.kpi.gr:after{background:var(--green)}.kpi.am:after{background:var(--amber)}.kpi.re:after{background:var(--red)}.kpi.pu:after{background:var(--purple)}.kpi-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);margin-bottom:5px}.kpi-val{font-size:24px;font-weight:800;letter-spacing:-.8px;line-height:1}.kpi.bl .kpi-val{color:var(--blue)}.kpi.gr .kpi-val{color:var(--green)}.kpi.am .kpi-val{color:var(--amber)}.kpi.re .kpi-val{color:var(--red)}.kpi.pu .kpi-val{color:var(--purple)}.kpi-sub{font-size:11px;color:var(--ink3);margin-top:3px}.alert{display:flex;gap:11px;padding:13px 15px;border-radius:var(--r);border:1px solid;animation:fadeUp .2s ease}.alert.danger{background:var(--red-lt);border-color:var(--red-md)}.alert.warning{background:var(--amber-lt);border-color:var(--amber-md)}.alert.info{background:var(--blue-lt);border-color:var(--blue-md)}.alert.success{background:var(--green-lt);border-color:var(--green-md)}.alert-ico{font-size:18px;flex-shrink:0;margin-top:1px}.alert-title{font-size:13px;font-weight:700;color:var(--ink)}.alert-sub{font-size:12px;color:var(--ink2);margin-top:2px}.sec-head{display:flex;align-items:center;justify-content:space-between}.sec-title{font-size:16px;font-weight:800;letter-spacing:-.3px;color:var(--ink)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);transition:background .2s}.card-pad{padding:16px}.card-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink3);margin-bottom:12px}.bar-row{display:flex;align-items:center;gap:9px;margin-bottom:7px}.bar-lbl{width:40px;font-size:11px;color:var(--ink3);text-align:right;flex-shrink:0}.bar-track{flex:1;height:8px;background:var(--bg);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.16,1,.3,1)}.bar-val{width:64px;font-size:11px;font-weight:600;color:var(--ink2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;border-radius:10px;font-family:var(--font);font-weight:700;font-size:13px;transition:all .14s;white-space:nowrap}.btn:active{transform:scale(.96)}.btn-primary{background:var(--blue);color:#fff;padding:11px 20px;font-size:14px;box-shadow:0 2px 8px #2563eb47}.btn-primary:hover{background:#1D4ED8}.btn-success{background:var(--green);color:#fff;padding:9px 15px}.btn-success:hover{background:#15803D}.btn-danger{background:var(--red);color:#fff;padding:9px 15px}.btn-outline{background:var(--surface);color:var(--ink2);padding:9px 13px;border:1.5px solid var(--border2)}.btn-outline:hover{background:var(--bg)}.btn-ghost{background:transparent;color:var(--ink3);padding:9px 13px;border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--blue-lt);color:var(--blue);border-color:var(--blue-md)}.btn-full{width:100%;justify-content:center}.pill-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.pill-row::-webkit-scrollbar{display:none}.pill{padding:7px 14px;border-radius:20px;font-size:13px;font-weight:600;border:1.5px solid var(--border2);color:var(--ink3);background:var(--surface);cursor:pointer;white-space:nowrap;transition:all .14s}.pill.on{background:var(--blue);color:#fff;border-color:var(--blue)}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--border2) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:10px}.sk-line{height:14px;width:100%}.sk-line.short{width:60%}.sk-avatar{width:44px;height:44px;border-radius:11px;flex-shrink:0}.sk-row{display:flex;gap:12px;align-items:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,40,.5);z-index:300;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.sheet{background:var(--surface);width:100%;max-width:430px;border-radius:22px 22px 0 0;max-height:92dvh;overflow-y:auto;animation:slideUp .22s cubic-bezier(.16,1,.3,1);box-shadow:0 -6px 40px #0003;transition:background .2s}.sheet-drag{width:36px;height:4px;background:var(--border2);border-radius:2px;margin:12px auto 0}.sheet-hdr{padding:18px 22px 14px;border-bottom:1px solid var(--border)}.sheet-title{font-size:18px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}.sheet-sub{font-size:13px;color:var(--ink3);margin-top:3px}.sheet-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.field textarea{background:var(--bg);border:1.5px solid var(--border2);color:var(--ink);border-radius:10px;padding:12px 14px;font-size:15px;font-family:var(--font);transition:border-color .14s,box-shadow .14s,background .2s;-webkit-appearance:none}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.field textarea{resize:vertical;min-height:80px;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mopt{padding:13px 10px;border:2px solid var(--border2);border-radius:10px;cursor:pointer;text-align:center;transition:all .14s;font-weight:700;font-size:13px;color:var(--ink2);background:var(--bg);font-family:var(--font)}.mopt:hover,.mopt.on{border-color:var(--blue);background:var(--blue-lt);color:var(--blue)}.calc{background:var(--blue-lt);border:1.5px solid var(--blue-md);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.calc-lbl{font-size:12px;font-weight:700;color:var(--blue);margin-bottom:3px}.calc-val{font-size:22px;font-weight:800;color:var(--blue);letter-spacing:-.6px}.proof-upload{border:2px dashed var(--border2);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .14s;background:var(--bg);font-size:13px;color:var(--ink3)}.proof-upload:hover,.proof-upload.done{border-color:var(--green);background:var(--green-lt);color:var(--green)}.search-wrap{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--border2);border-radius:12px;padding:11px 14px}.search-wrap input{flex:1;border:none;background:transparent;font-family:var(--font);font-size:14px;color:var(--ink);outline:none}.search-wrap input::placeholder{color:var(--ink3)}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);border-radius:30px;padding:10px 20px;font-size:13px;font-weight:600;z-index:999;white-space:nowrap;animation:toastIn .2s ease;box-shadow:var(--sh-md)}.empty{text-align:center;padding:48px 24px;color:var(--ink3)}.empty-ico{font-size:44px;margin-bottom:12px}.empty-txt{font-size:14px;line-height:1.6}.del-btn{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--red-md);background:var(--red-lt);color:var(--red);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .14s;flex-shrink:0}.del-btn:hover{background:var(--red);color:#fff}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;background:var(--bg);max-width:430px;margin:0 auto;transition:background .2s}.login-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#2563EB,#1E40AF);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:28px;box-shadow:0 4px 20px #2563eb59;margin-bottom:20px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;width:100%;box-shadow:var(--sh-md)}.otp-boxes{display:flex;gap:10px;justify-content:center;margin:8px 0}.otp-box{width:48px;height:56px;border:2px solid var(--border2);border-radius:12px;font-size:24px;font-weight:800;text-align:center;background:var(--bg);color:var(--ink);font-family:var(--font)}.otp-box:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1a}.onboard-wrap{min-height:100dvh;display:flex;flex-direction:column;padding:24px;background:var(--bg);max-width:430px;margin:0 auto;transition:background .2s}.onboard-progress{display:flex;gap:6px;margin-bottom:32px}.onboard-dot{flex:1;height:4px;border-radius:2px;background:var(--border)}.onboard-dot.done{background:var(--blue)}.role-btn{width:100%;padding:16px;border:2px solid var(--border2);border-radius:14px;background:var(--surface);cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .14s;font-family:var(--font)}.role-btn:hover,.role-btn.on{border-color:var(--blue);background:var(--blue-lt)}.role-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px;font-weight:600;color:var(--ink)}.setting-sub{font-size:12px;color:var(--ink3);margin-top:2px}.toggle{width:44px;height:24px;border-radius:12px;background:var(--border2);border:none;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--blue)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(20px)}.lang-select{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.lang-opt{padding:10px 8px;border:2px solid var(--border2);border-radius:10px;text-align:center;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink2);background:var(--bg);transition:all .14s;font-family:var(--font)}.lang-opt.on{border-color:var(--blue);background:var(--blue-lt);color:var(--blue)}.chat-wrap{display:flex;flex-direction:column;gap:10px;min-height:160px}.cmsg{display:flex;flex-direction:column;max-width:80%}.cmsg.landlord{align-self:flex-end;align-items:flex-end}.cmsg.tenant{align-self:flex-start}.cbubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5}.cmsg.landlord .cbubble{background:var(--blue);color:#fff;border-radius:16px 16px 4px}.cmsg.tenant .cbubble{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:16px 16px 16px 4px}.ctime{font-size:10px;color:var(--ink3);margin-top:3px;padding:0 4px}.cinput-row{display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:1px solid var(--border)}.cinput{flex:1;background:var(--bg);border:1.5px solid var(--border2);color:var(--ink);border-radius:22px;padding:10px 16px;font-size:14px;font-family:var(--font);resize:none;line-height:1.4}.cinput:focus{outline:none;border-color:var(--blue)}.csend{width:42px;height:42px;border-radius:50%;background:var(--blue);border:none;cursor:pointer;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;animation:fadeUp .22s ease both;transition:background .2s}.tc-head{padding:15px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.tc-av{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#fff}.tc-info{flex:1;min-width:0}.tc-name{font-weight:700;font-size:15px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.tc-room{font-size:12px;color:var(--ink3);margin-top:2px}.badge{padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0;border:1px solid}.b-paid{background:var(--green-lt);color:var(--green);border-color:var(--green-md)}.b-due{background:var(--amber-lt);color:var(--amber);border-color:var(--amber-md)}.b-overdue{background:var(--red-lt);color:var(--red);border-color:var(--red-md)}.tc-amounts{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--border);gap:1px}.tc-amt{background:var(--bg);padding:11px 13px;transition:background .2s}.tc-amt-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink3);margin-bottom:3px}.tc-amt-val{font-size:16px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}.tc-amt-val.bl{color:var(--blue)}.tc-amt-val.am{color:var(--amber)}.tc-meter{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--bg);border-top:1px solid var(--border);transition:background .2s}.tc-m-block{display:flex;flex-direction:column;gap:1px}.tc-m-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--ink3)}.tc-m-val{font-size:14px;font-weight:700;color:var(--ink2)}.tc-m-arr{color:var(--border2);font-size:13px;flex-shrink:0}.tc-m-total{margin-left:auto;text-align:right}.tc-m-total-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--blue)}.tc-m-total-val{font-size:18px;font-weight:800;color:var(--blue);letter-spacing:-.5px}.tc-actions{display:flex;gap:7px;flex-wrap:wrap;padding:12px 16px;align-items:center}.tc-foot{font-size:11px;color:var(--ink3);padding:0 16px 12px}.maint-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;animation:fadeUp .22s ease both}.maint-head{padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.maint-ico{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.maint-body{padding:12px 16px;font-size:13px;color:var(--ink2);line-height:1.5}.maint-footer{padding:10px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}.ms{padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid}.ms-open{background:var(--amber-lt);color:var(--amber);border-color:var(--amber-md)}.ms-progress{background:var(--blue-lt);color:var(--blue);border-color:var(--blue-md)}.ms-done{background:var(--green-lt);color:var(--green);border-color:var(--green-md)}.ofw-card{background:linear-gradient(135deg,#1E40AF,#7C3AED);border-radius:var(--r);padding:18px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-md)}.ofw-card:before{content:"🌍";position:absolute;right:-10px;top:-10px;font-size:80px;opacity:.12}.ofw-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ofw-amt{background:rgba(255,255,255,.15);border-radius:10px;padding:12px 14px}.ofw-amt-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.75;margin-bottom:4px}.ofw-amt-val{font-size:20px;font-weight:800;letter-spacing:-.5px}.exp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;animation:fadeUp .22s ease both}.exp-head{padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.exp-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.roi-card{background:linear-gradient(135deg,#16A34A,#15803D);border-radius:var(--r);padding:18px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-md)}.roi-card:before{content:"💰";position:absolute;right:-10px;top:-10px;font-size:80px;opacity:.12}.roi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.roi-amt{background:rgba(255,255,255,.15);border-radius:10px;padding:10px 12px}.roi-amt-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.75;margin-bottom:4px}.roi-amt-val{font-size:18px;font-weight:800;letter-spacing:-.5px}.t-hero{background:linear-gradient(135deg,#16A34A,#15803D);padding:18px;border-radius:var(--r);color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-md)}.t-hero:before{content:"🏠";position:absolute;right:-10px;top:-10px;font-size:80px;opacity:.15}.t-hero-name{font-size:20px;font-weight:800;letter-spacing:-.4px}.t-hero-room{font-size:13px;opacity:.8;margin-top:3px}.t-hero-amounts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.t-hero-amt{background:rgba(255,255,255,.15);border-radius:10px;padding:10px 12px}.t-hero-amt-lbl{font-size:9px;font-weight:700;text-transform:uppercase;opacity:.75;margin-bottom:3px}.t-hero-amt-val{font-size:17px;font-weight:800;letter-spacing:-.4px}.t-pay-btn{width:100%;padding:14px;border:none;border-radius:12px;font-family:var(--font);font-weight:800;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .14s}.t-pay-btn:active{transform:scale(.97)}.t-pay-gcash{background:#0070C0;color:#fff;box-shadow:0 3px 10px #0070c04d}.t-pay-maya{background:#00C27C;color:#fff;box-shadow:0 3px 10px #00c27c4d}.t-pay-cash{background:var(--amber);color:#fff;box-shadow:0 3px 10px #d977064d}.t-history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.t-history-row:last-child{border-bottom:none}.t-progress-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:6px}.t-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),#22d3ee)}.t-maint-btn{width:100%;padding:12px;background:var(--bg);border:1.5px solid var(--border2);border-radius:12px;font-family:var(--font);font-weight:700;font-size:14px;color:var(--ink2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .14s}.t-maint-btn:hover{border-color:var(--blue);background:var(--blue-lt);color:var(--blue)}