*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;background:#0a1330;color:#e8eeff}
header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#16245a;border-bottom:2px solid #060c22}
header h1{margin:0;font-size:18px;color:#ffd23f}
header .quem{margin-left:auto;font-size:13px;color:#9fb4e8}
main{max-width:1000px;margin:0 auto;padding:14px}
section{background:#111c47;border:1px solid #24357a;border-radius:10px;padding:12px 14px;margin-bottom:12px}
h2{margin:0 0 8px;font-size:15px;color:#ffd23f}
label{display:block;font-size:12px;color:#9fb4e8;margin:8px 0 2px}
input,select,textarea{width:100%;padding:7px 9px;border-radius:7px;border:1px solid #2a57c0;background:#060c22;color:#fff;font:inherit}
button{font:inherit;padding:7px 14px;border-radius:7px;border:1px solid #060c22;background:#1f7ae8;color:#fff;cursor:pointer;margin:6px 6px 0 0}
button.perigo{background:#d8423a}
button.ok{background:#22a447}
button.cinza{background:#3a4f8c}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:5px 6px;border-bottom:1px solid #24357a;vertical-align:top}
th{color:#9fb4e8;font-weight:600}
.linha{display:flex;gap:10px;flex-wrap:wrap}
.linha>div{flex:1 1 180px}
.aviso{padding:8px 10px;border-radius:7px;background:#3a2a0a;color:#ffd23f;margin:8px 0}
.erro{background:#3a0f0f;color:#ffb0a8}
.bom{background:#0f3a1a;color:#8ef58a}
pre{white-space:pre-wrap;word-break:break-word;margin:0;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;color:#cfe0ff}
[hidden]{display:none!important}
.pequeno{font-size:12px;color:#9fb4e8}