:root{--green: #1f7a68;--green-dark: #135848;--blue: #0b5c77;--gold: #d8a642;--bg: #f5f8f7;--text: #17212b;--muted: #64748b;--danger: #dc2626;--warning: #d97706;--ok: #0f9f6e;--card: #ffffff;--border: #dbe5e2}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 14px 35px #11182712}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--green),var(--blue));color:#fff}.btn-secondary{background:#e8f2ef;color:var(--green-dark)}.btn-danger{background:#fee2e2;color:var(--danger)}.btn-outline{border:1px solid var(--border);color:var(--green-dark);background:#fff}.btn-small{padding:8px 12px;font-size:13px;border-radius:10px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:800;color:#334155}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:12px;padding:12px 13px;background:#fff;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f7a681f}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#0b5c77,#0f3f55);color:#fff;padding:24px;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-weight:900}.sidebar .brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#fff}.sidebar nav{display:grid;gap:8px}.sidebar a,.sidebar button{color:#ffffffeb;background:transparent;border:0;text-align:left;padding:12px;border-radius:12px}.sidebar a.active,.sidebar a:hover,.sidebar button:hover{background:#ffffff1f}.content{padding:28px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-title h1{margin:0;font-size:clamp(24px,4vw,36px)}.muted{color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #eef2f1;font-size:14px}th{color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#e2e8f0;color:#334155}.badge.ENVIADA,.badge.EN_REVISION{background:#dbeafe;color:#1d4ed8}.badge.APROBADA,.badge.DOCUMENTOS_APROBADOS,.badge.CERTIFICADO_GENERADO,.badge.FINALIZADA,.badge.APROBADO{background:#d1fae5;color:#047857}.badge.RECHAZADA,.badge.RECHAZADO{background:#fee2e2;color:#b91c1c}.badge.PENDIENTE_CORRECCION,.badge.REQUIERE_CORRECCION,.badge.PENDIENTE{background:#fef3c7;color:#b45309}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.alert-error{background:#fee2e2;color:#991b1b}.alert-ok{background:#d1fae5;color:#065f46}@media (max-width: 900px){.grid-2,.grid-3,.grid-4,.form-row,.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:18px}}.stat{padding:24px;display:grid;gap:8px}.stat strong{font-size:36px;color:var(--green-dark)}.stat span{color:var(--muted);font-weight:700}.block{margin-top:22px;padding:24px}.form-panel{padding:24px;margin-bottom:22px}.form-panel h2{margin-top:0}.file-list{display:grid;gap:8px;padding:12px;background:#f8fafc;border:1px dashed var(--border);border-radius:12px}.timeline{padding:12px 0;border-bottom:1px solid #eef2f1;display:grid;gap:4px}.timeline span{color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}pre{white-space:pre-wrap;background:#f8fafc;border-radius:12px;padding:12px;border:1px solid var(--border)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.template-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #eef2f1;padding:14px 0}input[type=file]{padding:10px;border:1px dashed var(--border);border-radius:12px;background:#fff}button[disabled]{opacity:.65;cursor:not-allowed}.mini-section{border:1px solid #eef2f1;background:#fbfdfc;border-radius:16px;padding:18px;display:grid;gap:14px}.mini-section h2{font-size:18px;margin:0;color:var(--green-dark)}.section-line{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.section-line p{margin:6px 0 0}.document-row{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(220px,1.3fr) auto;gap:12px;align-items:end;border:1px dashed var(--border);border-radius:14px;padding:12px;background:#fff}.document-row.compact{grid-template-columns:minmax(160px,.9fr) minmax(180px,1fr) auto;margin-bottom:10px}@media (max-width: 900px){.document-row,.document-row.compact{grid-template-columns:1fr}}
