:root{--laranja:#F07D1A;--laranja-esc:#C45F08;--fundo:#F3F4F6;--texto:#1F1F1F;--cinza:#5B6470;--borda:#E5E7EB;--side:#1F232B}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;font-size:14px;color:var(--texto);background:var(--fundo);display:flex;min-height:100vh}
a{color:var(--laranja-esc)}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:24px 0 10px}
.side{flex:0 0 230px;background:var(--side);padding:18px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow:auto}
.side .marca{display:flex;align-items:center;gap:8px;color:#C9CDD3;font-size:12px;padding:4px 8px 18px}
.side .logo{background:var(--laranja);color:#fff;font-weight:800;padding:3px 8px;border-radius:4px}
.side a{color:#C9CDD3;text-decoration:none;padding:9px 12px;border-radius:8px;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.side a:hover{background:#2E3340;color:#fff}.side a.on{background:var(--laranja);color:#fff}
.side hr{border:0;border-top:1px solid #343946;margin:10px 0}
.badge{background:var(--laranja);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}
.side a.on .badge{background:#fff;color:var(--laranja-esc)}
.rodape-side{margin-top:auto;color:#8B939E;font-size:12px;padding:10px;display:flex;justify-content:space-between}
.rodape-side .link{background:none;border:0;color:#C9CDD3;cursor:pointer;font:inherit;text-decoration:underline}
.conteudo{flex:1;padding:24px 32px;min-width:0}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--laranja);color:#fff;font-weight:600;padding:10px 16px;border-radius:8px;border:2px solid var(--laranja);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;min-height:40px}
.btn:hover{background:var(--laranja-esc);border-color:var(--laranja-esc)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-outline{background:#fff;color:var(--texto);border-color:#CBD0D6}.btn-outline:hover{background:#F3F4F6;color:var(--texto);border-color:#CBD0D6}
.btn-perigo{background:#8A1C1C;border-color:#8A1C1C}.btn.link{background:none;border:0;color:var(--cinza);text-decoration:underline;padding:4px 0}
.muted{color:var(--cinza)}.erro{color:#8A1C1C;margin:4px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:8px}
.card{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:20px}
.card-alerta{border-color:#F3D9C2;background:#FFF7F0}.card-destaque{border:2px solid var(--laranja)}
.rotulo{font-size:12px;color:var(--cinza);margin:0 0 4px;font-weight:600}.grande{font-size:28px;font-weight:700;margin:0 0 6px}
.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}.side{display:none}}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--borda);border-radius:12px;overflow:hidden}
th{text-align:left;font-size:12px;color:var(--cinza);padding:10px 12px;background:#FAFAFA;border-bottom:1px solid var(--borda)}
td{padding:10px 12px;border-bottom:1px solid #EEF0F2;vertical-align:top}
td.de{color:#8A1C1C;text-decoration:line-through}td.para{color:#1E6B34}
.pill{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.pill.ok{background:#E6F4EA;color:#1E6B34}.pill.rasc{background:#FFF1E6;color:#9A4A05}.pill.novo{background:#E8F0FE;color:#1A4FA3}
.msg{padding:12px 14px;border-radius:8px;margin-bottom:14px;background:#E8F0FE;color:#1A4FA3}.msg-success{background:#E6F4EA;color:#1E6B34}.msg-error{background:#FDE8E8;color:#8A1C1C}.msg-warning{background:#FFF1E6;color:#9A4A05}
.msg ul{margin:6px 0 0 18px}
label{display:block;font-size:12px;font-weight:600;color:var(--cinza);margin:12px 0 6px}
input:not([type=checkbox]),select,textarea{font:inherit;padding:9px 12px;border:1px solid #CBD0D6;border-radius:8px;width:100%;min-height:40px}
form.inline{display:flex;gap:6px;align-items:center}form.inline input{width:110px;min-height:34px}
.caixa-login{max-width:420px;margin:60px auto;background:#fff;border:1px solid var(--borda);border-radius:14px;padding:32px}
.caixa-login.larga{max-width:560px}.caixa-login .btn{width:100%;justify-content:center;margin-top:18px}
.logo-grande{background:var(--laranja);color:#fff;font-weight:800;display:inline-block;padding:6px 12px;border-radius:6px;margin:0 0 10px}
.qr{width:220px;margin:12px 0}.qr svg{width:100%;height:auto}
.codigos{columns:2;list-style:none;padding:0}.codigos li{margin:6px 0}code{background:#F3F4F6;padding:2px 6px;border-radius:4px}
pre{background:#1F232B;color:#C9CDD3;padding:12px;border-radius:8px;overflow:auto;font-size:12px}