:root{--fondo: #f4f6f8;--tarjeta: #ffffff;--borde: #d9dee3;--texto: #1c2430;--suave: #5a6672;--primario: #2563eb;--peligro: #dc2626;--exito: #15803d}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--fondo);color:var(--texto);line-height:1.5}.app{min-height:100vh;display:flex;flex-direction:column}.cabecera{background:var(--tarjeta);border-bottom:1px solid var(--borde);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.cabecera h1{margin:0;font-size:1.25rem}.cabecera-usuario{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--suave)}.contenido{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:8px;padding:1.25rem}.tarjeta-login{max-width:420px;margin:2rem auto}.tarjeta h2{margin:0 0 1rem;font-size:1.05rem}.fila-titulo{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.fila-titulo h2{margin:0}form{display:flex;flex-direction:column;gap:.35rem}label{font-size:.85rem;color:var(--suave);margin-top:.5rem}input,select{padding:.55rem .65rem;border:1px solid var(--borde);border-radius:6px;font-size:.95rem;font-family:inherit;background:#fff}input:focus,select:focus{outline:2px solid var(--primario);outline-offset:1px}button{margin-top:1rem;padding:.55rem 1rem;border:0;border-radius:6px;background:var(--primario);color:#fff;font-size:.95rem;font-family:inherit;cursor:pointer}button:hover:not(:disabled){filter:brightness(.93)}button:disabled{opacity:.6;cursor:not-allowed}.fila-titulo button,.cabecera button{margin-top:0;background:transparent;color:var(--primario);border:1px solid var(--borde);padding:.35rem .75rem;font-size:.85rem}.boton-peligro{margin-top:0;background:transparent;color:var(--peligro);border:1px solid var(--borde);padding:.3rem .7rem;font-size:.85rem}.aviso{margin:1rem 0 0;padding:.6rem .8rem;border-radius:6px;font-size:.9rem}.aviso-exito{background:#e8f5ec;color:var(--exito);border:1px solid #bfe3ca}.aviso-error{background:#fdecec;color:var(--peligro);border:1px solid #f5c6c6}.tabla{width:100%;border-collapse:collapse;font-size:.9rem}.tabla th,.tabla td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--borde)}.tabla th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--suave)}.etiqueta{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.78rem;border:1px solid var(--borde)}.etiqueta-confirmada{background:#e8f0fe;color:#1d4ed8;border-color:#c3d5fb}.etiqueta-cancelada{background:#fdecec;color:var(--peligro);border-color:#f5c6c6}.etiqueta-completada{background:#eef1f4;color:var(--suave)}.pie-tabla{margin:.9rem 0 0;font-size:.82rem;color:var(--suave)}.pie{padding:1rem 1.5rem;text-align:center;font-size:.8rem;color:var(--suave)}@media(max-width:600px){.contenido{padding:1rem}.tabla th:nth-child(2),.tabla td:nth-child(2){white-space:nowrap}}