:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8fafc;--panel:#fff;--panel-muted:#f1f5f9;--text:#111827;--muted:#64748b;--line:#e2e8f0;--teal:#0f766e;--teal-soft:#ccfbf1;--blue:#2563eb;--blue-soft:#dbeafe;--amber:#d97706;--amber-soft:#fef3c7;--red:#dc2626;--red-soft:#fee2e2;--green:#16a34a;--green-soft:#dcfce7;--shadow:0 14px 36px #0f172a14;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-width:0;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;transition:grid-template-columns .18s;display:grid}.app-shell.sidebar-collapsed{grid-template-columns:0 1fr}.sidebar-backdrop{display:none}.sidebar{border-right:1px solid var(--line);background:#fff;height:100vh;padding:22px 16px;transition:padding .18s,border-color .18s,transform .18s;position:sticky;top:0;overflow:hidden}.app-shell.sidebar-collapsed .sidebar{border-right-color:#0000;padding-left:0;padding-right:0;transform:translate(-100%)}.brand,.topbar,.toolbar,.list-card,.compact-row,.payment-head,.panel-title,.citizen-top,.officer-head{align-items:center;display:flex}.brand{gap:12px;margin-bottom:24px}.brand-mark{background:var(--teal);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span,.section-kicker,.panel-title span,.list-card span,.compact-row span,.payment-head span,.bill-mini small,.amount-stack small,.report-tile small,.setting-row span,.citizen-copy,.bill-summary small{color:var(--muted)}.nav-list{gap:6px;display:grid}.nav-item,.bottom-item,.ghost-button,.secondary-button,.primary-button,.accept-button,.reject-button,.report-tile,.upload-drop,.icon-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.nav-item{color:#475569;background:0 0;justify-content:flex-start;width:100%;padding:11px 12px;font-size:14px}.nav-item.active,.nav-item:hover{background:var(--teal-soft);color:#115e59;font-weight:700}.content{min-width:0;padding:18px 24px 40px}.topbar{gap:12px;margin-bottom:22px}.search-box,.input-shell{border:1px solid var(--line);min-width:0;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:8px;display:flex}.search-box{flex:1;min-height:42px;padding:0 12px}.topbar select,.citizen-top select{border:1px solid var(--line);height:42px;color:var(--text);background:#fff;border-radius:8px;padding:0 10px}.user-chip{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;min-width:156px;min-height:42px;padding:5px 10px;display:grid}.user-chip strong,.user-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip strong{color:#334155;font-size:12px;line-height:1.25}.user-chip span{color:var(--muted);font-size:11px;font-weight:750;line-height:1.25}.icon-button{border:1px solid var(--line);color:#334155;background:#fff;width:42px;height:42px;position:relative}.notification-trigger>span{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:850;display:grid;position:absolute;top:-6px;right:-6px}.notification-menu{z-index:55;border:1px solid var(--line);width:min(420px,100vw - 28px);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:12px;padding:14px;display:grid;position:absolute;top:70px;right:72px}.notification-head,.notification-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-head strong,.notification-head span,.notification-footer span{display:block}.notification-head span,.notification-footer span{color:var(--muted);font-size:12px;font-weight:750}.notification-list{gap:8px;max-height:440px;display:grid;overflow-y:auto}.notification-item{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.notification-item.unread{background:#f0fdfa;border-color:#5eead4}.notification-item strong,.notification-item span,.notification-item small{display:block}.notification-link{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.notification-link span{color:#475569;margin-top:4px;font-size:12px;line-height:1.45}.notification-link small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:750}.notification-link:hover strong{color:#0f766e}.tiny-button{min-height:32px;padding:0 10px;font-size:12px}.inline-spinner{justify-content:center;align-items:center;gap:8px;display:inline-flex}.inline-spinner svg,.spin-icon{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:60;border:1px solid var(--line);width:min(420px,100vw - 32px);box-shadow:var(--shadow);color:#334155;background:#fff;border-left-width:4px;border-radius:8px;align-items:center;gap:12px;padding:12px 12px 12px 14px;font-size:13px;font-weight:750;display:flex;position:fixed;top:18px;right:24px}.toast span{flex:1}.toast button{color:#64748b;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.toast-success{border-left-color:var(--green)}.toast-error{border-left-color:var(--red)}.toast-info{border-left-color:var(--blue)}.toolbar{justify-content:space-between;gap:18px;margin-bottom:20px}.section-kicker{margin:0 0 4px;font-size:13px;font-weight:700}.api-pill{border-radius:999px;align-items:center;margin-left:8px;padding:3px 8px;font-size:11px;font-weight:850;display:inline-flex}.api-pill.connected{background:var(--green-soft);color:#166534}.api-pill.loading{background:var(--blue-soft);color:#1d4ed8}.api-pill.offline{background:var(--amber-soft);color:#92400e}h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.12}h2{margin:0;font-size:17px;line-height:1.2}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.ghost-button,.secondary-button,.primary-button{min-height:40px;padding:0 13px;font-size:13px;font-weight:750}.ghost-button{border:1px solid var(--line);color:#334155;background:#fff}.secondary-button{color:#075985;background:#e0f2fe}.primary-button{background:var(--teal);color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.55}.ghost-button.danger{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.screen-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;display:grid}.kpi-grid{grid-column:1/-1;grid-template-columns:repeat(6,minmax(142px,1fr));gap:12px;display:grid}.kpi-card,.panel,.payment-detail,.citizen-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.kpi-card{padding:14px}.kpi-card span,.bill-mini small,.amount-stack small{font-size:12px;font-weight:650;display:block}.kpi-card strong{margin-top:9px;font-size:18px;line-height:1.2;display:block}.kpi-icon{border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:12px;display:grid}.teal .kpi-icon,.kpi-card.teal{background:var(--teal-soft);color:#115e59}.blue .kpi-icon,.kpi-card.blue{background:var(--blue-soft);color:#1d4ed8}.amber .kpi-icon,.kpi-card.amber{background:var(--amber-soft);color:#92400e}.red .kpi-icon,.kpi-card.red{background:var(--red-soft);color:#991b1b}.green .kpi-icon,.kpi-card.green{background:var(--green-soft);color:#166534}.slate .kpi-icon,.kpi-card.slate{color:#334155;background:#e2e8f0}.panel{min-width:0;padding:16px}.large-panel,.wide{grid-column:span 1}.panel-title{justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title span{font-size:12px;font-weight:750}.payment-list,.card-list,.stack-list,.timeline{gap:10px;display:grid}.list-card,.compact-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;gap:14px;padding:12px}.selected-card{background:#f0fdfa;border-color:#14b8a6}.list-card>div:first-child,.compact-row>div:first-child,.payment-head>div:first-child{min-width:0}.list-card strong,.compact-row strong,.payment-head strong{font-size:14px;line-height:1.35;display:block}.list-card span,.compact-row span,.payment-head span{margin-top:3px;font-size:12px;line-height:1.35;display:block}.row-actions{flex-shrink:0;gap:8px;display:flex}.accept-button,.reject-button{min-height:34px;padding:0 10px;font-size:12px;font-weight:800}.accept-button{background:var(--green-soft);color:#166534}.reject-button{background:var(--red-soft);color:#991b1b}.danger-row{background:#fff7ed}.timeline-item{grid-template-columns:14px 1fr;gap:10px;display:grid}.timeline-item>span{background:var(--teal);border-radius:50%;width:9px;height:9px;margin-top:5px}.timeline-item p{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.45}.bill-strip,.report-grid,.allocation-grid,.import-stats{gap:10px;display:grid}.bill-strip{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.bill-mini{border:1px solid var(--line);border-radius:8px;padding:11px}.status,.soft-badge{border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.status.lunas,.status.diterima,.status.valid,.status.sent{background:var(--green-soft);color:#166534}.status.menunggu-verifikasi,.status.duplikat,.status.warning,.status.queued,.status.sending{background:var(--amber-soft);color:#92400e}.status.belum-bayar,.status.sebagian-dibayar,.status.skipped,.status.ipl{background:var(--blue-soft);color:#1d4ed8}.status.pemasukan-lain{background:var(--green-soft);color:#166534}.status.menunggak,.status.ditolak,.status.sanksi-aktif,.status.failed,.status.error,.status.pengeluaran{background:var(--red-soft);color:#991b1b}.soft-badge{background:var(--panel-muted);color:#334155}.list-header{grid-template-columns:1fr minmax(220px,320px);align-items:start;gap:12px;display:grid}.input-shell{padding:0 10px}.input-shell input,.citizen-card input{background:0 0;border:0;outline:0;width:100%;min-height:40px}.master-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px;display:grid}.inline-form{border:1px solid var(--line);background:#f8fafc;border-radius:8px;gap:9px;padding:12px;display:grid}.inline-form h3{margin:0;font-size:14px;line-height:1.25}.inline-form input,.inline-form select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:8px;padding:0 10px;font-size:13px}.form-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form-message{color:#155e75;background:#ecfeff;border-radius:8px;margin:-4px 0 14px;padding:10px 12px;font-size:13px;font-weight:750}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px 10px;font-size:13px}th{color:#475569;text-transform:uppercase;font-size:12px}.resident-desktop-table table,.billing-desktop-table table,.payment-desktop-table table,.cash-desktop-table table,.sanction-desktop-table table{border:1px solid var(--line);border-collapse:collapse;background:#fff}.resident-desktop-table th,.resident-desktop-table td,.billing-desktop-table th,.billing-desktop-table td,.payment-desktop-table th,.payment-desktop-table td,.cash-desktop-table th,.cash-desktop-table td,.sanction-desktop-table th,.sanction-desktop-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 16px}.resident-desktop-table th,.billing-desktop-table th,.payment-desktop-table th,.cash-desktop-table th,.sanction-desktop-table th{color:#334155;background:#f8fafc;font-weight:850}.resident-desktop-table th:last-child,.resident-desktop-table td:last-child,.billing-desktop-table th:last-child,.billing-desktop-table td:last-child,.payment-desktop-table th:last-child,.payment-desktop-table td:last-child,.cash-desktop-table th:last-child,.cash-desktop-table td:last-child,.sanction-desktop-table th:last-child,.sanction-desktop-table td:last-child{border-right:0}.import-preview{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.import-preview .full-width{margin-bottom:10px}.file-picker{color:#115e59;cursor:pointer;background:#f0fdfa;border:1px dashed #14b8a6;border-radius:8px;align-items:center;gap:8px;width:100%;max-width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:800;display:flex}.file-picker input{display:none}.import-help{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.5}.import-help code{background:var(--panel-muted);color:#334155;border-radius:5px;padding:2px 5px}.import-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.import-stats span{background:var(--panel-muted);color:#334155;border-radius:8px;padding:10px;font-size:12px;font-weight:800}.bill-card{align-items:flex-start}.amount-stack{text-align:right;justify-items:end;gap:2px;display:grid}.payment-detail{padding:14px}.payment-head{justify-content:space-between;gap:14px;margin-bottom:12px}.allocation-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:12px}.allocation-chip{background:var(--panel-muted);color:#334155;border-radius:8px;padding:9px 10px;font-size:12px;font-weight:750}.allocation-chip.credit{background:var(--green-soft);color:#166534}.allocation-chip.muted{color:var(--muted)}.proof-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-top:12px;display:flex}.proof-row>span:first-child{overflow-wrap:anywhere;color:#334155;min-width:0;font-size:12px;font-weight:750}.export-button{margin-top:14px}.cash-kpis{grid-template-columns:repeat(3,minmax(180px,1fr))}.positive{color:var(--green)}.negative{color:var(--red)}.report-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.report-tile{border:1px solid var(--line);text-align:left;background:#fff;flex-direction:column;align-items:flex-start;min-height:126px;padding:14px}.report-tile span{font-weight:800}.summary-band{background:#ecfeff;border-radius:8px;margin-top:14px;padding:14px}.summary-band span{color:#155e75;margin-top:3px;display:block}.settings-grid{gap:10px;display:grid}.superadmin-layout{grid-template-columns:minmax(340px,.95fr) minmax(520px,1.05fr);align-items:start;gap:16px;display:grid}.tenant-list-panel,.tenant-workspace{min-height:560px}.tenant-list-panel{align-content:start;gap:14px;display:grid}.tenant-list-panel .list-card{cursor:pointer}.tenant-create-inline{border-top:1px solid var(--line);gap:9px;padding-top:14px;display:grid}.tenant-create-toggle{color:#115e59;background:#f0fdfa;border:1px dashed #14b8a6;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 12px;font-size:13px;font-weight:850;display:flex}.tenant-create-toggle span{align-items:center;gap:8px;display:inline-flex}.tenant-create-toggle.active{background:#ccfbf1;border-style:solid}.tenant-create-form{gap:9px;display:grid}.tenant-create-form input,.tenant-create-form select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:38px;padding:0 10px;font-size:13px}.master-detail-layout{grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr);align-items:start;gap:16px;display:grid}.master-list-panel,.detail-panel{align-content:start;gap:14px;min-height:560px;display:grid}.master-list-panel .list-card{cursor:pointer}.detail-panel .tenant-users-list{max-height:none}.resident-extra-row{grid-template-columns:minmax(0,1fr) minmax(130px,.45fr) auto}.block-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini-list,.reminder-history{gap:8px;display:grid}.reminder-filter-grid{grid-template-columns:minmax(140px,.45fr) minmax(140px,.45fr) minmax(260px,1fr) auto;align-items:end;gap:10px;display:grid}.reminder-filter-grid label,.cash-filter-grid label,.cash-entry-form label{gap:7px;display:grid}.reminder-filter-grid span,.cash-filter-grid span,.cash-entry-form span{color:var(--muted);font-size:12px;font-weight:800}.reminder-filter-grid select,.cash-filter-grid select,.cash-filter-grid input,.cash-entry-form select,.cash-entry-form input{border:1px solid var(--line);color:#334155;background:#fff;border-radius:8px;width:100%;min-height:42px;padding:0 12px;font-weight:750}.reminder-history small{margin-top:4px;display:block}.empty-state{border:1px dashed var(--line);min-height:220px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;font-size:13px;font-weight:750;display:grid}.empty-state.compact{min-height:86px}.pagination{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding-top:10px;display:grid}.pagination span{color:var(--muted);text-align:center;font-size:12px;font-weight:800}.pagination button:disabled{cursor:not-allowed;opacity:.5}.resident-page{gap:16px;display:grid}.resident-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.resident-summary-grid .kpi-card small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:650;display:block}.resident-filter-panel,.resident-table-panel{gap:14px;display:grid}.resident-filter-grid{grid-template-columns:minmax(260px,1fr) minmax(130px,.22fr) minmax(150px,.24fr);gap:10px;display:grid}.resident-filter-grid select{border:1px solid var(--line);color:#334155;background:#fff;border-radius:8px;min-height:42px;padding:0 12px;font-weight:750}.resident-desktop-table table{min-width:760px}.resident-desktop-table td{vertical-align:middle}.resident-desktop-table th:last-child,.resident-desktop-table td:last-child{text-align:right}.amount-danger{color:#b91c1c;font-weight:850}.amount-ok{color:#0f766e;font-weight:850}.resident-card-list{display:none}.resident-mobile-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.resident-mobile-card strong,.resident-mobile-card span{display:block}.resident-mobile-card>.ghost-button{width:100%}.table-footer-actions{justify-content:flex-start;display:flex}.drawer-backdrop{z-index:50;background:#0f172a52;justify-content:flex-end;display:none;position:fixed;inset:0}.drawer-backdrop.active{display:flex}.detail-drawer{border-left:1px solid var(--line);background:#fff;align-content:start;gap:14px;width:min(560px,100vw);height:100vh;padding:18px;display:grid;overflow-y:auto;box-shadow:-18px 0 38px #0f172a29}.import-drawer{width:min(520px,100vw)}.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.compact-summary{background:#f8fafc}.billing-page,.arrears-page{gap:16px;display:grid}.billing-filter-panel,.billing-table-panel{gap:14px;display:grid}.export-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.billing-filter-grid{grid-template-columns:minmax(150px,.8fr) minmax(140px,.7fr) minmax(130px,.7fr) minmax(220px,1.4fr) auto;align-items:end;gap:12px;display:grid}.billing-filter-grid label{gap:7px;display:grid}.billing-filter-grid label>span{color:var(--muted);font-size:12px;font-weight:800}.billing-filter-grid select{border:1px solid var(--line);color:#334155;background:#fff;border-radius:8px;width:100%;min-height:42px;padding:0 12px;font-weight:750}.billing-desktop-table table{min-width:880px}.billing-desktop-table td{vertical-align:middle}.due-chip{color:#dc2626;background:#fee2e2;border-radius:6px;width:fit-content;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-flex}.billing-card-list{display:none}.billing-mobile-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(110px,.8fr) minmax(110px,.8fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.billing-mobile-card span,.billing-mobile-card small{color:var(--muted);font-size:12px;display:block}.billing-mobile-card strong{display:block}.billing-mobile-index{background:var(--green-soft);color:#0f766e;border-radius:999px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:850;display:grid}.payment-page,.cash-page{gap:16px;display:grid}.cash-form-panel{gap:22px;padding:24px;display:grid}.cash-kpi-card{align-items:center;gap:14px;display:flex}.cash-kpi-card .kpi-icon{flex-shrink:0;width:56px;height:56px}.cash-entry-form{grid-template-columns:minmax(190px,.9fr) minmax(220px,1fr) minmax(260px,1.1fr) minmax(180px,.8fr);align-items:end;gap:14px 18px;display:grid}.cash-description-field{grid-column:span 3;min-width:0}.cash-form-actions{justify-content:flex-end;gap:8px;display:flex}.cash-form-actions .primary-button,.cash-form-actions .ghost-button{white-space:nowrap;min-height:42px}.cash-filter-grid{grid-template-columns:minmax(170px,.45fr) minmax(280px,1fr) minmax(150px,.45fr) minmax(150px,.45fr) auto;align-items:end;gap:14px;margin-bottom:16px;display:grid}.cash-ledger-panel{gap:12px;display:grid}.cash-desktop-table table{min-width:980px}.cash-desktop-table th,.cash-desktop-table td{border:1px solid var(--line);vertical-align:middle;border-left:0}.cash-desktop-table th:first-child,.cash-desktop-table td:first-child{border-left:1px solid var(--line)}.cash-desktop-table th{background:#f8fafc}.cash-desktop-table th:nth-child(5),.cash-desktop-table td:nth-child(5){text-align:right}.cash-desktop-table th:last-child,.cash-desktop-table td:last-child{text-align:center;width:116px}.icon-action-row{justify-content:center;gap:8px;display:flex}.icon-mini-button{border:1px solid var(--line);color:#475569;cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:32px;height:32px;display:inline-grid}.icon-mini-button.danger{color:#dc2626;border-color:#fecaca}.icon-mini-button.success{color:#047857;border-color:#bbf7d0}.icon-mini-button:disabled{cursor:not-allowed;opacity:.45}.cash-card-list{display:none}.cash-mobile-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.cash-ledger-footer{grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;padding-top:12px;display:grid}.cash-ledger-footer>span{color:var(--muted);font-size:13px;font-weight:700}.summary-band.compact-summary{margin:0;padding:10px 12px}.compact-pagination{border-top:0;grid-template-columns:auto auto auto;min-width:150px;padding-top:0}.payment-desktop-table table{min-width:920px}.payment-desktop-table td{vertical-align:middle}.payment-desktop-table td span,.payment-desktop-table td small{color:var(--muted);font-size:12px}.table-action-stack{justify-items:stretch;gap:6px;min-width:96px;display:grid}.payment-card-list,.sanction-mobile-list{display:none}.payment-mobile-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.payment-mobile-card strong,.payment-mobile-card span{display:block}.tenant-workspace{align-content:start;gap:14px;display:grid}.tenant-summary{border:1px solid var(--line);background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.tenant-summary h2{margin-bottom:4px;font-size:20px}.tenant-summary span{color:var(--muted);font-size:13px}.tenant-summary-meta{flex-shrink:0;justify-items:end;gap:6px;display:grid}.tenant-summary-meta strong{color:#334155;font-size:13px}.segmented-tabs{border:1px solid var(--line);background:var(--panel-muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.tab-button{color:#475569;background:0 0;border:0;border-radius:6px;min-height:36px;font-size:13px;font-weight:800}.tab-button.active{color:#115e59;background:#fff;box-shadow:0 1px 4px #0f172a14}.compact-form,.tenant-user-section,.tenant-users-list{gap:10px;display:grid}.compact-form{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.compact-form label{color:#334155;gap:7px;font-size:12px;font-weight:850;display:grid}.compact-form input,.compact-form select,.tenant-user-controls input,.tenant-user-controls select,.tenant-password-row input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:40px;padding:0 10px}.tenant-users-list{max-height:420px;padding-right:4px;overflow:hidden auto}.tenant-user-row{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.tenant-user-main,.tenant-user-controls,.tenant-password-row{align-items:center;gap:8px;display:grid}.tenant-user-main{grid-template-columns:1fr auto}.tenant-user-main strong,.tenant-user-main span{display:block}.tenant-user-main span{color:var(--muted);font-size:12px}.tenant-user-controls{grid-template-columns:minmax(0,1.2fr) minmax(130px,.9fr) minmax(105px,.7fr)}.tenant-password-row{grid-template-columns:minmax(0,1fr) auto}.resident-action-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setting-row{border:1px solid var(--line);border-radius:8px;padding:13px}.settings-divider{border-top:1px solid var(--line);gap:3px;padding-top:14px;display:grid}.settings-divider strong{color:#0f172a}.settings-divider span{color:var(--muted);font-size:12px;font-weight:700}.settings-page{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:start;gap:16px;display:grid}.setting-row strong,.setting-row span{display:block}.tenant-user-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:12px;display:grid}.tenant-user-head{justify-content:space-between;gap:10px;display:flex}.tenant-user-head strong,.tenant-user-head span{display:block}.tenant-user-head span{color:var(--muted);font-size:12px}.officer-view{max-width:760px;margin:0 auto}.officer-head{gap:12px;margin-bottom:18px}.citizen-shell{background:#f1f5f9;place-items:center;min-height:100vh;padding:12px;display:grid}.login-shell{background:#f8fafc;place-items:center;min-height:100vh;padding:18px;display:grid}.login-card{width:min(100%,430px);padding:20px}.citizen-card{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(100%,390px);padding:18px;box-shadow:0 18px 45px #0f172a1f}.login-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px}.login-brand{margin-bottom:18px}.login-card h1{font-size:26px}.login-card label{color:#334155;gap:7px;margin-bottom:12px;font-size:13px;font-weight:800;display:grid}.login-card input{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.login-help{color:var(--muted);gap:4px;margin-top:12px;font-size:12px;line-height:1.45;display:grid}.citizen-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.citizen-brand{align-items:center;gap:10px;min-width:0;display:flex}.citizen-brand .brand-mark{border-radius:8px;width:42px;height:42px}.citizen-brand strong,.citizen-brand span{display:block}.citizen-brand strong{color:#0f172a;font-size:13px;line-height:1.2}.citizen-brand span{color:var(--muted);font-size:11px;font-weight:750}.citizen-role{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.upload-stepper{color:#64748b;grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto;align-items:center;gap:8px;margin-bottom:18px;font-size:10px;font-weight:850;display:grid}.upload-stepper span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.upload-stepper b{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.upload-stepper span.active{color:#0f766e}.upload-stepper span.active b{color:#0f766e;background:#ccfbf1;border-color:#5eead4}.upload-stepper i{background:#94a3b8;height:1px}.citizen-card h1{color:#0f172a;margin:0 0 8px;font-size:25px;line-height:1.12}.citizen-copy{color:#64748b;margin:0;font-size:13px;line-height:1.45}.citizen-card label{color:#334155;gap:6px;margin:0;font-size:11px;font-weight:850;display:grid}.citizen-card input{color:#0f172a;background:#fff;border:0;border-radius:8px;width:100%;min-height:36px;padding:0 10px;font-size:13px;font-weight:750}.bill-summary{background:linear-gradient(135deg,#ecfeff 0%,#f0fdfa 100%);border:1px solid #ccfbf1;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:14px 14px 14px 16px;display:flex}.bill-summary span,.bill-summary strong,.bill-summary small{display:block}.bill-summary strong{color:#0f766e;margin:3px 0;font-size:28px;line-height:1.05}.summary-icon{color:#0f766e;background:#ccfbf1;border-radius:999px;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative}.summary-icon svg:last-child{background:#fff;border-radius:999px;position:absolute;bottom:11px;right:12px}.public-bill-list{gap:8px;margin:-4px 0 14px;display:grid}.public-bill-list>div{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:10px 12px;display:grid}.public-bill-list span,.public-bill-list strong,.public-bill-list small{display:block}.public-bill-list span{color:#0f172a;font-size:12px;font-weight:850}.public-bill-list strong{color:#b91c1c;font-size:13px}.public-bill-list small{color:var(--muted);grid-column:1/-1;font-size:11px;font-weight:700}.payment-destination{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:grid}.payment-destination>div:first-child{color:#075985;align-items:center;gap:8px;display:flex}.payment-destination dl{gap:7px;margin:0;display:grid}.payment-destination dl>div{grid-template-columns:96px minmax(0,1fr);gap:8px;display:grid}.payment-destination dt,.payment-destination dd{margin:0;font-size:12px}.payment-destination dt{color:#64748b;font-weight:750}.payment-destination dd{color:#0f172a;overflow-wrap:anywhere;font-weight:850}.payment-destination a{color:#0369a1;background:#fff;border-radius:8px;width:fit-content;padding:8px 10px;font-size:12px;font-weight:850;text-decoration:none}.citizen-form-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:12px;margin-bottom:14px;padding:12px;display:grid}.citizen-input-row{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.citizen-input-row>svg,.citizen-input-row>b{color:#0f766e;background:#f0fdfa;place-items:center;min-height:36px;font-size:12px;font-weight:850;display:grid}.upload-drop{color:#115e59;text-align:center;cursor:pointer;background:#fbffff;border:1px dashed #14b8a6;flex-direction:column;width:100%;min-height:110px;margin:0 0 12px;padding:16px;font-weight:800}.upload-drop svg{width:30px;height:30px}.upload-drop span{color:#0f172a;font-size:13px}.upload-drop small{color:#64748b;font-size:11px;font-weight:700}.upload-drop em{color:#0f766e;background:#ecfeff;border-radius:999px;padding:3px 8px;font-size:10px;font-style:normal;font-weight:850}.upload-drop input{display:none}.upload-drop.disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#cbd5e1}.upload-info{color:#475569;background:#eff6ff;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:11px;font-weight:700;line-height:1.4;display:grid}.upload-info svg{color:#0284c7}.upload-help{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;display:grid}.upload-help span{background:var(--line);height:1px}.upload-help a{color:#0f766e;font-size:11px;font-weight:850;text-decoration:none}.upload-trust{color:#64748b;justify-content:center;gap:5px;margin:10px 0 0;font-size:10px;font-weight:750;display:flex}.full-width{width:100%}.bottom-nav{display:none}@media (width<=1100px){.screen-grid,.superadmin-layout,.master-detail-layout,.block-ledger-grid{grid-template-columns:1fr}.resident-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-page{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.app-shell{width:100%;display:block}.sidebar{z-index:30;width:min(280px,100vw - 56px);display:block;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:18px 0 40px #0f172a29}.app-shell.sidebar-open .sidebar{padding:22px 16px;transform:translate(0)}.app-shell.sidebar-open .sidebar-backdrop{z-index:20;background:#0f172a52;border:0;border-radius:0;display:block;position:fixed;inset:0}.content{width:100%;max-width:none;padding:12px 8px 92px}.topbar{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:6px;margin-bottom:14px;display:grid}.topbar .icon-button{width:36px;height:36px}.topbar .search-box{min-height:36px}.topbar>.icon-button:first-child{grid-area:1/1}.topbar .search-box{grid-area:1/2;min-width:0}.topbar .user-chip{grid-area:2/1/auto/-1;width:100%;max-width:none;min-height:36px;padding:4px 8px}.topbar .icon-button[aria-label=Notifikasi]{display:none}.topbar .icon-button[aria-label=Logout]{grid-area:1/3}.search-box span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toolbar{gap:10px;width:100%;display:grid}.toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%;display:grid}.toolbar-actions .ghost-button,.toolbar-actions .secondary-button,.toolbar-actions .primary-button{width:100%;min-height:38px;padding:0 10px}.toolbar-actions .primary-button{grid-column:1/-1}h1{font-size:25px}.kpi-grid,.cash-kpis{grid-template-columns:1fr}.list-card,.compact-row,.payment-head{grid-template-columns:1fr;align-items:flex-start;display:grid}.amount-stack{text-align:left;justify-items:start}.row-actions,.row-actions button{width:100%}.proof-row{grid-template-columns:1fr;align-items:stretch;display:grid}.list-header,.resident-filter-grid,.billing-filter-grid,.reminder-filter-grid,.cash-entry-form,.cash-filter-grid{grid-template-columns:1fr}.cash-description-field{grid-column:auto}.cash-form-actions{grid-template-columns:1fr;display:grid}.cash-ledger-footer{grid-template-columns:1fr}.compact-pagination{width:100%}.export-actions{justify-content:stretch}.export-actions button{width:100%}.resident-desktop-table,.billing-desktop-table,.payment-desktop-table,.cash-desktop-table,.sanction-desktop-table{display:none}.resident-card-list,.billing-card-list,.payment-card-list,.cash-card-list,.sanction-mobile-list{gap:10px;display:grid}.billing-mobile-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.billing-mobile-card>div:nth-child(3),.billing-mobile-card>div:nth-child(4){grid-column:2/3}.billing-mobile-card>.status{grid-area:1/3/span 2}.notification-menu{width:auto;top:74px;left:12px;right:12px}.table-footer-actions,.table-footer-actions .tenant-create-toggle{width:100%}.drawer-backdrop.active{justify-content:stretch}.detail-drawer,.import-drawer{border-left:0;width:100vw;max-width:none;padding:14px}.master-form-grid,.tenant-user-controls,.tenant-password-row,.resident-action-row,.resident-extra-row{grid-template-columns:1fr}.import-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar select,.user-chip{max-width:none}.toast{width:auto;inset:auto 12px 76px}.bottom-nav{z-index:10;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #0f172a17}.bottom-item{color:#64748b;background:0 0;border-radius:0;flex-direction:column;gap:4px;min-height:62px;font-size:11px;font-weight:800}.bottom-item.active{color:var(--teal)}}@media (width<=430px){.kpi-grid,.cash-kpis,.resident-summary-grid{grid-template-columns:1fr}.search-box{padding:0 10px}}