:root{color-scheme:light dark;--fondo: #f4f4f5;--tarjeta: #ffffff;--texto: #18181b;--suave: #71717a;--borde: #d4d4d8;--acento: #f5b705;--acento-texto: #18181b;--error: #b91c1c}@media(prefers-color-scheme:dark){:root{--fondo: #09090b;--tarjeta: #18181b;--texto: #fafafa;--suave: #a1a1aa;--borde: #3f3f46;--error: #f87171}}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--fondo);color:var(--texto);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.tarjeta{width:100%;max-width:400px;background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;padding:32px 24px}h1{margin:0 0 4px;font-size:24px;text-align:center}.sub{margin:0 0 20px;color:var(--suave);text-align:center;font-size:14px}.logo{display:block;width:72px;height:72px;object-fit:contain;margin:8px auto 12px;border-radius:12px}form{display:grid;gap:6px}label{font-size:14px;font-weight:600;margin-top:8px}input,select{font:inherit;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;background:transparent;color:inherit}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:1px}button{margin-top:16px;font:inherit;font-weight:700;padding:12px;border:0;border-radius:8px;background:var(--acento);color:var(--acento-texto);cursor:pointer}button:disabled{opacity:.6;cursor:wait}.error{margin:8px 0 0;color:var(--error);font-size:14px}.error a,.pie a{color:inherit}.volver{display:inline-block;margin-bottom:8px;color:var(--suave);font-size:14px;text-decoration:none}.pie{margin:20px 0 0;color:var(--suave);font-size:13px;text-align:center}.recientes{margin-top:24px;display:grid;gap:8px}.recientes .sub{margin:0;text-align:left}.recientes a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--borde);border-radius:8px;color:inherit;text-decoration:none;font-weight:600}.recientes img{width:28px;height:28px;object-fit:contain;border-radius:6px}