:root{color-scheme:light dark;font-family:ui-sans-serif,system-ui,sans-serif;color:#17171a;background:#f8faff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f8faff}button,input{font:inherit}.boot,.login{min-height:100dvh;display:grid;place-items:center}.login{background:linear-gradient(135deg,#f8faff,#f3f7ff)}.login form{width:min(100% - 2rem,23rem);display:grid;gap:.85rem;padding:2rem;border:1px solid color-mix(in srgb,#17171a 9%,transparent);border-radius:12px;background:#fff;box-shadow:0 .75rem 2rem color-mix(in srgb,#000 8%,transparent)}.brand{font:700 .75rem/1 JetBrains Mono,ui-monospace,monospace;letter-spacing:.12em;color:#17171a}.brand span{color:#0053fd}h1{margin:.25rem 0 .75rem;font-size:1.75rem;letter-spacing:-.04em}label{display:grid;gap:.4rem;font-size:.84rem;color:#575760}input{padding:.7rem .75rem;border:1px solid #dfe3ed;border-radius:8px;background:#fcfcfe;color:inherit}input:focus{outline:2px solid color-mix(in srgb,#0053fd 40%,transparent);border-color:#0053fd}.login button{margin-top:.4rem;padding:.72rem;border:0;border-radius:8px;background:#0053fd;color:#fff;font-weight:700;cursor:pointer}.form-error,.notice{color:#b7374f;font-size:.84rem}.shell{min-height:100dvh;display:grid;grid-template-columns:15rem 1fr}aside{display:flex;flex-direction:column;gap:1.4rem;padding:1.4rem 1rem;background:#f3f7ff;border-right:1px solid #dde3ee}nav{display:grid;gap:.25rem}nav button,.refresh{border:0;border-radius:7px;padding:.62rem .7rem;background:transparent;text-align:left;color:#555b66;cursor:pointer}nav button:hover,nav button.active{background:color-mix(in srgb,#0053fd 9%,#fff);color:#0053fd;font-weight:700}.refresh{margin-top:auto;border:1px solid #dde3ee;background:#fff}.content{padding:2rem clamp(1.25rem,4vw,4rem);max-width:92rem;width:100%}header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.7rem;border-bottom:1px solid #e0e3ea;padding-bottom:1.2rem}header p,small{margin:0;font:.72rem/1.5 JetBrains Mono,ui-monospace,monospace;color:#737783}.timestamp{color:#737783;font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.metric{min-height:9rem;padding:1rem;border:1px solid #e0e3ea;border-radius:10px;background:#fff;box-shadow:0 1px 2px color-mix(in srgb,#000 4%,transparent)}.metric p{margin:0 0 .8rem;color:#737783;font-size:.8rem}.metric strong{display:block;font-size:1.25rem;letter-spacing:-.03em}.metric .good{color:#1f8a65}.metric small{display:block;margin-top:.55rem}.table{border-top:1px solid #dde3ee}.table article{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:1rem;align-items:center;padding:1rem .25rem;border-bottom:1px solid #e6e9ef}.table strong,.table span{display:block}.table span{margin-top:.3rem;font-size:.85rem}.empty{color:#737783;padding:2rem 0}@media(prefers-color-scheme:dark){:root,body{color:#ededf0;background:#121316}.login{background:#121316}.login form,.metric,.refresh{background:#1a1b20;border-color:#30323a}.shell aside{background:#15161a;border-color:#30323a}.content{background:#121316}.brand{color:#f0f1f4}input{background:#15161a;color:#f0f1f4;border-color:#30323a}header,.table{border-color:#30323a}.table article{border-color:#292b32}nav button:hover,nav button.active{background:color-mix(in srgb,#0053fd 20%,#1a1b20)}.timestamp,header p,small{color:#a5a7b0}}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center;padding:.8rem 1rem}nav{display:flex}.refresh{margin:0 0 0 auto}.content{padding:1.25rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table article{grid-template-columns:1fr;gap:.35rem}header{align-items:start;flex-direction:column}}