:root{--bg:#fbfbfc;--surface:#fff;--surface2:#f4f5f7;--line:#e8eaee;--line2:#d9dce2;
--text:#101318;--text2:#3d434d;--muted:#767d89;--orange:#ff4d1c;--purple:#7B2FFF;
--green:#00a878;--red:#e02b48;--sombra:0 1px 2px rgba(16,19,24,.04),0 8px 24px rgba(16,19,24,.05)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:'Outfit',system-ui,sans-serif;line-height:1.5}
body.centro{display:grid;place-items:center;min-height:100vh;padding:24px;
background:radial-gradient(700px 420px at 80% -10%,rgba(123,47,255,.10),transparent 60%),
radial-gradient(560px 340px at 5% 0%,rgba(255,77,28,.10),transparent 58%),var(--bg)}
.cartao{background:var(--surface);border:1px solid var(--line);border-radius:18px;
padding:30px;width:100%;max-width:400px;box-shadow:var(--sombra)}
.marca{display:flex;align-items:center;gap:9px;margin-bottom:20px;
font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.marca span{color:var(--text);font-weight:700}
h1{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:38px;line-height:.92;text-transform:uppercase}
h1 em{font-style:normal;color:var(--orange)}
h2{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:20px;letter-spacing:.04em;
text-transform:uppercase;margin-bottom:14px}
.txt{color:var(--muted);font-size:14px;margin:8px 0 18px}
label{display:block;font-size:12.5px;color:var(--text2);font-weight:500;margin:14px 0 6px}
input[type=text],input[type=email],input[type=password]{width:100%;background:var(--surface2);
border:1px solid var(--line2);border-radius:11px;color:var(--text);
font-family:'Space Mono',monospace;font-size:15px;padding:12px 13px}
input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,77,28,.14)}
input.curto{width:130px;font-size:13px;padding:8px 10px}
.botao{display:block;width:100%;margin-top:20px;border:0;cursor:pointer;border-radius:12px;
padding:14px;background:var(--orange);color:#fff;font-family:'Space Mono',monospace;
font-size:11.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-align:center;text-decoration:none}
.botao:hover{filter:brightness(1.07)}
.aviso{border-radius:11px;padding:12px 13px;margin:14px 0;font-size:13.5px;border:1px solid;line-height:1.5}
.aviso.erro{background:rgba(224,43,72,.07);border-color:rgba(224,43,72,.28);color:#8c1027}
.aviso.ok{background:rgba(0,168,120,.07);border-color:rgba(0,168,120,.28);color:#04654b}
.aviso.alerta{background:rgba(255,77,28,.07);border-color:rgba(255,77,28,.3);color:#a02c0c}
.aviso code{font-family:'Space Mono',monospace;background:rgba(0,0,0,.06);padding:1px 5px;border-radius:4px}
.topo{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.topo-in{max-width:900px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:10px}
.topo-in b{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:19px;letter-spacing:.04em;text-transform:uppercase}
.topo-in nav{margin-left:auto;display:flex;gap:8px}
.topo-in nav a{color:var(--muted);text-decoration:none;font-family:'Space Mono',monospace;
font-size:10px;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--line2);
border-radius:9px;padding:8px 11px}
.topo-in nav a:hover{color:var(--orange);border-color:var(--orange)}
.pagina{max-width:900px;margin:0 auto;padding:20px 16px 60px}
.bloco{background:var(--surface);border:1px solid var(--line);border-radius:16px;
padding:20px;margin-bottom:16px;box-shadow:var(--sombra)}
.linha4{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}
.linha4 .span{grid-column:1/-1}
.linha4 label{margin-top:0}
.linha4 .botao{margin-top:0;padding:12px 18px;width:auto}
@media(max-width:760px){.linha4{grid-template-columns:1fr}}
.checa{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text2);margin-top:4px}
.checa input{width:auto}
.rolagem{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:680px}
th{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;
color:var(--muted);text-align:left;font-weight:400;padding:9px;border-bottom:1px solid var(--line2)}
td{padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:middle}
td.mono{font-family:'Space Mono',monospace;font-size:12.5px}
tr.inativo{opacity:.5}
.inline{display:flex;gap:6px;align-items:center}
.mini{border:1px solid var(--line2);background:var(--surface2);color:var(--text2);cursor:pointer;
border-radius:8px;padding:7px 10px;font-family:'Space Mono',monospace;font-size:10px;
letter-spacing:.06em;text-transform:uppercase}
.mini:hover{border-color:var(--orange);color:var(--orange)}
.mini.on{background:rgba(0,168,120,.12);border-color:rgba(0,168,120,.35);color:#04654b}
.mini.off{background:rgba(224,43,72,.1);border-color:rgba(224,43,72,.3);color:#8c1027}