:root{--atlas:#123f35;--atlas2:#1b5a4b;--atlas-soft:#eaf2ef;--ink:#18211e;--muted:#66716d;--line:#dce4e1;--bg:#f4f7f6;--white:#fff;--ok:#237454}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,sans-serif}header{min-height:72px;background:var(--atlas);color:white;display:flex;align-items:center;padding:10px 28px;gap:18px;box-shadow:0 1px 4px #0002}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{width:44px;height:44px;object-fit:contain;background:white;border-radius:8px;padding:4px}.brand small,td small{display:block;opacity:.75;margin-top:4px}.tenant{margin-left:24px}.tenant select{max-width:360px;padding:8px 34px 8px 10px;border-radius:6px;border:1px solid #ffffff55;background:#fff;color:#183b33}nav{margin-left:auto;display:flex;align-items:center;gap:20px}nav a,nav button{color:white;text-decoration:none;background:none;border:0;cursor:pointer;font:inherit}nav a:hover{text-decoration:underline}nav form{margin:0}main{max-width:1250px;margin:30px auto;padding:0 24px}h1{font-size:25px;margin:0 0 6px}.muted{color:var(--muted)}.pagehead{display:flex;justify-content:space-between;align-items:flex-start}.statusok{background:#e2f1e9;color:#1b684a;border:1px solid #bfddce;border-radius:16px;padding:7px 11px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.cards article{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 1px 2px #00000008}.cards span{display:block;color:var(--muted);margin-bottom:14px}.cards strong{font-size:29px;color:var(--atlas)}.cards .online{font-size:24px;color:var(--ok)}.metricline{margin:7px 0}.metricline b{font-size:18px;margin-right:5px}table{width:100%;border-collapse:collapse;background:white;margin-top:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden}th{text-align:left;background:var(--atlas-soft);color:#24463e;padding:11px}td{padding:11px;border-top:1px solid #e5ebe8;vertical-align:top}.pill{background:var(--atlas-soft);border-radius:12px;padding:4px 9px}.login{display:grid;place-items:center;min-height:100vh;background:linear-gradient(180deg,#eef4f2,#f8faf9)}.loginbox{width:360px;background:white;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 10px 30px #173c3220}.loginbox img{width:72px}.loginbox h1{margin-top:18px}.loginbox input{width:100%;padding:10px;border:1px solid #aebbb6;border-radius:5px}.primary{width:100%;padding:11px;background:var(--atlas);color:white;border:0;border-radius:5px;cursor:pointer}.primary:hover{background:var(--atlas2)}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.tenant{display:none}}@media(max-width:650px){.cards{grid-template-columns:1fr}nav{gap:9px}header{padding:10px 14px}.brand small{display:none}}