:root{--red:#d71920;--navy:#10233f;--bg:#f5f7fb;--border:#dfe3ea;--text:#1d2733;--muted:#657082;--good:#16794b;--bad:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{color:var(--navy)}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{max-width:210px;height:auto}.topbar nav a{margin-left:14px;text-decoration:none;font-weight:700}.shell{max-width:1180px;margin:28px auto;padding:0 18px}.narrow{max-width:720px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.panel,.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;box-shadow:0 3px 14px rgba(16,35,63,.05)}.stat strong{font-size:2rem;color:var(--navy);display:block}.muted{color:var(--muted)}h1,h2,h3{color:var(--navy)}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:.88rem;color:var(--muted);text-transform:uppercase}label{display:block;font-weight:700;margin:14px 0 6px}input,select,textarea{width:100%;padding:11px;border:1px solid #cfd5df;border-radius:7px;font:inherit;background:#fff}textarea{min-height:110px}.button,button{display:inline-block;border:0;background:var(--red);color:#fff;padding:11px 16px;border-radius:7px;font-weight:800;text-decoration:none;cursor:pointer}.button.secondary{background:var(--navy)}.button.light{background:#eef1f5;color:var(--navy)}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:8px;margin:12px 0}.alert.good{background:#e9f7ef;color:var(--good)}.alert.bad{background:#fdecec;color:var(--bad)}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef1f5;font-size:.82rem;font-weight:800}.badge.active,.badge.paid,.badge.available{background:#e8f7ef;color:#16794b}.badge.pending,.badge.reserved{background:#fff4db;color:#825e00}.badge.past_due,.badge.failed{background:#fdecec;color:#b42318}.site-hero{background:linear-gradient(135deg,#fff,#f3f5f8);padding:48px 20px;text-align:center}.site-hero img{max-width:320px;width:75%}.site-hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:18px 0 6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.notice{border-left:4px solid var(--red);background:#fff8f8;padding:12px 15px;margin:15px 0}.unit-card{border:1px solid var(--border);border-radius:10px;padding:14px;background:#fff}.footer{text-align:center;color:var(--muted);padding:30px}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:20px}.sidebar a{display:block;color:#fff;text-decoration:none;padding:10px 8px;border-radius:6px}.sidebar a:hover{background:rgba(255,255,255,.1)}.admin-main{min-width:0}.admin-header{padding:16px 22px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.admin-content{padding:22px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:760px){.form-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.sidebar{position:static}.topbar{flex-direction:column;align-items:flex-start}.topbar nav a{margin:0 10px 0 0}}

.metrics .stat small{display:block;color:var(--muted);margin-top:4px}.bar-chart{height:220px;display:flex;align-items:end;gap:10px;padding:16px 4px 0;border-bottom:1px solid var(--border)}.bar-col{flex:1;min-width:22px;text-align:center}.bar{background:var(--red);border-radius:6px 6px 0 0;min-height:4px}.bar-col small{font-size:.72rem;color:var(--muted)}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.unit-tile{padding:12px;border-radius:10px;border:2px solid #dfe3ea;background:#fff;min-height:92px}.unit-tile strong,.unit-tile small{display:block}.unit-tile.available{border-color:#1f9d61;background:#edf9f2}.unit-tile.occupied{border-color:#b42318;background:#fff0ef}.unit-tile.reserved{border-color:#d59b00;background:#fff7de}.unit-tile.maintenance{border-color:#7b61a8;background:#f5f0ff}.unit-tile.offline{border-color:#98a2b3;background:#f2f4f7}.legend{margin-top:18px;color:var(--muted)}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px 0 14px}.dot.available{background:#1f9d61}.dot.occupied{background:#b42318}.dot.reserved{background:#d59b00}.dot.maintenance{background:#7b61a8}.dot.offline{background:#98a2b3}.badge.lease_pending{background:#eef4ff;color:#2458a6}