:root{--fundo:#11151a;--cartao:#1a2028;--borda:#2a323d;--texto:#e6e1d6;--sub:#9aa3ad;
--ouro:#d4a54a;--ouro-esc:#a67c2e;--verde:#5fb87a;--vermelho:#d0625a;--azul:#6aa5d8;--ambar:#e0a040}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]){--fundo:#f3efe6;--cartao:#fffdf8;
--borda:#ddd4c3;--texto:#25211b;--sub:#6d675d;--ouro:#9c7224;--ouro-esc:#7d5b1c;--verde:#2f8a4c;
--vermelho:#b43e36;--azul:#2f6fa8;--ambar:#a8701a}}
*{box-sizing:border-box}html{background:var(--fundo)}
body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.5 Inter,system-ui,sans-serif}
h1,h2{font-family:Cinzel,Georgia,serif;font-weight:600;margin:0;letter-spacing:.02em}
h1{font-size:22px;color:var(--ouro)}h2{font-size:15px;margin-bottom:12px;color:var(--ouro)}
.sub{color:var(--sub);font-size:13px;margin:0}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;
max-width:960px;margin:0 auto;padding:24px 16px 8px}
main{max-width:960px;margin:0 auto;padding:8px 16px 48px;display:grid;gap:16px}
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:10px;padding:18px;min-width:0}
.grade{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.situacao{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.selo{font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid currentColor;font-size:14px}
.selo.online{color:var(--verde)}.selo.parado,.selo.falhou{color:var(--vermelho)}
.selo.subindo,.selo.desligando{color:var(--ambar)}.selo.atualizando{color:var(--azul)}
.numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.numeros div{display:flex;flex-direction:column}.numeros b{font-size:20px;font-weight:600}
.numeros span{color:var(--sub);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.acoes{display:flex;flex-wrap:wrap;gap:8px}
.botao{font:inherit;font-weight:500;padding:9px 16px;border-radius:8px;border:1px solid var(--borda);
background:transparent;color:var(--texto);cursor:pointer}
.botao:hover{border-color:var(--ouro)}.botao:disabled{opacity:.45;cursor:default}
.botao.primario{background:var(--ouro);border-color:var(--ouro);color:#1a1408}
.botao.primario:hover{background:var(--ouro-esc)}
.botao.fantasma{padding:6px 12px;font-size:13px}
.botao.confirmando{border-color:var(--vermelho);color:var(--vermelho)}
.aviso{margin:14px 0 0;font-size:13px;color:var(--sub)}
dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:14px}
dt{color:var(--sub)}dd{margin:0;overflow-wrap:anywhere}
.lista{list-style:none;margin:0;padding:0;font-size:14px}
.lista li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--borda)}
.lista li:first-child{border-top:0}.lista .sub{white-space:nowrap}
.lista a{color:var(--azul);overflow-wrap:anywhere}
.mono,.log{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.titulo-log{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.titulo-log h2{margin:0}
.log{margin:0;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-all;color:var(--sub)}
.tela-login{display:grid;place-items:center;min-height:100vh;padding:16px}
.login{width:100%;max-width:360px;display:grid;gap:14px}
.login label{display:grid;gap:6px;font-size:13px;color:var(--sub)}
.login input{font:inherit;font-size:16px;padding:10px 12px;border-radius:8px;border:1px solid var(--borda);
background:var(--fundo);color:var(--texto)}
.erro{color:var(--vermelho);font-size:14px;margin:0}
@media (max-width:520px){.numeros b{font-size:17px}h1{font-size:19px}}