.receipt{width:630px;box-sizing:border-box;background:#fff;color:#000;border:1px solid #1f3864;padding:18px 28px 12px 22px;font-family:Calibri,Carlito,Segoe UI,Arial,sans-serif;font-size:17.5px;line-height:1.22}.receipt *{box-sizing:border-box}.receipt b{font-weight:700}.r-head{display:flex;justify-content:space-between;align-items:flex-start}.r-owner h1{margin:0 0 6px;font-size:29px;font-weight:700;letter-spacing:.2px}.r-owner p{margin:0 0 3px}.r-logo{width:100px;height:93px;object-fit:cover;margin-top:13px}.r-billrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;margin-top:18px}.r-month{font-weight:700;text-align:center}.r-gen{text-align:right;font-size:16px}.r-gen b{font-size:15.5px}.r-tenantbox{display:flex;border:1px solid #1f3864;margin-top:20px;padding:6px 14px}.r-tcol{display:flex;flex-direction:column;gap:4px}.r-shop{width:120px;border-right:1px solid #000;margin:2px 0}.r-tenant{padding-left:40px}.r-title{font-weight:700;margin:22px 0 8px}.r-table+.r-title{margin-top:6px}.r-row{display:grid;grid-template-columns:115px 1fr 124px;align-items:center}.r-row>div{padding:2px 10px;position:relative;white-space:nowrap}.r-row>div:first-child{padding-left:12px}.r-row>.sep:before{content:"";position:absolute;left:0;top:50%;height:18px;transform:translateY(-50%);border-left:1px solid #000}.r-header{border:1px solid #1f3864;font-weight:700;min-height:25px}.r-line{margin:0 2px;border-bottom:1px solid #404040;min-height:29px;padding-top:3px}.r-line>div:first-child{padding-left:10px}.r-total{min-height:28px;margin:0 2px}.r-row .c{text-align:center}.r-row .r{text-align:right}.r-row .b{font-weight:700}.r-row .small{font-size:15px}.r-sign{display:flex;justify-content:flex-end;margin-top:10px}.r-sign img{width:128px;height:41px;object-fit:cover}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f3864,#152442);padding:16px;box-sizing:border-box}.login-card{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;padding:32px 28px;box-sizing:border-box}.login-header{text-align:center;margin-bottom:24px}.login-logo{width:72px;height:72px;object-fit:cover;border-radius:8px;margin-bottom:12px;box-shadow:0 2px 8px #0000001f}.login-header h2{margin:0 0 6px;font-size:22px;color:#1f3864;letter-spacing:.5px}.login-subtitle{margin:0;font-size:13px;color:#667085}.login-error{background:#fdecea;color:#c0392b;padding:10px 12px;border-radius:6px;font-size:13.5px;margin-bottom:18px;border-left:4px solid #c0392b}.login-form{display:flex;flex-direction:column;gap:16px}.login-label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#344054;text-align:left}.login-label input{height:42px;padding:0 12px;font-size:15px;border:1px solid #d0d5dd;border-radius:6px;outline:none;background:#fff;color:#101828;box-sizing:border-box}.login-label input:focus{border-color:#1f3864;box-shadow:0 0 0 3px #1f386426}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{width:100%;padding-right:44px}.pwd-toggle{position:absolute;right:6px;background:transparent;border:none;cursor:pointer;padding:6px 8px;font-size:16px;min-height:auto;line-height:1}.pwd-toggle:hover{background:transparent;opacity:.8}.login-remember{display:flex;justify-content:flex-start;align-items:center}.remember-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#475467;-webkit-user-select:none;user-select:none}.remember-checkbox input{width:16px;height:16px;margin:0;cursor:pointer}.login-submit{height:44px;background:#1f3864;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px;transition:background .15s ease}.login-submit:hover{background:#2b4a80}.login-submit:disabled{opacity:.7;cursor:wait}.login-footer{text-align:center;font-size:11.5px;color:#98a2b3;margin-top:24px;padding-top:16px;border-top:1px solid #f2f4f7}@media (max-width: 480px){.login-card{padding:24px 20px}}:root{--primary: #1f3864;--primary-hover: #2b4a80;--primary-soft: #f4f7fc;--bg: #eef1f6;--surface: #ffffff;--text: #1d2433;--text-soft: #4a5468;--muted: #8a93a6;--border: #c9d0dc;--danger: #c0392b;--danger-soft: #fdecea;--success: #1e7a46;--success-soft: #e8f6ee;--whatsapp: #1fa855;--whatsapp-hover: #178c46;--radius: 10px;--radius-sm: 6px;--page-pad: clamp(10px, 2.5vw, 24px);--card-pad: clamp(14px, 2.2vw, 20px);--gap: clamp(8px, 1.5vw, 14px);--fs-base: clamp(14px, .9rem + .1vw, 15px);--fs-small: clamp(12px, .75rem + .1vw, 13px);--fs-h1: clamp(17px, 1rem + .6vw, 21px);--fs-h2: clamp(16px, .95rem + .3vw, 18px);--control-h: 38px;--mobile-bar-h: 0px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:var(--fs-base);background:var(--bg);color:var(--text);padding-bottom:var(--mobile-bar-h)}button{font:inherit;font-size:var(--fs-base);min-height:var(--control-h);padding:6px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;touch-action:manipulation}button:hover{background:#f3f5f9}button:disabled{opacity:.6;cursor:wait}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover)}button.danger{color:var(--danger)}button.danger:hover{background:var(--danger-soft)}button.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--whatsapp);border-color:var(--whatsapp);color:#fff}button.whatsapp:hover{background:var(--whatsapp-hover)}.wa-icon{flex:0 0 auto}input,select{font:inherit;font-size:var(--fs-base);min-height:var(--control-h);padding:6px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;min-width:0}input[type=date]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{outline:2px solid #9db4dd;border-color:var(--primary)}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px var(--page-pad);background:var(--primary);color:#fff}.topbar h1{margin:0;font-size:var(--fs-h1)}.topbar nav{display:flex;gap:6px}.topbar nav button{background:transparent;color:#dfe6f3;border-color:#4a6596}.topbar nav button.active{background:#fff;color:var(--primary)}.layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,650px);gap:calc(var(--gap) + 6px);padding:var(--page-pad);align-items:start;max-width:1500px;margin:0 auto}.single{padding:var(--page-pad);max-width:1000px;margin:0 auto}.card{background:var(--surface);border-radius:var(--radius);padding:var(--card-pad);box-shadow:0 1px 3px #00000014;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.card h2{margin:0;font-size:var(--fs-h2)}.card h3{margin:18px 0 8px;font-size:var(--fs-base);color:var(--primary)}.form label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-small);font-weight:600;color:var(--text-soft);min-width:0}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--gap);margin-top:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-top:10px}.inline{display:flex;gap:6px;min-width:0}.inline>input,.inline>select{flex:1}.muted{color:var(--muted);font-weight:400}.calc{margin-top:8px;padding:8px 10px;background:var(--primary-soft);border-radius:var(--radius-sm);font-size:var(--fs-base)}.warn{color:var(--danger);display:inline-block}.pay-row{display:grid;grid-template-columns:22px 110px minmax(0,1fr) minmax(0,1fr) 42px;grid-template-areas:"num mode date amt del";gap:8px;align-items:center;margin-bottom:8px}.pay-num{grid-area:num}.pay-mode{grid-area:mode}.pay-date{grid-area:date}.pay-amt{grid-area:amt}.pay-del{grid-area:del;padding:0}.summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:14px;border-top:1px dashed #d4d9e3;font-size:var(--fs-small)}.summary div{background:var(--primary-soft);padding:6px 10px;border-radius:var(--radius-sm)}.summary .due{background:var(--danger-soft);color:#a52a1f}.summary .clear{background:var(--success-soft);color:var(--success)}.preview{position:sticky;top:16px;min-width:0;scroll-margin-top:12px}.preview-actions{display:flex;align-items:center;gap:8px;margin-bottom:12px}.preview-title{margin:0 auto 0 0;font-size:var(--fs-h2);color:var(--text-soft)}.fit-outer{width:100%;overflow:hidden}.fit-inner{transform-origin:top left;box-shadow:0 2px 10px #0000001f}.mobile-bar{display:none}.hint{font-size:var(--fs-small);color:#8a6d1f;background:#fff8e6;padding:8px 10px;border-radius:var(--radius-sm)}.hint.ok{color:var(--success);background:var(--success-soft)}.tenant-table{width:100%;border-collapse:collapse;font-size:var(--fs-base);margin-top:10px}.tenant-table th,.tenant-table td{padding:8px;border-bottom:1px solid #e6e9ef;text-align:left}.tenant-table th{background:var(--primary-soft);font-size:var(--fs-small);color:var(--text-soft)}.tenant-table .actions{display:flex;gap:6px;justify-content:flex-end}.tenant-table .t-phone{font-size:var(--fs-small);margin-top:2px}.add-tenant{display:grid;grid-template-columns:80px minmax(0,2fr) minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;gap:8px}@media (max-width: 1100px){:root{--mobile-bar-h: 68px}.layout{grid-template-columns:minmax(0,1fr);max-width:760px}.preview{position:static}.mobile-bar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px var(--page-pad);padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -2px 10px #0000001a}.mb-balance{display:flex;flex-direction:column;margin-right:auto;line-height:1.15;font-size:var(--fs-small)}.mb-balance b{font-size:17px}.mb-balance.due b{color:var(--danger)}.mb-balance.clear b{color:var(--success)}.add-tenant{grid-template-columns:repeat(2,minmax(0,1fr))}.add-tenant .at-name,.add-tenant .at-phone,.add-tenant button{grid-column:span 2}}@media (max-width: 640px){:root{--control-h: 44px}input,select,button{font-size:16px}.topbar{flex-direction:column;align-items:stretch;text-align:center;padding-block:10px}.topbar nav button{flex:1;padding-inline:6px}.card{border-radius:8px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.el-new{order:1}.el-old{order:2}.el-date{order:3;grid-column:span 2}.pay-row{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"num mode amt  del" "num date date date";padding:8px;background:var(--primary-soft);border-radius:8px}.pay-row>.pay-num{align-self:start;padding-top:12px}.form>button{width:100%}.summary{display:grid;grid-template-columns:1fr 1fr}.summary div{display:flex;justify-content:space-between;gap:6px}.summary div:last-child{grid-column:span 2}.preview-actions .primary,.preview-actions .whatsapp,.tenant-table thead{display:none}.tenant-table,.tenant-table tbody,.tenant-table tr,.tenant-table td{display:block;width:100%}.tenant-table tr{border:1px solid #e1e5ec;border-radius:8px;padding:6px 10px;margin-bottom:10px}.tenant-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:none;padding:6px 0}.tenant-table td[data-label]:before{content:attr(data-label);flex:0 0 auto;font-size:var(--fs-small);font-weight:600;color:var(--muted)}.tenant-table tr.editing td[data-label]{flex-direction:column;align-items:stretch;gap:4px}.tenant-table td.t-name{font-weight:600}.tenant-table .actions{padding-top:8px;border-top:1px solid #eef0f4}.tenant-table .actions button{flex:1}.tenant-table tr.empty td{justify-content:center}.add-tenant{grid-template-columns:minmax(0,1fr)}.add-tenant .at-name,.add-tenant .at-phone,.add-tenant button{grid-column:auto}.mobile-bar{gap:6px}.mobile-bar button{padding-inline:10px}.mb-preview .btn-label{display:none}}@media (max-width: 400px){.mb-download .btn-label{display:none}}.topbar nav .btn-logout{background:#ffffff1f;border-color:#ffffff40;color:#fff;margin-left:6px}.topbar nav .btn-logout:hover{background:#ffffff40}.section-head-inline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.section-head-inline h3{margin:0}.toggle-checkbox-label{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-small);font-weight:600;cursor:pointer;background:var(--primary-soft);padding:5px 10px;border-radius:var(--radius-sm);color:var(--primary);-webkit-user-select:none;user-select:none}.toggle-checkbox-label input{width:16px;height:16px;min-height:auto;margin:0;cursor:pointer}.elec-disabled-notice{background:#f8f9fa;border:1px dashed var(--border);color:var(--muted);font-size:var(--fs-small);padding:8px 12px;border-radius:var(--radius-sm);margin-top:8px}.grid3.is-disabled{opacity:.55;pointer-events:none}.grid3.is-disabled input{background:#f0f2f5;cursor:not-allowed}.badge-no-elec{display:inline-block;background:#f0f2f5;color:var(--muted);padding:3px 8px;border-radius:4px;font-size:12px;font-weight:600}.checkbox-mini{display:inline-flex;align-items:center;gap:5px;font-size:12px;cursor:pointer;color:var(--text-soft);margin-bottom:4px}.checkbox-mini input{width:14px;height:14px;min-height:auto;margin:0}.at-elec-wrap{display:flex;flex-direction:column;gap:2px}