:root{--navy:#14284b;--gold:#c8a24a;--bg:#f4f6fa;--line:#dde2ea}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 'Segoe UI',system-ui,Arial,sans-serif;background:var(--bg);color:#1c2433}
a{color:var(--navy)}.w{max-width:1200px;margin:0 auto;padding:0 18px}
header{background:var(--navy);border-bottom:3px solid var(--gold);color:#fff}
.bar{display:flex;align-items:center;gap:22px;min-height:54px;flex-wrap:wrap}
.brand small{color:var(--gold);font-weight:400;margin-left:6px}
nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}nav a{color:#dfe6f3;text-decoration:none;padding:8px 12px;border-radius:6px}
nav a:hover,nav a.on{background:rgba(255,255,255,.14);color:#fff}.usr{font-size:.85rem}.usr a{color:var(--gold)}
main{padding:24px 18px 60px}h1{color:var(--navy);margin:.2em 0 .6em;font-size:1.6rem}h2{color:var(--navy);font-size:1.15rem}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:10px;padding:14px}.kpi b{font-size:1.8rem;color:var(--navy);display:block}
table{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--line);font-size:.9rem}
th{background:var(--navy);color:#fff;text-align:left;padding:9px 10px;white-space:nowrap}td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:top}
tr:nth-child(even) td{background:#fafbfd}.tw{overflow-x:auto}
.b{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.75rem;font-weight:700;background:#e8ebf1;color:#4a5568}
.b.ok{background:#dff3e6;color:#17623a}.b.warn{background:#fdf3d6;color:#7a5a05}.b.bad{background:#fbe1e1;color:#8a1f1f}
.btn{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:7px;padding:9px 16px;cursor:pointer;font:inherit;text-decoration:none}
.btn:hover{background:#0d1b34}.btn.g{background:var(--gold);color:#14284b}.btn.s{padding:4px 10px;font-size:.82rem}
label{display:block;font-weight:600;margin:12px 0 4px;font-size:.88rem;color:var(--navy)}
input,select,textarea{width:100%;padding:9px 10px;border:1px solid #b9c2d0;border-radius:7px;font:inherit;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold)}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.msg{padding:11px 14px;border-radius:8px;margin-bottom:14px}.okm{background:#dff3e6;border:1px solid #9fd3b3}.errm{background:#fbe1e1;border:1px solid #e3a3a3}
.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filtros>div{flex:1;min-width:150px}
.hint{font-size:.8rem;color:#5b6678}.auto{background:#f1f4f9}
.login{max-width:380px;margin:70px auto}.pager{margin:14px 0;display:flex;gap:6px;flex-wrap:wrap}
@media(max-width:760px){.r2,.r3{grid-template-columns:1fr}}