:root{--sh-navy: #07153a;--sh-blue: #66b6ff;--sh-bg: #eff1f7;--sh-font: "Poppins", Arial, sans-serif}body{margin:0;font-family:var(--sh-font);background:var(--sh-bg)}.sh-hdr{background:var(--sh-navy);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:400;box-shadow:0 2px 14px #0000004d}.sh-hdr-l,.sh-hdr-r{display:flex;align-items:center;gap:14px}.sh-hdr-r{gap:10px}.sh-brand{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.6px;line-height:1;color:#fff}.sh-mark{width:32px;height:22px;color:var(--sh-blue);filter:drop-shadow(0 0 5px rgba(102,182,255,.5))}.sh-word{font-size:1.34rem}.sh-sep{width:1px;height:26px;background:#ffffff29}.sh-modulos{display:flex;gap:4px}.sh-modulo{padding:6px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#ffffff9e;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.sh-modulo:hover{background:#ffffff14;color:#fff}.sh-modulo.on{background:var(--sh-blue);color:var(--sh-navy);font-weight:600}.sh-cargando{position:fixed;inset:60px 0 0;display:flex;align-items:center;justify-content:center;background:#eff1f7d9;color:#263c7a;font-size:.9rem;z-index:900}.sh-cargando[hidden]{display:none}.sh-error{max-width:900px;margin:40px auto;padding:24px;background:#fff;border:1px solid #e74c3c;border-radius:10px}.sh-error h2{margin:0 0 12px;font-size:1rem;color:#b03025}.sh-error pre{white-space:pre-wrap;font-size:.78rem;color:#5c6477}.sh-hdr-r{display:flex;align-items:center;gap:16px}.sh-acciones{display:flex;align-items:center;gap:10px}.sh-sesion{display:flex;align-items:center;gap:12px}.sh-usuario{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.sh-usuario-nombre{color:#fff;font-size:.82rem;font-weight:500}.sh-usuario-rol{color:#ffffff8c;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.sh-salir{padding:6px 12px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#ffffff14;color:#fff;font:inherit;font-size:.78rem;cursor:pointer;transition:background .15s}.sh-salir:hover{background:#ffffff2e}.login-mask{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#07153a,#263c7a);padding:24px}.login-card{background:#fff;border-radius:16px;padding:40px 44px;box-shadow:0 20px 60px #07153a59;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:380px;width:100%}.login-card .sh-mark{color:var(--sh-blue)}.login-sub{color:#5c6477;font-size:.9rem;text-align:center;margin:0}.login-aviso{background:#fde8e8;color:#b03025;border:1px solid #f5b5b0;border-radius:8px;padding:10px 14px;font-size:.82rem;text-align:center}.login-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid #dde2ec;border-radius:9px;background:#fff;color:#242528;font:inherit;font-size:.92rem;font-weight:500;cursor:pointer;transition:box-shadow .15s,border-color .15s}.login-btn:hover{border-color:var(--sh-blue);box-shadow:0 4px 14px #07153a1f}.sh-pendiente{max-width:760px;margin:60px auto;padding:28px;background:#fff;border:1px dashed #dde2ec;border-radius:12px;text-align:center;color:#5c6477}