:root{--acento:#ffd500;--acento-escuro:#1a1a1a;--fundo:#f4f5f7;--card:#fff;--texto:#1c1e21;--texto-2:#65707e;--borda:#e4e7eb;--verde:#14803c;--vermelho:#c02626;--laranja:#b45309;--azul:#1d4ed8;--raio:12px;--sombra:0 1px 3px #10182812}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.layout{min-height:100vh;display:flex}.sidebar{background:var(--acento-escuro);color:#d5d8dd;flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.sidebar .marca{color:#fff;border-bottom:1px solid #ffffff14;padding:20px 18px 14px;font-size:16px;font-weight:700}.sidebar .marca small{color:var(--acento);letter-spacing:.4px;font-size:11px;font-weight:600;display:block}.marca-logo{background:var(--acento);border-radius:10px;place-items:center;margin-bottom:10px;padding:10px;display:grid}.marca-logo img{object-fit:contain;max-width:100%;height:44px}.login-logo{background:var(--acento);border-radius:12px;place-items:center;margin-bottom:20px;padding:16px;display:grid}.login-logo img{object-fit:contain;max-width:100%;height:62px}.sidebar nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.sidebar nav a{border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff12}.sidebar nav a.ativo{background:var(--acento);color:#1a1a1a;font-weight:700}.sidebar .rodape{border-top:1px solid #ffffff14;padding:14px 18px;font-size:12.5px}.sidebar .rodape button{color:#d5d8dd;background:0 0;border:0;padding:4px 0}.sidebar .rodape button:hover{color:var(--acento)}.conteudo{flex:1;max-width:1180px;padding:26px 30px}.conteudo h1{margin:0 0 18px;font-size:21px}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px;display:grid}.card{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px 18px}.card .rotulo{color:var(--texto-2);text-transform:uppercase;letter-spacing:.4px;font-size:12.5px;font-weight:600}.card .valor{margin-top:6px;font-size:24px;font-weight:700}.card .valor.alerta{color:var(--laranja)}.card .valor.erro{color:var(--vermelho)}.tabela-wrap{background:var(--card);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--texto-2);border-bottom:1px solid var(--borda);padding:12px 16px;font-size:12px}td{border-bottom:1px solid var(--borda);padding:12px 16px}tbody tr:last-child td{border-bottom:0}tbody tr.clicavel:hover{cursor:pointer;background:#fafbfc}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.RECEBIDO{color:var(--azul);background:#eef2ff}.badge.ENVIADO_ERP{color:#0369a1;background:#f0f9ff}.badge.FATURADO{color:#a16207;background:#fefce8}.badge.EM_SEPARACAO{color:var(--laranja);background:#fff7ed}.badge.SAIU_ENTREGA{color:var(--verde);background:#f0fdf4}.badge.ENTREGUE{color:var(--verde);background:#dcfce7}.badge.FALHA_INTEGRACAO{color:var(--vermelho);background:#fef2f2}.badge.CANCELADO{color:var(--texto-2);background:#f3f4f6}.badge.pendente{color:#a16207;background:#fefce8}.badge.aprovado{color:var(--verde);background:#dcfce7}.badge.bloqueado{color:var(--vermelho);background:#fef2f2}.badge.excluido{color:var(--texto-2);background:#f3f4f6}.filtros{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}input,select{border:1px solid var(--borda);font:inherit;background:#fff;border-radius:8px;min-width:0;padding:9px 12px}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:0;border-color:#0000}.btn{background:var(--acento);color:#1a1a1a;border:0;border-radius:8px;padding:9px 16px;font-weight:700}.btn:hover{filter:brightness(.95)}.btn:disabled{opacity:.55;cursor:default}.btn-claro{border:1px solid var(--borda);color:var(--texto);background:#fff;font-weight:600}.btn-mini{border-radius:7px;padding:5px 11px;font-size:12.5px}.btn-perigo{color:var(--vermelho);background:#fef2f2;border:1px solid #fecaca}.btn-ok{color:var(--verde);background:#f0fdf4;border:1px solid #bbf7d0}.login-fundo{background:var(--acento-escuro);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:16px;width:min(400px,92vw);padding:36px 34px}.login-card h1{margin:0 0 2px;font-size:22px}.login-card p{color:var(--texto-2);margin:0 0 22px}.login-card form{flex-direction:column;gap:12px;display:flex}.faixa-amarela{background:var(--acento);border-radius:99px;width:56px;height:6px;margin-bottom:18px}.grade-2{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=900px){.grade-2{grid-template-columns:1fr}}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--borda);margin-left:6px;padding:0 0 16px 22px;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";background:var(--acento);width:12px;height:12px;box-shadow:0 0 0 1.5px var(--acento);border:2px solid #fff;border-radius:50%;position:absolute;top:1px;left:-7px}.mono{font-family:Consolas,monospace;font-size:12.5px}.erro-texto{color:var(--vermelho);white-space:pre-line}.vazio{text-align:center;color:var(--texto-2);padding:38px 0}.pill-filtro{border:1px solid var(--borda);background:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.pill-filtro.ativo{background:var(--acento);border-color:var(--acento)}