:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#19221d;background:#f3f5f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#d9efe1,transparent 40%),#eef2ef}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #dbe2dc;border-radius:20px;padding:36px;box-shadow:0 20px 60px #1b35241a;display:grid;gap:18px}.auth-card h1,.page-header h1,.sidebar h1{margin:0;letter-spacing:-.04em}.auth-card code{display:block;padding:10px 12px;background:#f1f4f2;border-radius:8px}.eyebrow{color:#2d7150;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}.muted{color:#68736c;font-size:13px}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#364139}input,select,textarea{width:100%;border:1px solid #cfd8d1;border-radius:9px;background:#fff;padding:10px 12px;color:#19221d}input:focus,select:focus,textarea:focus{outline:3px solid rgba(52,132,91,.15);border-color:#34845b}button.primary,button.secondary{border:0;border-radius:9px;padding:10px 16px;font-weight:800}button.primary{color:#fff;background:#236c49}button.primary:hover{background:#19563a}button.secondary{color:#245c42;background:#e3f0e8}button:disabled{opacity:.48;cursor:not-allowed}.error-text{color:#a33030;background:#fff0f0;padding:10px;border-radius:8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:#15271e;color:#f3f8f5;display:flex;flex-direction:column;gap:44px}.sidebar .eyebrow{color:#81c99d}.sidebar h1{font-size:29px;line-height:.96}.sidebar nav{display:grid;gap:7px}.nav-button{border:0;background:transparent;color:#bfd0c5;text-align:left;padding:11px 12px;border-radius:9px;font-weight:700}.nav-button:hover,.nav-button.active{background:#274434;color:#fff}.sidebar-footer{margin-top:auto;display:grid;gap:8px;font-size:12px;overflow-wrap:anywhere;color:#9fb2a6}.text-button{border:0;background:none;color:#2d7150;padding:0;text-align:left;font-weight:800}.sidebar .text-button{color:#81c99d}.content{padding:38px clamp(24px,4vw,64px);overflow:hidden}.page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.page-header h1{font-size:clamp(30px,4vw,48px)}.page-header p:not(.eyebrow){color:#68736c;margin-bottom:0}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:24px}.metric-card,.panel{background:#fff;border:1px solid #dce3dd;border-radius:14px;padding:20px;box-shadow:0 6px 22px #1b35240a}.metric-card{display:grid;gap:12px}.metric-card span{color:#68736c;font-size:13px;font-weight:700}.metric-card strong{font-size:34px}.metric-card.featured{background:#236c49;color:#fff;border-color:#236c49}.metric-card.featured span{color:#d6ecdf}.panel{margin-bottom:20px}.panel h2{margin:0 0 18px;font-size:18px}.toolbar{margin:16px 0;max-width:460px}.table-wrap{background:#fff;border:1px solid #dce3dd;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid #edf0ed;text-align:left;font-size:13px}th{color:#68736c;font-size:11px;letter-spacing:.06em;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f6f9f7}.empty{text-align:center;padding:38px;color:#778079}.status{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf0ed;font-size:11px;font-weight:800}.status-activo,.status-validado{color:#17613d;background:#dff2e6}.status-observado,.status-pendiente_validacion{color:#8a5a0a;background:#fff0ce}.status-rechazado,.status-inactivo{color:#8e3535;background:#f9dddd}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}.form-grid h2{grid-column:1 / -1}.form-stack{display:grid;gap:15px;align-content:start}.two-column{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:20px;align-items:start}.attribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.required{color:#b03636}.inline-form{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}.check{display:flex;align-items:center;gap:6px;white-space:nowrap}.check input{width:auto}.code-list,.simple-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.code-list li,.simple-list li{display:flex;justify-content:space-between;gap:12px;background:#f4f7f5;border-radius:8px;padding:10px}.code-list span{color:#236c49;font-size:11px;font-weight:800;text-transform:uppercase}.action-panel{background:#f9fbf9}.notice{position:sticky;top:12px;z-index:5;display:flex;justify-content:space-between;gap:16px;background:#fff6d8;border:1px solid #edd98b;border-radius:10px;padding:12px 16px;margin-bottom:18px}.notice button{border:0;background:none;font-size:20px}.loading{padding:60px;text-align:center;color:#68736c}.back{margin-bottom:20px}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column,.form-grid{grid-template-columns:1fr}.form-grid h2{grid-column:auto}}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:20px;gap:20px}.sidebar h1 br{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar-footer{display:none}.content{padding:24px 16px}.metric-grid,.attribute-grid{grid-template-columns:1fr}.page-header{align-items:start;flex-direction:column}}