:root{--azul: #2d5f8a;--azul-oscuro: #1d4260;--fondo: #f4f6f8;--borde: #dde3e9;--tinta: #1f2933;--gris: #64748b;--ok: #1a8a5a;--alerta: #c2662d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fondo);color:var(--tinta)}a{color:var(--azul);text-decoration:none}button{background:var(--azul);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer}button:hover{background:var(--azul-oscuro)}button.secundario{background:#fff;color:var(--tinta);border:1px solid var(--borde)}button.secundario:hover{background:var(--fondo)}input,textarea,select{width:100%;padding:8px 10px;border:1px solid var(--borde);border-radius:6px;font-size:14px;font-family:inherit}label{font-size:13px;font-weight:600;color:var(--gris);display:block;margin:12px 0 4px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--azul-oscuro);color:#fff;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.sidebar .logo{font-size:20px;font-weight:700;padding:0 8px 16px}.sidebar a{color:#c6d6e4;padding:9px 12px;border-radius:6px;font-size:14px}.sidebar a.activo,.sidebar a:hover{background:#ffffff1f;color:#fff}.sidebar .abajo{margin-top:auto;font-size:13px;color:#9db4c8;padding:8px}.contenido{flex:1;padding:28px 32px;max-width:1100px}.card{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:20px;margin-bottom:16px}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:0 0 12px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--gris);font-size:12px;text-transform:uppercase;padding:8px;border-bottom:2px solid var(--borde)}td{padding:10px 8px;border-bottom:1px solid var(--borde);vertical-align:top}tr:hover td{background:#fafbfc}.etiqueta{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600}.etiqueta.abierta{background:#e3efe9;color:var(--ok)}.etiqueta.escalada{background:#f7e8db;color:var(--alerta)}.etiqueta.cerrada{background:#e8ebef;color:var(--gris)}.etiqueta.cat{background:#e4ecf5;color:var(--azul-oscuro)}.error{color:#b3261e;font-size:14px;margin:8px 0}.exito{color:var(--ok);font-size:14px;margin:8px 0}.mono{font-family:ui-monospace,monospace;font-size:13px;background:var(--fondo);padding:2px 6px;border-radius:4px}.chat{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;padding:8px 0}.chat .m{max-width:75%;padding:10px 14px;border-radius:10px;font-size:14px;white-space:pre-wrap;line-height:1.45}.chat .m.usuario{background:var(--azul);color:#fff;align-self:flex-end}.chat .m.bot{background:var(--fondo);border:1px solid var(--borde);align-self:flex-start}.chat .m.sistema{align-self:center;color:var(--gris);font-size:12px;background:none}.chat .m.nota{background:#fdf6e3;border:1px dashed #d9c37a;align-self:stretch;max-width:100%;font-size:13px}.chat .m.agente{background:#e3efe9;border:1px solid #bcd8ca;align-self:flex-start}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:360px;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:32px}.fila{display:flex;gap:12px;align-items:center}