:root{
  --verde:#2E7D32; --verde2:#4CAF50; --amarillo:#FFC107; --gris:#444; --gris2:#777; --bg:#f7f7f7; --blanco:#fff; --rojo:#c62828;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:var(--bg); color:var(--gris)}
header{background:linear-gradient(90deg,#0D47A1,#1976D2);color:#fff}
.header-wrap{max-width:1100px;margin:auto;display:flex;gap:16px;align-items:center;padding:10px 16px}
.header-wrap img{height:46px}
.header-wrap h1{margin:0;font-size:1.1rem;font-weight:600}
nav{background:#fff;border-bottom:1px solid #e5e5e5}
.nav-wrap{max-width:1100px;margin:auto;display:flex;gap:8px;align-items:center;padding:8px 16px;justify-content:space-between}
.nav-wrap .brand{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--verde)}
.nav-wrap a.btn{background:var(--verde);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:18px;margin-bottom:16px}
h2{color:var(--verde);margin:0 0 8px}
.grid2{display:grid;grid-template-columns:1fr 1fr; gap:12px}
label{font-weight:600;display:block;margin:10px 0 6px}
input,select,textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font:inherit}
textarea{min-height:110px;resize:vertical}
small.helper{color:var(--gris2)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
button.primary{background:linear-gradient(135deg,var(--verde),var(--verde2));color:#fff;border:none;padding:12px 18px;border-radius:24px;font-weight:700;cursor:pointer}
button.secondary{background:#eee;color:#333;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}
.notice{padding:10px 14px;border-radius:8px;background:#e8f5e9;border:1px solid #c8e6c9;color:#1b5e20}
.error{padding:10px 14px;border-radius:8px;background:#ffebee;border:1px solid #ffcdd2;color:#b71c1c}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.85rem}
.badge.pending{background:#fff8e1;color:#8a6d1a}
.badge.enrevisión{background:#e3f2fd;color:#0d47a1}
.badge.aprobado{background:#e8f5e9;color:#1b5e20}
.badge.rechazado{background:#ffebee;color:#b71c1c}
.footer{padding:30px 16px;background:#222;color:#eee;margin-top:40px}
.footer .container{display:flex;justify-content:space-between;align-items:center}
input[type=file]{padding:8px;background:#fafafa}
.progress{height:8px;border-radius:8px;background:#eee;overflow:hidden}
.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--verde),var(--verde2));width:0}
@media(max-width:800px){.grid2{grid-template-columns:1fr} .header-wrap h1{display:none}}