*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:#faf7f2;color:#222}
header{background:#1a1a1a;color:#fff;padding:12px 20px;display:flex;gap:12px;align-items:center}
header h1{font-size:18px;margin:0;flex:1}
.badge{background:#b8860b;color:#fff;padding:2px 10px;border-radius:12px;font-size:12px}
main{max-width:960px;margin:0 auto;padding:16px}
.card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:16px;margin-bottom:16px}
label{display:block;margin:8px 0}
input,select,textarea{width:100%;padding:8px;border:1px solid #bbb;border-radius:6px;margin-top:4px}
button{background:#1a1a1a;color:#fff;border:0;border-radius:6px;padding:9px 16px;cursor:pointer;margin:6px 4px 6px 0}
button.secundario{background:#fff;color:#1a1a1a;border:1px solid #1a1a1a}
nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
nav button{background:#eee;color:#222}
.erro{color:#b00020}
.ok{color:#1a7a2e}
button:disabled{opacity:.45;cursor:not-allowed}
.aviso{background:#fff3cd;border:1px solid #e6c200;padding:10px;border-radius:6px}
.item{border:1px solid #eee;border-radius:8px;padding:10px;margin:8px 0}
.msg{border-left:3px solid #ccc;padding:6px 10px;margin:6px 0}
.msg.entrada{border-color:#2a7}
.msg.saida{border-color:#47a}
.msg small{color:#666}
@media (max-width:600px){main{padding:8px}header h1{font-size:15px}}