:root{--tinta: #1b2229;--tinta-media: #3a444d;--tinta-hover: #2f3b45;--label: #8a949c;--label-2: #5b6670;--papel: #e7eaec;--hoja: #ffffff;--hair: #d3d8db;--hair-2: #eef1f2;--hair-3: #c8ced1;--alarma: #c23934;--alarma-osc: #a82e29;--alarma-txt: #8f2b27;--alarma-bg: #fdf2f1;--correcto: #3f7d5a;--advertencia: #c1841f;--hazard: #f4c20d;--hazard-borde: #d8ac06;--hazard-bg: #fff8dc;--acero: #7a858d;--radio: 6px;--sans: "IBM Plex Sans", system-ui, sans-serif;--cond: "IBM Plex Sans Condensed", var(--sans);--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.cond{font-family:var(--cond)}.label{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--label)}.topbar{position:sticky;top:0;z-index:10;height:52px;background:var(--tinta);color:var(--hair-2);display:flex;align-items:center;gap:14px;padding:0 20px}.topbar .wordmark{font-family:var(--cond);font-weight:700;font-size:16px;letter-spacing:.3px}.topbar .crumbs{color:#98a2a9;font-size:13px;display:flex;gap:8px;align-items:center}.topbar .spacer{flex:1}.topbar .user{display:flex;align-items:center;gap:9px}.topbar .user .nombre{font-family:var(--cond);font-weight:600;font-size:13.5px;color:#eef1f2;line-height:1.1}.topbar .user .rol{font-family:var(--mono);font-size:9.5px;letter-spacing:1px;color:#9aa4ab}.avatar{width:28px;height:28px;border-radius:50%;background:var(--correcto);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--cond);font-weight:600;font-size:12px}.container{max-width:1240px;margin:0 auto;padding:22px 20px}button{font-family:var(--sans);cursor:pointer}.btn{border:1px solid var(--tinta);background:var(--tinta);color:#fff;border-radius:var(--radio);padding:8px 14px;font-size:13px}.btn:hover{background:var(--tinta-hover)}.btn-sec{background:#fff;color:var(--tinta);border:1px solid var(--hair-3)}.btn-sec:hover{background:var(--hair-2)}.kicker{font-family:var(--mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--label)}.h1{font-family:var(--cond);font-weight:600;font-size:30px;margin:2px 0 0}.hazard-stripe{background:repeating-linear-gradient(45deg,var(--hazard) 0 9px,var(--tinta) 9px 18px)}