:root{--ink:#19263a;--muted:#64748b;--navy:#102a43;--sky:#2b7fff;--line:#e6ebf2;--soft:#f5f8fc;--green:#058c6a;--red:#dc4d61}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}aside{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);padding:28px 18px;color:#dbeafe}.brand{display:block;color:#fff;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;padding:0 12px 36px}.brand span{color:#60a5fa}nav a{display:block;padding:11px 12px;color:#cbd5e1;text-decoration:none;border-radius:8px;margin:5px 0}nav a:hover{background:#1f466e;color:#fff}.user{position:absolute;bottom:26px;left:30px;right:24px;color:#bfdbfe;font-size:14px}.user a{display:block;color:#fff;margin-top:6px}main{margin-left:238px;padding:38px;max-width:1500px}main>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{color:var(--sky);font-size:12px;font-weight:800;letter-spacing:.1em;margin:0}h1{font-size:30px;letter-spacing:-.8px;margin:3px 0}h2{font-size:18px;margin:0 0 15px}.button,button{border:0;background:var(--sky);color:#fff;padding:10px 15px;border-radius:8px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.button.secondary,button.secondary{background:#e9f1fc;color:#175bb2}.button.danger,button.danger{background:#fee2e7;color:#b4233b}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.metric{font-size:28px;font-weight:800;letter-spacing:-1px;margin:5px 0}.muted{color:var(--muted);font-size:14px}.panel{margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px}td{padding:13px 10px;border-top:1px solid var(--line);vertical-align:middle}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f8fbff}.status{font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px}.status-pending{background:#fff5d7;color:#9a6200}.status-processing{background:#e1efff;color:#1767be}.status-completed{background:#dff8ed;color:#087353}.status-failed{background:#ffe5e9;color:#b72c40}.up{color:var(--green);font-weight:700}.down{color:var(--red);font-weight:700}.neutral{color:var(--muted)}.alert{padding:13px 15px;border-radius:8px;margin:0 0 18px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#ffe4e6;color:#9f1239}form.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{font-size:14px;font-weight:650;display:block}input{margin-top:6px;width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:10px;font:inherit}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102a43,#174a76)}.login .panel{width:min(420px,90vw);padding:30px}.login h1{margin-bottom:24px}.empty{color:var(--muted);padding:20px;text-align:center}@media(max-width:850px){aside{position:static;width:auto;height:auto;padding:14px;display:flex;align-items:center;gap:15px}.brand{padding:0}.user{display:none}nav{display:flex;gap:5px}nav a{margin:0;padding:7px}main{margin:0;padding:22px}.cards{grid-template-columns:repeat(2,1fr)}main>header{align-items:flex-start}form.grid{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}main>header{display:block}.button{display:inline-block;margin-top:10px}table{font-size:12px}th,td{padding:8px 5px}}