:root{--navy:#1f3864;--ouro:#c9a227;--fundo:#f5f6f8;--texto:#1d2433;--erro:#b42318;--ok:#067647;color:var(--texto);background:var(--fundo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}.cartao-entrada{background:#fff;border-radius:12px;max-width:380px;margin:10vh auto;padding:32px;box-shadow:0 2px 12px #00000014}label{margin:12px 0;font-weight:600;display:block}input,select,textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #c8ccd4;border-radius:6px;margin-top:4px;padding:8px 10px;display:block}input[type=color]{width:48px;height:36px;padding:2px}button{font:inherit;background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:8px 16px}button:disabled{opacity:.6;cursor:default}button.secundario{color:var(--navy);border:1px solid var(--navy);background:#fff}[role=alert]{color:var(--erro)}[role=status]{color:var(--ok)}.painel{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.painel>header{background:var(--navy);color:#fff;grid-column:1/-1;align-items:center;gap:16px;padding:12px 24px;display:flex}.painel>header h1{flex:1;margin:0;font-size:18px}.painel>nav{background:#fff;border-right:1px solid #e3e6eb;flex-direction:column;gap:4px;padding:16px;display:flex}.painel>nav a{color:var(--texto);border-radius:6px;padding:8px 12px;text-decoration:none}.painel>nav a.active{background:var(--navy);color:#fff}.painel>main{max-width:960px;padding:24px}.faixa{border-bottom:1px solid var(--ouro);background:#fff7e0;grid-column:1/-1;margin:0;padding:10px 24px}.faixa.alerta{border-color:var(--erro);background:#fdecea}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e3e6eb;padding:8px}.previa{background:#fff;border:1px solid #e3e6eb;border-radius:8px;max-width:420px;overflow:hidden}.previa .topo{color:#fff;align-items:center;gap:12px;padding:12px;display:flex}.previa img{max-height:40px}.previa .botao{color:#fff;border-radius:6px;margin:12px;padding:8px 14px;display:inline-block}@media (width<=720px){.painel{grid-template-columns:1fr}.painel>nav{flex-flow:wrap}}