:root{--g:#00301f;--g2:#006838;--o:#F58331;--b:#00AEEF;--bg:#f4f6f3;--t:#17241d}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 Manrope,system-ui,sans-serif;background:var(--bg);color:var(--t)}
header{background:var(--g);display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;flex-wrap:wrap;gap:.5rem}
.brand{font:700 1.7rem 'Barlow Condensed',sans-serif;color:#fff;text-decoration:none}.brand span{color:var(--o)}
nav a{color:#fff;margin-left:1.1rem;text-decoration:none}nav a:hover{text-decoration:underline}
main{max-width:980px;margin:1.5rem auto;padding:0 1rem}
h1,h2{font-family:'Barlow Condensed',sans-serif;color:var(--g);margin:.2em 0 .6em}h1{font-size:2.3rem}h2{font-size:1.5rem}
.card{background:#fff;border:1px solid #d9e0da;border-radius:6px;padding:1.2rem;margin-bottom:1rem}
label{display:block;font-weight:600;font-size:.9rem}input,select{width:100%;padding:.55rem;border:1px solid #b8c4bb;border-radius:4px;font:inherit;margin-top:.25rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-bottom:1rem}
button,.btn{background:var(--g2);color:#fff;border:0;border-radius:4px;padding:.65rem 1.1rem;font:600 1rem Manrope,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
button.no{background:#b3261e}button.alt{background:var(--g)}:focus-visible{outline:3px solid var(--b);outline-offset:2px}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid #e3e8e4}th{background:#e8efe9;font-size:.85rem}
.badge{padding:.15rem .6rem;border-radius:99px;font-size:.85rem;font-weight:600;white-space:nowrap}.w{background:#fde6d3;color:#8a4310}.ok{background:#d6efdf;color:#0b5a2c}.bad{background:#f8d7d4;color:#8c1c13}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1rem}.stats div{background:#fff;border-left:5px solid var(--g2);padding:.8rem}.stats b{display:block;font:700 2.1rem 'Barlow Condensed',sans-serif}
.err{background:#f8d7d4;padding:.7rem;border-radius:4px;margin-bottom:1rem}.msg{background:#d6efdf;padding:.7rem;border-radius:4px;margin-bottom:1rem}
img.talao{max-width:100%;max-height:480px;border:1px solid #ccc}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:end}