:root{--navy:#0E2148;--gold:#C9A55C;--light:#EEF2F7;--line:#D5DCE6;--muted:#6B7280}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font:14px/1.45 Arial,Helvetica,sans-serif;color:#1b2430;background:#F5F7FA}
header{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:linear-gradient(120deg,#08183A 0%,#12306A 60%,#0B1D45 100%);color:#fff;padding:8px 18px;border-bottom:3px solid var(--gold);box-shadow:0 2px 6px rgba(0,0,0,.2)}
header .logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
header .logo img{width:44px;height:44px;border-radius:10px}
header .logo b{display:block;color:#E3C47E;font-size:17px}
header .logo small{display:block;color:#C8D3E6;font-size:11px}nav{display:flex;flex-wrap:wrap;gap:4px;flex:1}
nav a{color:#dfe7f2;text-decoration:none;padding:6px 10px;border-radius:6px}nav a.on,nav a:hover{background:rgba(255,255,255,.15);color:#fff}
.user{font-size:13px}.user a{color:#fff}
main{padding:18px;max-width:1400px;margin:0 auto}h1{color:var(--navy);font-size:22px;margin:4px 0 14px}h2{color:var(--navy);font-size:17px;margin:22px 0 8px}
table{border-collapse:collapse;width:100%;background:#fff;font-size:13px}th{background:var(--navy);color:#fff;text-align:left;padding:7px;position:sticky;top:0}
td{border-bottom:1px solid var(--line);padding:6px 7px;vertical-align:top}tr:nth-child(even) td{background:#FAFBFD}
td.n,th.n{text-align:right;white-space:nowrap}tfoot td{font-weight:700;background:var(--light)!important}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.kpi{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.07)}.kpi b{display:block;font-size:24px;color:var(--navy)}.kpi span{color:var(--muted);font-size:12px}
form.filtros{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:12px;background:#fff;padding:10px;border-radius:8px}
input,select,textarea{font:inherit;padding:7px;border:1px solid var(--line);border-radius:6px}
button,.btn{font:inherit;background:var(--navy);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;text-decoration:none;display:inline-block}
.btn.sec{background:#E3E8EF;color:#1b2430}.flash{background:#E7F5EC;border:1px solid #9ED3B0;padding:10px;border-radius:8px;margin-bottom:12px}
.bar{height:8px;background:var(--light);border-radius:4px;min-width:80px}.bar i{display:block;height:8px;background:var(--gold);border-radius:4px}
.fotos{display:flex;flex-wrap:wrap;gap:8px}.fotos img{width:180px;height:140px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
dl.det{display:grid;grid-template-columns:220px 1fr;gap:4px 12px;background:#fff;padding:12px;border-radius:8px}dl.det dt{color:var(--muted)}dl.det dd{margin:0;font-weight:600}
.badge{display:inline-block;padding:1px 7px;border-radius:5px;font-size:12px;background:var(--light)}.badge.ok{background:#2E7D4F;color:#fff}.badge.w{background:var(--gold);color:#fff}
.login-bg{min-height:100vh;background:linear-gradient(160deg,#08183A,#163A70) fixed}

.login .banner{width:100%;border-radius:10px;margin-bottom:14px}
.login{max-width:420px;margin:50px auto;background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}.login input{width:100%;margin:6px 0 12px}
.pag{margin:10px 0}.pag a{margin-right:6px}.scroll{overflow:auto;max-height:75vh}
.muted{color:var(--muted)}