:root{--navy:#0f2744;--accent:#1fa971;--accent-hover:#41b686;--on-accent:#0f2744;--link:#177e55;--bg:#f8fafc;--card:#fff;--text:#222831;--muted:#5a6472;--grey:#a7b0bb;--line:#dde2e8;--bad:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1{color:var(--navy);letter-spacing:-.01em;margin:0 0 16px;font-size:26px;line-height:1.2}h2{color:var(--navy);margin:0 0 10px;font-size:17px}a{color:var(--link)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.error{color:var(--bad)}.ok{color:var(--link)}.center{text-align:center;padding:48px 16px}.spacer{flex:1}.mono{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.link{color:var(--link);font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.section{margin-top:28px}input,select,textarea{font:inherit;color:var(--text);border:1px solid var(--grey);background:#fff;border-radius:8px;min-height:38px;padding:8px 12px}input[type=checkbox]{width:auto;min-height:auto;accent-color:var(--accent);padding:0}input::placeholder{color:#7b8696}.btn{font:inherit;color:var(--text);border:1px solid var(--grey);cursor:pointer;background:#fff;border-radius:8px;min-height:38px;padding:8px 14px}.btn:hover{background:#f1f4f7}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:default}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row label{color:var(--muted);gap:4px;font-size:13px;display:grid}.stack{gap:12px;display:grid}.stack label{color:var(--muted);gap:4px;font-size:13px;display:grid}.card,.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px #0f27440d}.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.kpi span{color:var(--muted);font-size:13px;display:block}.kpi strong{color:var(--navy);margin:2px 0;font-size:24px;line-height:1.25;display:block}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}.table-wrap table{min-width:620px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f1f5f9;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.badge{color:#3f4a59;background:#eef1f5;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.on{color:#0e6b45;background:#ddf5ea}.badge.bad{color:var(--bad);background:#fde7e4}.brand{color:var(--navy);align-items:center;gap:10px;margin-bottom:8px;font-size:20px;display:flex}.logo{background:var(--accent);width:34px;height:34px;color:var(--on-accent);border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}.login{background:var(--card);border:1px solid var(--line);border-radius:14px;width:calc(100% - 32px);max-width:400px;margin:8vh auto;padding:26px;box-shadow:0 8px 28px #0f274414}.login form{gap:12px;margin-top:12px;display:grid}.login label{color:var(--muted);gap:4px;font-size:13px;display:grid}.login label .muted{font-size:12px}.topbar{z-index:30;background:var(--navy);color:#fff;align-items:center;gap:14px;padding:10px 24px;display:flex;position:sticky;top:0}.top-brand{align-items:center;gap:10px;min-width:0;font-size:16px;line-height:1.25;display:flex}.top-brand strong{overflow-wrap:anywhere}.top-menu{display:contents}.top-nav{flex-wrap:wrap;flex:1;align-items:center;gap:2px;min-width:0;margin-left:8px;display:flex}.top-nav a{color:#d5dbe3;white-space:nowrap;border-bottom:3px solid #0000;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none}.top-nav a:hover{color:#fff;background:#ffffff14}.top-nav a.active{color:#fff;border-bottom-color:var(--accent);border-radius:8px 8px 0 0;font-weight:600}.top-user{align-items:center;gap:12px;margin-left:auto;display:flex}.top-user a{color:#d5dbe3;font-size:14px;text-decoration:none}.top-user a:hover{color:#fff}.top-role{color:var(--grey);text-transform:capitalize}.top-user .btn{color:#fff;background:0 0;border-color:#ffffff59;min-height:34px;padding:6px 12px}.top-user .btn:hover{background:#ffffff14}.menu-btn{display:none}.page{max-width:1100px;margin:0 auto;padding:28px 28px 64px}@media (width>=901px) and (width<=1279px){.topbar{flex-wrap:wrap}.top-nav{flex-basis:100%;order:3;margin-left:0}}.toast{top:calc(16px + env(safe-area-inset-top,0px));z-index:1000;background:var(--card);width:max-content;max-width:min(92vw,560px);color:var(--text);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;animation:.16s ease-out toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000038}.toast-bad{border-left-color:var(--bad)}.toast-ok{border-left-color:var(--accent)}.toast-text{overflow-wrap:anywhere;flex:1}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:20px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.sidebar{transition:none!important}}@media (width<=900px){.topbar{flex-wrap:wrap;padding:8px 14px}.top-brand{margin-right:auto}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:8px;width:44px;height:44px;font-size:22px;display:block}.top-menu{flex-basis:100%;order:3;max-height:calc(100vh - 70px);padding:4px 0 10px;display:none;overflow-y:auto}.top-menu.open{display:block}.top-nav{flex-direction:column;align-items:stretch;margin-left:0}.top-nav a{border-bottom:0;border-left:3px solid #0000;border-radius:8px;padding:12px}.top-nav a.active{border-left-color:var(--accent);background:#ffffff1a;border-radius:8px}.top-user{border-top:1px solid #ffffff24;flex-direction:column;align-items:stretch;margin-top:10px;padding-top:10px}.top-user a{padding:6px 12px}.top-user .btn{min-height:44px}.page{padding:18px 14px 56px}h1{font-size:22px}.btn,input,select{min-height:44px}input[type=checkbox]{min-height:auto}.grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}th,td{padding:10px 12px}}@media (width<=600px){.row{align-items:stretch}.row>label{flex:100%}.row input,.row select{width:100%}.login{margin:5vh auto;padding:20px}}:root{--shadow-sm:0 1px 2px #0f27440f, 0 3px 10px #0f274412;--shadow-md:0 2px 4px #0f274412, 0 10px 26px #0f27441f;--shadow-lg:0 4px 10px #0f274414, 0 20px 50px #0f27442e;--ease:cubic-bezier(.22, 1, .36, 1)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.topbar{box-shadow:0 2px 14px #0f274447}.card,.kpi,.table-wrap{box-shadow:var(--shadow-sm);border-color:#0f274414}.login{box-shadow:var(--shadow-lg);animation:rise .5s var(--ease) backwards}.page>:not(.toast):not(.grid){animation:rise .45s var(--ease) backwards;animation-delay:calc(var(--i,0) * 60ms)}.page>:nth-child(2){--i:1}.page>:nth-child(3){--i:2}.page>:nth-child(4){--i:3}.page>:nth-child(n+5){--i:4}.grid>.kpi{animation:rise .5s var(--ease) backwards;animation-delay:calc(80ms + var(--k,0) * 50ms);transition:transform .2s var(--ease), box-shadow .2s var(--ease)}.grid>.kpi:nth-child(2){--k:1}.grid>.kpi:nth-child(3){--k:2}.grid>.kpi:nth-child(4){--k:3}.grid>.kpi:nth-child(5){--k:4}.grid>.kpi:nth-child(6){--k:5}.grid>.kpi:nth-child(7){--k:6}.grid>.kpi:nth-child(n+8){--k:7}tbody tr{transition:background-color .15s}tbody tr:nth-child(-n+6){animation:.35s backwards fade;animation-delay:calc(var(--r,0) * 35ms)}tbody tr:nth-child(2){--r:1}tbody tr:nth-child(3){--r:2}tbody tr:nth-child(4){--r:3}tbody tr:nth-child(5){--r:4}tbody tr:nth-child(6){--r:5}.btn{transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s var(--ease)}.btn.primary{box-shadow:0 1px 2px #0f274433,0 4px 12px #1fa97147;box-shadow:0 1px 2px #0f274433, 0 4px 12px color-mix(in srgb, var(--accent) 32%, transparent)}.btn:active:not(:disabled){box-shadow:none;transform:scale(.98)}.top-user .btn,.top-user .btn:hover,.top-user .btn:active{box-shadow:none;transform:none}input:not([type=checkbox]),select,textarea{transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1fa97140;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);outline:none}.top-nav a,.link,.top-user a{transition:background-color .15s,color .15s,border-color .2s}@media (hover:hover){.grid>.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0f274424}.btn.primary:hover:not(:disabled){box-shadow:0 2px 4px #0f274433,0 8px 20px #1fa97161;box-shadow:0 2px 4px #0f274433, 0 8px 20px color-mix(in srgb, var(--accent) 42%, transparent)}.top-user .btn:hover{box-shadow:none;transform:none}}@media (width<=900px){.top-menu.open{animation:drop .2s var(--ease)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--bg:#e8edf3;--th-bg:#d7e0ea;--th-text:#34404f;--row-hover:#f1f5f9}th{background:var(--th-bg);color:var(--th-text);border-bottom-color:#c3cedb}:root{--navy:#0f2744;--accent:#1fa971;--bg:#f2f6fa;--card:#fff;--text:#1e293b;--muted:#5a6472;--line:#d6dfe9;--th-bg:#dce7f2;--th-text:#1e293b;--row-hover:#eaf1f8}th{background:var(--th-bg);color:var(--th-text);border-bottom:1px solid #c3d2e3;font-weight:700}tbody tr:hover{background:var(--row-hover)}.table-wrap{border:1px solid #e2e8f0;box-shadow:0 8px 20px #0f274414}:root{--th-bg:#f5f8fb;--th-text:#1e293b}.table-wrap{border-top:4px solid var(--accent)}thead{background:#f5f8fb}th{background:var(--th-bg);border-bottom:1px solid #d6dfe9}.card,.kpi,.login{border-top:4px solid var(--accent)}:root{--accent-line:3px}.card,.kpi,.login,.table-wrap{border-top-width:var(--accent-line)}.chart{width:100%}.chart svg{max-width:100%;display:block;overflow:visible}.chart text{fill:var(--muted);font-size:11px}.readout{flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:13px;display:flex}.swatch{border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.bar{background:#e3eaf2;border-radius:99px;min-width:70px;height:7px;margin-top:4px;overflow:hidden}.bar>span{background:var(--accent);border-radius:99px;height:100%;display:block}.link-btn{color:var(--link);cursor:pointer;font:inherit;background:0 0;border:0;padding:0 2px;text-decoration:underline}.chart svg{width:100%;height:auto}.print-header{display:none}.export-bar{justify-content:flex-end;margin-bottom:14px}@media print{@page{size:A4;margin:14mm 12mm}html,body{background:#fff!important}body{font-size:12px;line-height:1.45}*{-webkit-print-color-adjust:exact;print-color-adjust:exact;transition:none!important;animation:none!important}.topbar,.toast,.no-print{display:none!important}.page{max-width:none;margin:0;padding:0}h2{break-after:avoid;font-size:14px}.card,.kpi,.table-wrap{box-shadow:none!important}.card,.kpi,.chart{break-inside:avoid}.grid{grid-template-columns:repeat(3,1fr);gap:8px}.kpi strong{font-size:18px}.table-wrap{overflow:visible}.table-wrap table{min-width:0;font-size:10.5px}th,td{white-space:normal;padding:6px 8px}thead{display:table-header-group}tr{break-inside:avoid}.bar{min-width:40px}.print-header{border-bottom:3px solid var(--accent);margin:0 0 14px;padding-bottom:10px;display:block}.print-header .print-brand{color:var(--navy);align-items:center;gap:8px;font-size:16px;display:flex}.print-header h2{margin:8px 0 2px;font-size:18px}.print-header p{margin:2px 0}a{color:inherit;text-decoration:none}}a.btn{line-height:1.5;text-decoration:none;display:inline-block}.doc-toolbar{max-width:820px;margin:0 auto 12px}.doc{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--accent);max-width:820px;box-shadow:var(--shadow-sm);border-radius:12px;margin:0 auto;padding:28px 32px 32px;position:relative}.doc p{margin:2px 0}.doc-head{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.doc-co{align-items:flex-start;gap:12px;display:flex}.doc-co h2{margin:0 0 4px;font-size:18px}.doc-title{text-align:right}.doc-title h1{letter-spacing:.08em;margin:0 0 4px;font-size:28px}.doc-grid{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.doc-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:600}.doc table{min-width:0}.doc-totals{width:min(340px,100%);margin:14px 0 0 auto}.doc-totals>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:7px 0;display:flex}.doc-totals .due{border-bottom:2px solid var(--navy);font-size:16px;font-weight:700}.doc-pay{white-space:pre-wrap;background:#f1f5f9;border-radius:8px;padding:12px 14px}.doc-watermark{pointer-events:none;letter-spacing:.12em;color:#b4231821;place-items:center;font-size:110px;font-weight:800;display:grid;position:absolute;inset:0;transform:rotate(-24deg)}@media (width<=600px){.doc{padding:18px}.doc-grid{grid-template-columns:1fr;gap:14px}.doc-title{text-align:left}}@media print{.doc{border:0;border-top:4px solid var(--accent);max-width:none;box-shadow:none;border-radius:0;padding:12px 0 0}.doc-toolbar{display:none!important}.doc-grid{grid-template-columns:1fr 1fr}.doc-title{text-align:right}.doc-head,.doc-totals,.doc-pay,.doc-grid{break-inside:avoid}}:root{--page-max:1320px}.page{max-width:var(--page-max)}.table-wrap td:first-child:not([colspan]){white-space:nowrap}.tenant-search{margin-bottom:14px}.tenant-search input{min-width:280px}@media (width>=901px){.page{padding-left:32px;padding-right:32px}.table-wrap .btn,.table-wrap a.btn{border-radius:7px;min-height:30px;padding:4px 10px;font-size:13px}.table-wrap select,.table-wrap input:not([type=checkbox]){min-height:30px;padding:4px 8px;font-size:13px}.table-wrap select{max-width:150px}.table-wrap .row{align-items:center;gap:6px}.table-wrap th,.table-wrap td{padding:9px 12px}}.legal{background:var(--card);border:1px solid var(--line);border-top:var(--accent-line,3px) solid var(--accent);max-width:760px;box-shadow:var(--shadow-sm);border-radius:12px;margin:24px auto;padding:26px 30px 30px;line-height:1.65}.legal h2{margin:26px 0 6px;font-size:17px}.legal p{margin:8px 0}.legal ul{margin:8px 0;padding-left:22px}.legal li{margin:4px 0}.legal-nav{border-top:1px solid var(--line);margin-top:26px;padding-top:14px}.placeholder{color:#78350f;background:#fef3c7;border-radius:4px;padding:0 4px;font-weight:600}.draft-banner{color:#78350f;background:#fef3c7;border-radius:8px;margin:12px 0;padding:10px 14px;font-size:14px}.app-foot{text-align:center;color:var(--muted);padding:6px 16px 28px;font-size:13px}@media (width<=600px){.legal{margin:12px;padding:18px}}body{flex-direction:column;min-height:100vh;display:flex}#root{flex:1 0 auto}#site-foot{text-align:center;color:var(--muted);flex-shrink:0;padding:18px 16px 24px;font-size:13px}#site-foot a{color:var(--link);font-weight:500;text-decoration:none}#site-foot a:hover{text-decoration:underline}@media print{#site-foot{display:none}}