:root{--bg:#eef1f5;--surface:#fff;--fg:#1a2433;--muted:#5b6878;--line:#d9dfe7;--top:#0f1b2d;--side:#16253a;--side-fg:#bcc8d8;--side-line:#26384f;--accent:#2e75b6;--accent-ink:#1f4e79;--font:system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--fg);font-size:13px;line-height:1.4}.app{flex-direction:column;min-height:100%;display:flex}.top{background:var(--top);color:#dce4ee;align-items:center;gap:12px;min-height:44px;padding:4px 14px;display:flex}.marca{letter-spacing:.02em;font-weight:700}.ambiente{text-transform:uppercase;letter-spacing:.08em;color:#f6c77a;background:#3a2a10;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:600}.cuerpo{flex:1;display:flex}.side{background:var(--side);width:210px;color:var(--side-fg);flex-direction:column;flex:0 0 210px;gap:2px;padding:10px 8px;display:flex}.side h6{letter-spacing:.08em;text-transform:uppercase;color:#7f93ad;margin:12px 10px 4px;font-size:11px;font-weight:600}.side button{text-align:left;width:100%;color:var(--side-fg);min-height:32px;font:inherit;background:0 0;border:0;border-radius:4px;padding:7px 10px;display:block}.side button:disabled{opacity:.55;cursor:default}.side-foot{border-top:1px solid var(--side-line);color:#7f93ad;margin-top:auto;padding:10px;font-size:11px}.main{flex:1;padding:24px}.main h1{color:var(--accent-ink);margin:0 0 8px;font-size:20px}.main p{color:var(--muted);margin:0}.main .estado{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin-top:16px;padding:8px 12px;display:inline-block}.main .estado-ok{color:#1e7a46;background:#eef8f2;border-color:#b7dcc6}.main .estado-error{color:#b42318;background:#fdf1f0;border-color:#f1c3be}.top .empresa-actual{margin-left:8px;font-weight:600}.top .usuario{color:#9fb0c6;margin-left:auto;font-size:12px}.boton-top{color:#dce4ee;min-height:28px;font:inherit;cursor:pointer;background:0 0;border:1px solid #33465f;border-radius:4px;padding:4px 10px;font-size:12px}.boton-top:hover{background:#1c2c44}.acceso{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.tarjeta{background:var(--surface);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:24px;display:flex}.tarjeta h1{color:var(--accent-ink);margin:0;font-size:18px}.tarjeta p{margin:0}.tarjeta-marca{color:var(--top);align-items:center;gap:8px;font-weight:700;display:flex}.campo{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.campo input{font:inherit;color:var(--fg);border:1px solid var(--line);border-radius:4px;min-height:36px;padding:8px 10px;font-size:14px;font-weight:400}.campo input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.boton{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:4px;min-height:36px;padding:8px 14px}.boton:hover{background:var(--bg)}.boton-primario{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.boton-primario:hover{background:var(--accent-ink)}.boton:disabled{opacity:.6;cursor:default}.mensaje-error{color:#b42318;background:#fdf1f0;border:1px solid #f1c3be;border-radius:4px;padding:8px 10px}.lista-empresas{flex-direction:column;gap:8px;display:flex}.opcion-empresa{font:inherit;text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;display:flex}.opcion-empresa:hover{border-color:var(--accent);background:#f3f8fd}.opcion-empresa span{color:var(--muted);font-size:12px}@media (width<=640px){.top{flex-wrap:wrap}.top .usuario{order:5;width:100%;margin-left:0}.cuerpo{flex-direction:column}.side{flex:none;width:auto}}