:root{--marca:#00807c;--marca-osc:#00605d;--acento:#ffd60a;--fondo:#f4f6f8;--panel:#fff;--texto:#1c2430;--tenue:#5a6472;--borde:#d6dce4;--error:#b42318;--lateral:#142126;--lateral-txt:#d9e4e3;color:var(--texto);background:var(--fondo);font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--fondo:#12181c;--panel:#1b2328;--texto:#e6ecef;--tenue:#9aa8b0;--borde:#2c3840;--lateral:#0d1316}}*{box-sizing:border-box}body{background:var(--fondo);margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default}.cargando{height:100vh;color:var(--tenue);place-items:center;display:grid}.error{color:var(--error);font-size:14px}.tenue{color:var(--tenue)}.ingreso{min-height:100vh;display:flex}.ingreso-marca{background:var(--marca);color:#fff;flex-direction:column;width:340px;padding:48px 36px;display:flex}.marca-nombre{color:var(--acento);letter-spacing:1px;margin-top:60px;font-size:34px;font-weight:700}.marca-sub{opacity:.92;margin-top:6px}.marca-pie{opacity:.8;margin-top:auto;font-size:12px;line-height:1.5}.ingreso-panel{background:var(--panel);flex:1;place-items:center;padding:24px 16px;display:grid}.ingreso-form{flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.ingreso-form h1{margin:0 0 8px;font-size:26px}.ingreso-form label{color:var(--tenue);flex-direction:column;gap:6px;font-size:13px;display:flex}.ingreso-form input{border:1px solid var(--borde);background:var(--panel);color:var(--texto);border-radius:6px;padding:10px 12px;font-size:16px}.ingreso-form input:focus{outline:2px solid var(--marca);border-color:#0000}.ingreso-form button{background:var(--marca);color:#fff;border:0;border-radius:6px;margin-top:8px;padding:12px;font-size:16px;font-weight:600}.ingreso-form button:disabled{opacity:.7}@media (width<=760px){.ingreso{flex-direction:column}.ingreso-marca{width:auto;padding:24px 16px}.marca-nombre{margin-top:0;font-size:26px}.marca-pie{display:none}.ingreso-panel{align-items:start}}.principal{height:100vh;display:flex}.lateral{background:var(--lateral);width:240px;color:var(--lateral-txt);flex-direction:column;flex:none;display:flex}.lateral-marca{color:var(--acento);letter-spacing:1px;padding:16px;font-size:18px;font-weight:700}.menu{flex-direction:column;flex:1;min-height:0;display:flex}.menu-busca{padding:0 12px 10px}.menu-busca input{color:#fff;background:#0f1a1e;border:1px solid #33454c;border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.menu-lista{flex:1;padding-bottom:16px;overflow-y:auto}.menu-grupo,.menu-sub,.menu-op{text-align:left;width:100%;color:inherit;background:0 0;border:0;display:block}.menu-grupo{padding:10px 16px;font-size:14px;font-weight:600}.menu-grupo:hover,.menu-grupo.abierto{background:#1e2f35}.menu-grupo.abierto{color:var(--acento)}.menu-hijos{background:#172529;padding:2px 0 8px}.menu-seccion{text-transform:uppercase;letter-spacing:.6px;color:#7fa5a2;padding:10px 16px 4px 22px;font-size:11px}.menu-sub{padding:7px 16px 7px 22px;font-size:13px;font-weight:600}.menu-sub.abierto{color:var(--acento)}.menu-nivel3 .menu-op{padding-left:34px}.menu-op{padding:6px 16px 6px 22px;font-size:13px}.menu-op small{color:#7fa5a2;font-size:11px;display:block}.menu-op:hover:not(:disabled){background:#22363c}.menu-op.activa{background:var(--marca);color:#fff}.menu-op:disabled{color:#5b6d72}.menu-vacio{color:#7fa5a2;padding:8px 22px;font-size:13px}.cuerpo{flex-direction:column;flex:1;min-width:0;display:flex}.barra{background:var(--panel);border-bottom:1px solid var(--borde);align-items:center;gap:12px;padding:10px 20px;display:flex}.barra .cia{border:1px solid var(--borde);color:var(--texto);white-space:nowrap;text-overflow:ellipsis;background:0 0;border-radius:6px;max-width:60%;padding:6px 12px;font-weight:600;overflow:hidden}.barra .cia:disabled{border-color:#0000}.barra .usu{color:var(--tenue);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:14px;overflow:hidden}.barra .salir{color:var(--marca);background:0 0;border:0;font-weight:600}.hamburguesa{color:var(--texto);background:0 0;border:0;font-size:20px;display:none}.trabajo{flex:1;padding:24px;overflow:auto}.inicio h2,.en-proceso h2{margin:0 0 4px}.tarjetas{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:20px 0;display:grid}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:8px;flex-direction:column;gap:4px;padding:16px;display:flex}.tarjeta span{color:var(--tenue);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.tarjeta b{font-size:18px}.tarjeta small{color:var(--tenue)}.en-proceso{background:var(--panel);border:1px dashed var(--borde);border-radius:8px;padding:24px}.modal{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.caja{background:var(--panel);border-radius:10px;width:100%;max-width:420px;padding:20px}.caja h3{margin-top:0}.caja button{background:var(--marca);color:#fff;border:0;border-radius:6px;padding:9px 14px;font-weight:600}.caja button.sec{border:1px solid var(--borde);color:var(--texto);background:0 0}.botones{gap:10px;display:flex}.lista-cias{flex-direction:column;gap:6px;margin:0 0 14px;padding:0;list-style:none;display:flex}.lista-cias button{text-align:left;width:100%;color:var(--texto);border:1px solid var(--borde);white-space:pre;background:0 0}.lista-cias button:disabled{background:#00807c1a}@media (width<=760px){.lateral{z-index:10;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-abierto .lateral{transform:none;box-shadow:0 0 0 100vw #00000059}.hamburguesa{display:block}.barra{padding:10px 16px}.trabajo{padding:16px}}