:root{--ink:#203c40;--muted:#73858a;--teal:#16756f;--teal-dark:#105c58;--line:#e2eaea;--paper:#f4f7f7;--bs-primary:#16756f;--bs-primary-rgb:22,117,111}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.8}a{color:var(--teal);text-decoration:none}a:hover{color:var(--teal-dark)}h1,h2,h3,h4{font-weight:700;line-height:1.5;color:var(--ink)}h1{font-size:27px}h2{font-size:23px}h3{font-size:19px}h4{font-size:17px}.text-muted{color:var(--muted)!important}.ui-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.app-sidebar{width:244px;position:fixed;inset-inline-start:0;top:0;bottom:0;background:#fff;border-inline-end:1px solid var(--line);padding:28px 18px;z-index:1040;overflow-y:auto;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:19px;font-weight:700;white-space:nowrap}.app-brand small,.account-chip small,.topbar-title small{display:block;font-size:11px;color:var(--muted);font-weight:400}.brand-mark{background:var(--teal);color:#fff;width:42px;height:46px;border-radius:13px;display:grid;place-items:center}.nav-caption{color:var(--muted);font-size:11px;margin:35px 14px 12px}.side-links{display:grid;gap:6px}.side-links a{display:flex;gap:13px;align-items:center;padding:11px 14px;border-radius:10px;color:#526a6e}.side-links a:hover{background:#f4f8f7}.side-links a.active{background:#e7f3f0;color:var(--teal);font-weight:bold}.sidebar-logout{margin-top:auto;padding-top:28px}.sidebar-logout button{border:0;background:none;color:#92716d;width:100%;text-align:start;padding:12px 14px}.sidebar-credit{font-size:10px;color:#8c9c9f;padding:12px 14px}.signed-in .app-shell{margin-inline-start:244px}.app-topbar{min-height:90px;padding:18px 38px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:#fff}.topbar-title{font-size:17px;font-weight:bold}.topbar-account{display:flex;align-items:center;gap:22px;margin-inline-start:auto}.account-chip{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:12px}.avatar{display:grid;place-items:center;border-radius:50%;width:39px;height:39px;background:#eff5f3;color:var(--teal)}.icon-button{border:1px solid var(--line);border-radius:10px;width:40px;height:40px;background:#fff;display:grid;place-items:center;color:#52716f}.menu-toggle,.mobile-nav,.nav-backdrop{display:none}.page-content{max-width:1450px;margin:auto;padding:32px 38px;min-height:75vh}.app-footer{text-align:center;font-size:11px;color:var(--muted);padding:20px}.public-page .app-topbar{justify-content:space-between}.public-page .page-content{max-width:1200px}.public-links{display:flex;align-items:center;gap:24px}.skip-link{position:fixed;top:-100px;right:20px;background:var(--ink);color:white;padding:12px;z-index:2000}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid #68bfb4;outline-offset:3px}
.btn{border-radius:9px;padding:9px 18px;font-size:13px;font-weight:500;white-space:normal}.btn-primary{background:var(--teal);border-color:var(--teal)}.btn-primary:hover,.btn-primary:focus{background:var(--teal-dark);border-color:var(--teal-dark)}.btn-outline-primary{color:var(--teal);border-color:#b8d5d0}.btn-outline-primary:hover{background:var(--teal);border-color:var(--teal)}.btn-outline-secondary{border-color:#d7e1e1;color:#52696d}.btn-sm{padding:5px 11px;font-size:12px}.card{border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 18px #203c4004;overflow:hidden}.card-body{padding:23px}.card-header{background:#fff;border-bottom:1px solid var(--line);padding:17px 23px;color:var(--ink)}.card-header.bg-primary{background:var(--teal)!important;color:white}.form-control,.form-select{border-color:#d8e3e2;border-radius:9px;padding:11px 13px;color:var(--ink);font-size:14px}.form-control:focus,.form-select:focus{border-color:#6caea5;box-shadow:0 0 0 3px #16756f14}.form-label{font-size:13px;font-weight:600;margin-bottom:7px}.form-check-input:checked{background-color:var(--teal);border-color:var(--teal)}.alert{border-radius:11px;font-size:13px}.alert-info{background:#edf7f7;border-color:#d6eaea;color:#2d6667}.table{--bs-table-bg:transparent;color:var(--ink);vertical-align:middle;font-size:13px}.table thead{background:#f2f6f5;color:#758784}.table th{font-size:11px;font-weight:500;white-space:nowrap;padding:13px 15px;border-bottom:1px solid var(--line)}.table td{padding:16px 15px;border-color:#edf1f0}.table-responsive{border:1px solid var(--line);border-radius:12px;background:white}.table-responsive .table{margin-bottom:0}.badge{border-radius:6px;font-weight:500;padding:6px 9px}.list-group-item{border-color:var(--line);padding:14px 18px}.hero{background:linear-gradient(120deg,#e4f1ed,#f3f8f6);border:1px solid #d7e8e3;border-radius:18px;padding:40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-heading p{color:var(--muted);margin:5px 0 0;font-size:13px}.eyebrow{font-size:12px;color:var(--teal);margin-bottom:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px}.metric{background:white;border:1px solid var(--line);border-radius:14px;padding:21px;display:flex;justify-content:space-between;gap:10px}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-size:27px;font-weight:bold;line-height:1.6;margin-top:8px;font-variant-numeric:tabular-nums}.metric-value small{font-size:11px;font-weight:400;color:var(--muted)}.metric-icon{background:#eaf4f1;border-radius:10px;width:39px;height:39px;display:grid;place-items:center;color:var(--teal)}.metric.warn .metric-icon{background:#fff4e4;color:#ac7725}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:10px}.section-heading h2{font-size:16px;margin:0}.section-heading a{font-size:12px}.property-mini{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eef2f1;color:var(--ink)}.property-mini:last-child{border:0}.property-mini .metric-icon{width:43px;height:45px}.property-mini strong{display:block;font-size:13px}.property-mini small{color:var(--muted);font-size:11px}.property-mini .count{margin-inline-start:auto;white-space:nowrap}.empty-state{padding:35px 18px;text-align:center;color:var(--muted)}.payment-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.payment-line small{display:block;color:var(--muted)}.payment-line:last-child{border:0}.amount{font-weight:bold;font-variant-numeric:tabular-nums}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap}.landing{padding:65px 20px}.landing h1{font-size:40px;max-width:650px;margin:15px 0}.landing p{max-width:620px;color:var(--muted);font-size:16px;margin-bottom:26px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.landing-features h2{font-size:17px}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.property-card .property-banner{background:linear-gradient(120deg,#ecf5f1,#e0eeeb);padding:25px;display:flex;align-items:center;justify-content:space-between}.property-card .property-banner .ui-icon{width:42px;height:42px;color:var(--teal)}.property-card h2{font-size:18px}.property-meta{color:var(--muted);font-size:12px;margin-bottom:15px}.property-card .card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.status-pill{padding:4px 9px;background:#edf5f2;color:var(--teal);border-radius:6px;font-size:11px;white-space:nowrap}.dashboard-table small{display:block;color:var(--muted);font-size:11px}.dashboard-table .overdue{color:#bd604c}.validation-summary-errors,.field-validation-error{color:#b04343;font-size:12px}.input-group>.form-control{min-width:0}dl dt{color:var(--muted);font-size:12px}dl dd{margin-bottom:14px;overflow-wrap:anywhere}code{overflow-wrap:anywhere}
@media(min-width:1500px){.page-content{padding-top:40px}}@media(max-width:1100px){.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.page-content{padding:25px}.app-topbar{padding:18px 25px}.metric{padding:16px}.metric-value{font-size:23px}}
@media(max-width:767px){body{font-size:13px}.signed-in .app-shell{margin-inline-start:0}.app-sidebar{transform:translateX(100%);transition:transform .2s;width:265px}.nav-open .app-sidebar{transform:translateX(0)}.nav-open .nav-backdrop{display:block;position:fixed;inset:0;border:0;background:#102f3559;z-index:1035}.nav-open{overflow:hidden}.menu-toggle{display:grid}.app-topbar{min-height:74px;padding:14px 16px;gap:12px}.topbar-title{font-size:14px}.topbar-title small{font-size:10px}.topbar-account{gap:8px}.account-chip>span:last-child{display:none}.topbar-account .icon-button{border:0;width:32px}.page-content{padding:23px 16px;min-height:72vh}.signed-in{padding-bottom:75px}.app-footer{padding:17px;font-size:10px}.mobile-nav{position:fixed;bottom:0;inset-inline:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);z-index:1030;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;color:#8a999b;font-size:10px;min-width:60px;padding:4px 7px;border-radius:9px}.mobile-nav a.active{color:var(--teal);background:#eef6f3}.mobile-nav .ui-icon{width:21px;height:21px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.metric{padding:15px 12px}.metric-value{font-size:23px}.metric-icon{width:31px;height:33px}.metric-label{font-size:11px}.metric-icon .ui-icon{width:18px;height:18px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}.page-heading .btn{padding:9px 12px;font-size:11px}.card-body{padding:18px}.card-header{padding:15px 18px}.property-grid{grid-template-columns:1fr}.hero{padding:25px 20px}.landing{padding:30px 3px}.landing h1{font-size:29px}.landing p{font-size:14px}.landing-features{grid-template-columns:1fr;gap:12px}.public-links{gap:10px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}.public-page .app-brand{font-size:13px}.public-page .brand-mark{width:32px;height:37px}.public-links .btn{font-size:11px;padding:7px 10px}.public-page .app-topbar{align-items:flex-start}.table-responsive:has(.responsive-cards){border:0;background:none;border-radius:0;overflow:visible}.responsive-cards,.responsive-cards tbody{display:block;width:100%}.responsive-cards thead{display:none}.responsive-cards tbody tr{display:block;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:12px;padding:8px 13px}.responsive-cards tbody td{display:grid;grid-template-columns:minmax(85px,.7fr) minmax(0,1.3fr);gap:12px;padding:10px 0;border:0;border-bottom:1px solid #f1f4f3;overflow-wrap:anywhere;box-shadow:none!important;background:transparent!important}.responsive-cards tbody td:last-child{border:0}.responsive-cards tbody td:before{content:attr(data-label);color:var(--muted);font-size:11px}.responsive-cards td .btn{margin:2px}.d-flex{flex-wrap:wrap}.topbar-account,.app-topbar,.property-mini{flex-wrap:nowrap}.row{--bs-gutter-x:1rem}.dashboard-grid{gap:16px}.dashboard-table .responsive-cards tbody tr{margin-bottom:10px}.btn-group{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}