:root{--bg:#f7f7f4;--panel:#fff;--panel-muted:#f0f4f7;--text:#182026;--muted:#66717b;--line:#d9e0e5;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#b42318;--ok:#15803d;--warn:#b91c1c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);color:#fff;background:#101820;padding:20px 16px}.brand{margin-bottom:28px;font-size:20px;font-weight:700}.nav{gap:8px;display:grid}.nav a,.nav-button{color:#d6dee5;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav-button{cursor:pointer;background:0 0;border:0;width:100%}.nav a:hover,.nav-button:hover{color:#fff;background:#ffffff14}.content{padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-title{margin:0;font-size:24px;line-height:1.2}.subtle{color:var(--muted);margin-top:4px;font-size:13px}.loading-line{color:var(--muted)}.filters{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:18px;display:flex}.form-row{flex-wrap:wrap;align-items:end;gap:10px;padding:14px 16px;display:flex}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:6px;min-width:160px;min-height:38px;padding:8px 10px}.field-wide{min-width:min(420px,100%)}.field-wide select{width:100%}.multi-select{min-height:132px}.filter-actions{align-items:end;min-height:60px;display:flex}.check-field{min-height:38px;color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.check-field input{width:16px;height:16px}.button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 12px;display:inline-flex}.button:hover{background:var(--accent-strong)}.button.secondary{color:var(--text);background:#e8edf0}.button.secondary:hover{background:#dbe3e8}.metrics{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:18px;display:grid}.tenant-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.tenant-card{min-height:144px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:8px;padding:18px;text-decoration:none;display:grid;position:relative}.tenant-card:hover{border-color:#9fb3c1}.tenant-card strong{font-size:18px}.tenant-card span{color:var(--muted);font-size:13px}.tenant-card em{color:var(--muted);align-self:end;font-size:13px;font-style:normal}.status-dot{border-radius:50%;width:11px;height:11px;position:absolute;top:14px;right:14px}.status-dot.active{background:var(--ok);animation:1.8s infinite pulse-ok;box-shadow:0 0 #15803d80}.status-dot.inactive{background:var(--warn);animation:1.8s infinite pulse-warn;box-shadow:0 0 #b91c1c73}@keyframes pulse-ok{70%{box-shadow:0 0 0 8px #15803d00}to{box-shadow:0 0 #15803d00}}@keyframes pulse-warn{70%{box-shadow:0 0 0 8px #b91c1c00}to{box-shadow:0 0 #b91c1c00}}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.metric span{color:var(--muted);font-size:13px}.metric strong{margin-top:8px;font-size:22px;display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.section-gap{margin-bottom:16px}.panel-title{border-bottom:1px solid var(--line);padding:14px 16px;font-weight:700}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px;font-size:14px}th{color:var(--muted);background:var(--panel-muted);font-weight:600}.status-pill{border-radius:6px;align-items:center;gap:6px;min-height:26px;padding:4px 8px;font-size:13px;font-weight:700;display:inline-flex}.status-pill.active{color:#14532d;background:#dcfce7}.status-pill.inactive{color:#7f1d1d;background:#fee2e2}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:min(380px,100%);padding:22px}.login-box h1{margin:0 0 18px;font-size:22px}.login-box form{gap:14px;display:grid}.error{color:var(--danger);font-size:14px}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.metrics{grid-template-columns:1fr 1fr}}@media (max-width:520px){.metrics{grid-template-columns:1fr}.content{padding:16px}}