:root{color-scheme:dark;--bg:#101116;--surface:#191a20;--surface2:#22232a;--line:#30313a;--text:#f5f3f7;--muted:#aaa6b0;--purple:#875a7b;--purple2:#b58aaa;--green:#64c987;--amber:#f5b94c;--red:#ed6a72;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#35202f 0,transparent 32%),var(--bg);color:var(--text);min-height:100vh}.topbar{height:68px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:#121318eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.brand{font-size:18px;font-weight:800;color:white;text-decoration:none;letter-spacing:.04em}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--purple);margin-right:8px}.topbar nav{display:flex;gap:22px}.topbar nav a,.back{color:var(--muted);text-decoration:none}.topbar nav a:hover,.back:hover{color:white}.operator{margin-left:auto;display:flex;align-items:center;gap:9px}.role,.readonly,.node,.status{font-size:12px;border-radius:99px;padding:5px 10px;background:var(--surface2);color:var(--purple2);text-transform:uppercase;letter-spacing:.06em}.link-button{background:none;border:0;color:var(--muted);padding:5px;cursor:pointer}.link-button:hover{color:white}main{max-width:1180px;margin:auto;padding:46px 24px 70px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-head h1{font-size:38px;margin:3px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--purple2);font-size:12px;font-weight:800;margin:0}.muted{color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.metric,.tenant-card,.detail-card{background:linear-gradient(145deg,var(--surface),#16171c);border:1px solid var(--line);border-radius:14px}.metric{padding:22px}.metric span,.detail-grid span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:29px;margin-top:8px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tenant-card{padding:22px;text-decoration:none;color:inherit;transition:.15s transform,.15s border-color}.tenant-card:hover{transform:translateY(-2px);border-color:var(--purple)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.card-head h2{margin:0 0 15px}.tenant-meta{display:flex;gap:18px;color:var(--muted);font-size:14px;margin-bottom:20px}.environment{display:grid;grid-template-columns:auto 90px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.environment span{color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.detail-card{padding:25px;margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin:22px 0}.detail-grid>div{padding:17px;background:var(--surface)}.detail-grid strong{display:block;margin-top:6px}.detail-card h3{font-size:13px;color:var(--purple2);text-transform:uppercase;letter-spacing:.08em;margin-top:25px}.status.online{color:var(--green)}.status.unreachable,.status.degraded,.status.unknown{color:var(--amber)}.status.offline{color:var(--red)}code{font-family:ui-monospace,monospace;color:#dfb6d4}.login-shell{min-height:calc(100vh - 180px);display:grid;place-items:center}.login-card{width:min(420px,100%);padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #0008}.login-card h1{font-size:42px;margin:6px 0}.stack{display:grid;gap:18px;margin-top:28px}.stack label{display:grid;gap:7px;color:var(--muted);font-size:13px}.stack input{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;background:#101116;color:white;font:inherit}.stack input:focus{outline:2px solid var(--purple);border-color:transparent}.stack button{padding:13px;border:0;border-radius:8px;background:var(--purple);color:white;font-weight:800;cursor:pointer}.alert{background:#3a1c22;border:1px solid var(--red);color:#ffc8cb;padding:12px;border-radius:8px;margin-top:20px}footer{text-align:center;color:#77727c;padding:25px;border-top:1px solid var(--line);font-size:12px}
@media(max-width:760px){.summary-grid,.cards,.detail-grid{grid-template-columns:1fr}.topbar nav{display:none}.operator>span:first-child{display:none}.environment{grid-template-columns:auto 1fr}.environment span:nth-last-child(-n+2){grid-column:2}.page-head h1{font-size:30px}}
.operations{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.operations summary{cursor:pointer;font-weight:800;color:var(--purple2)}.operation-form{display:grid;grid-template-columns:150px 1fr 210px auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.operation-form input{padding:10px;border:1px solid var(--line);border-radius:7px;background:#101116;color:white}.operation-form button,.danger{padding:10px 13px;border:0;border-radius:7px;background:var(--purple);color:white;font-weight:800;cursor:pointer}.danger{background:#8e3039}.job-list{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.job-row{display:grid;grid-template-columns:110px 100px 1fr 130px 240px;gap:12px;align-items:center;padding:15px 18px;color:var(--text);text-decoration:none;background:var(--surface);border-bottom:1px solid var(--line)}.job-row:last-child{border-bottom:0}.job-row:hover{background:var(--surface2)}.job-row span,.job-row time{color:var(--muted);font-size:13px}.job-output{max-height:520px;overflow:auto;white-space:pre-wrap;background:#0b0c10;border:1px solid var(--line);padding:18px;border-radius:9px;color:#d5d2d7;line-height:1.5}.state-succeeded{color:var(--green)}.state-failed,.state-cancelled{color:var(--red)}.state-running{color:var(--amber)}.metric strong.small{font-size:15px;word-break:break-word}@media(max-width:900px){.operation-form,.job-row{grid-template-columns:1fr}.job-row time{display:none}}