:root{--bg: #0a0a0a;--card: #0f0f1a;--border: #1f1f30;--verde: #00ff88;--morado: #a855f7;--cian: #00ccff;--oro: #ffd700;--naranja: #ff6633;--rosa: #ff66aa;--texto: #e9e9f2;--muted: #8a8aa3;--fuente: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--texto);font-family:var(--fuente);font-size:15px}button{font-family:var(--fuente);cursor:pointer}input{font-family:var(--fuente)}:focus-visible{outline:2px solid var(--verde);outline-offset:2px}.login-wrap{min-height:100%;display:grid;place-items:center;background:radial-gradient(600px 300px at 70% 20%,rgba(0,255,136,.06),transparent),radial-gradient(500px 300px at 20% 80%,rgba(168,85,247,.06),transparent),var(--bg)}.login-card{width:min(380px,90vw);background:var(--card);border:1px solid var(--border);border-radius:14px;padding:32px 28px}.marca{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.marca-nombre{font-size:22px;font-weight:700;letter-spacing:-.5px}.marca-admin{font-family:var(--mono);font-size:11px;color:var(--bg);background:var(--verde);padding:2px 7px;border-radius:4px;font-weight:500}.login-sub{color:var(--muted);font-size:13px;margin-bottom:24px}.campo{margin-bottom:14px}.campo label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.campo input{width:100%;background:#0a0a12;border:1px solid var(--border);border-radius:8px;padding:11px 12px;color:var(--texto);font-size:14px}.campo input:focus{border-color:var(--verde);outline:none}.btn-primario{width:100%;background:var(--verde);color:#04140b;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:600;margin-top:6px}.btn-primario:disabled{opacity:.55;cursor:wait}.error-box{background:#ff66331a;border:1px solid rgba(255,102,51,.4);color:var(--naranja);border-radius:8px;padding:10px 12px;font-size:13px;margin-bottom:14px}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;gap:4px}.sidebar .marca{margin-bottom:22px;padding:0 8px}.sidebar .marca-nombre{font-size:17px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--muted);text-align:left;padding:10px 12px;border-radius:8px;font-size:14px}.nav-item:hover{color:var(--texto);background:#ffffff08}.nav-item.activo{color:var(--verde);background:#00ff8812;font-weight:600}.nav-item .punto{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.nav-item .prox{margin-left:auto;font-family:var(--mono);font-size:9px;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.sidebar-pie{margin-top:auto;padding:8px}.sidebar-user{font-size:12px;color:var(--muted);margin-bottom:8px;word-break:break-all}.btn-salir{width:100%;background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px;font-size:13px}.btn-salir:hover{color:var(--naranja);border-color:var(--naranja)}.contenido{flex:1;padding:28px 32px;max-width:1100px}.pagina-titulo{font-size:21px;font-weight:700;letter-spacing:-.4px}.pagina-sub{color:var(--muted);font-size:13px;margin-top:4px;margin-bottom:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:11px 14px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);font-weight:500}tbody td{padding:11px 14px;border-bottom:1px solid rgba(31,31,48,.5);vertical-align:top}tbody tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-size:12px;color:var(--cian)}.fecha{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.chip{display:inline-block;font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:5px;background:#00ff881a;color:var(--verde)}.vacio{padding:48px 20px;text-align:center;color:var(--muted);font-size:14px}.vacio strong{color:var(--texto);display:block;margin-bottom:6px;font-size:15px}.cargando{color:var(--muted);padding:40px;text-align:center}@media (max-width: 720px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar .marca{margin-bottom:0;margin-right:auto}.sidebar-pie{margin-top:0}.contenido{padding:20px 16px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.test-dir{display:flex;align-items:center;gap:8px;margin-bottom:22px}.test-dir span{color:var(--muted);font-size:13px}.seg{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:7px 14px;font-size:13px}.seg.activo{border-color:var(--verde);color:var(--verde);background:#00ff8812}.test-grupo{margin-bottom:24px}.test-grupo-tit{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:10px;font-weight:500}.prueba{background:var(--card);border:1px solid var(--border);border-radius:11px;padding:16px;margin-bottom:10px}.prueba-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.prueba-titulo{font-size:15px;font-weight:600}.prueba-desc{color:var(--muted);font-size:13px;margin-top:2px}.prueba-instr{font-size:12.5px;color:var(--texto);margin-top:11px;background:#0a0a12;border-radius:7px;padding:9px 11px;line-height:1.45}.prueba-res{margin-top:9px;font-size:13px;font-family:var(--mono)}.prueba-res.ok{color:var(--verde)}.prueba-res.err{color:var(--naranja)}.btn-test{border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;color:#04140b;flex-shrink:0;min-width:78px}.btn-test:disabled{opacity:.5;cursor:wait}.btn-verde{background:var(--verde)}.btn-cian{background:var(--cian)}.btn-morado{background:var(--morado);color:#fff}.test-nota{color:var(--muted);font-size:12.5px;line-height:1.5;border-top:1px solid var(--border);padding-top:16px;margin-top:8px}.seccion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{background:#1f1f30;border:1px solid #2a2a3a;color:#ccc;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:13px}.chip-activo{background:#0f8;color:#0a0a0a;border-color:#0f8;font-weight:600}.lista-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.card-pro{background:#0f0f1a;border:1px solid #1f1f30;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.card-pro-cab{display:flex;gap:10px;align-items:center}.avatar-mini{width:42px;height:42px;border-radius:50%;object-fit:cover}.avatar-placeholder{background:#1f1f30;display:flex;align-items:center;justify-content:center;color:#0f8;font-weight:700}.nombre-pro{font-weight:600;color:#fff}.username-pro{font-size:12px;color:#888}.badge-estado{color:#0a0a0a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase}.badge-mini{color:#0a0a0a;font-size:10px;font-weight:700;padding:2px 6px;border-radius:8px;margin-left:8px}.chips-tipos{display:flex;flex-wrap:wrap;gap:6px}.chip-tipo{background:#a855f7;color:#fff;font-size:11px;padding:3px 9px;border-radius:10px}.dato-pro{font-size:13px;color:#ccc}.dato-pro.bio{color:#aaa;font-style:italic;font-size:12px}.card-pro-pie{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;border-top:1px solid #1f1f30}.texto-mute{color:#666;font-size:12px}.texto-error{color:#f46;font-size:13px;margin-top:8px}.btn-primario{background:#0f8;color:#0a0a0a;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer}.btn-primario:disabled{opacity:.5;cursor:not-allowed}.btn-secundario{background:transparent;color:#ccc;border:1px solid #2a2a3a;padding:8px 16px;border-radius:8px;cursor:pointer}.btn-link{background:none;border:none;color:#0cf;cursor:pointer;text-decoration:underline;margin-left:8px;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:#0f0f1a;border:1px solid #1f1f30;border-radius:14px;padding:24px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto}.modal h3{margin-top:0;color:#0f8}.modal label{display:block;margin:14px 0 6px;color:#ccc;font-size:13px;font-weight:600}.modal input,.modal textarea{width:100%;background:#0a0a0a;border:1px solid #2a2a3a;color:#fff;padding:10px;border-radius:8px;font-size:14px;box-sizing:border-box;font-family:inherit}.modal-botones{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.resultados-busqueda{max-height:260px;overflow-y:auto;margin-top:8px}.resultado{width:100%;background:#1a1a2a;border:1px solid #2a2a3a;color:#fff;padding:10px;border-radius:8px;margin-bottom:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.resultado:hover{border-color:#0f8}.resultado:disabled{opacity:.4;cursor:not-allowed}.usuario-elegido{background:#1a1a2a;padding:10px 14px;border-radius:8px;margin:10px 0;display:flex;align-items:center;gap:8px}.chips-tipos-sel{display:flex;flex-wrap:wrap;gap:8px}.acciones-grid{display:grid;gap:8px}.btn-accion{background:transparent;border:2px solid;padding:10px;border-radius:8px;cursor:pointer;font-weight:600}.btn-accion-sel{color:#0a0a0a!important}.historial-box{background:#0a0a0a;border:1px solid #1f1f30;border-radius:8px;padding:10px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.hist-entrada{background:#0f0f1a;border:1px solid #1f1f30;border-radius:6px;padding:8px 10px}.hist-cab{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hist-titulo{font-size:13px;font-weight:600}.hist-fecha{font-size:11px;color:#666}.hist-meta{font-size:12px;color:#aaa;margin-top:4px}.hist-motivo{font-size:12px;color:#ccc;font-style:italic;margin-top:6px;padding:6px 8px;background:#1a1a2a;border-left:2px solid #00ccff;border-radius:4px}.logros-page{display:flex;flex-direction:column;gap:16px}.logros-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.logros-btn-auto{width:auto;min-width:130px}.logros-alerta{display:grid;gap:6px;background:#ff66331a;border:1px solid rgba(255,102,51,.4);color:var(--naranja);border-radius:10px;padding:12px 14px;font-size:13px}.logros-alerta span{color:#f0b090;line-height:1.45}.logros-alerta code{color:var(--cian)}.logros-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}.logros-kpis div{background:linear-gradient(180deg,#ffffff09,#ffffff03),var(--card);border:1px solid var(--border);border-radius:10px;padding:13px 14px}.logros-kpis span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px}.logros-kpis strong{display:block;margin-top:5px;color:var(--texto);font-size:24px}.logros-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.logros-form,.logro-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.logros-form h3{margin:0 0 14px;color:var(--verde)}.logros-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logros-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.logros-form input,.logros-form textarea,.logros-form select{width:100%;background:#0a0a14;border:1px solid var(--border);border-radius:8px;padding:10px 11px;color:var(--texto);font:14px var(--fuente)}.logros-form textarea{resize:vertical;line-height:1.45}.logros-form input:focus,.logros-form textarea:focus,.logros-form select:focus{border-color:var(--verde);outline:none}.logros-full{margin-top:12px}.logros-json{font-family:var(--mono)!important;color:var(--cian)!important}.logros-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;margin-top:12px;text-transform:none!important;letter-spacing:0!important;font-weight:500!important}.logros-check input{width:auto}.logros-actions{display:flex;gap:10px;margin-top:14px}.logros-lista{display:grid;gap:12px}.logro-card{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:16px;align-items:center}.logro-preview{min-height:220px;background:linear-gradient(135deg,rgba(0,204,255,.11),transparent 45%),linear-gradient(315deg,rgba(168,85,247,.14),transparent 50%),#090910;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:grid;align-content:end;gap:12px;overflow:hidden}.logro-preview.compacto{min-height:132px}.logro-preview-media{width:76px;height:76px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#00000059;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 26px #00ccff29}.logro-preview.compacto .logro-preview-media{width:52px;height:52px;border-radius:12px}.logro-preview-media img{width:100%;height:100%;object-fit:cover}.logro-preview-media span{color:var(--verde);font-weight:800;font-size:22px}.logro-preview-kicker{display:block;color:var(--cian);font-family:var(--mono);font-size:11px;text-transform:uppercase;margin-bottom:4px}.logro-preview strong{display:block;color:#fff;font-size:18px}.logro-preview p{color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px}.logro-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logro-title-row strong{color:#fff;font-size:16px}.logro-info p{color:var(--muted);font-size:13px;margin:6px 0 10px;line-height:1.45}.logro-rareza{font-family:var(--mono);font-size:10px;text-transform:uppercase;border-radius:5px;padding:3px 7px;background:#ffffff14;color:var(--texto)}.logro-rareza.rare{background:#00ccff29;color:var(--cian)}.logro-rareza.epic{background:#a855f72e;color:#d8b4fe}.logro-rareza.legendary{background:#ffd70029;color:var(--oro)}.logro-off{background:#333!important;color:#aaa!important}.logro-regla,.logro-stats{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px}.logro-regla{margin-bottom:10px}.logro-regla code,.logro-regla span,.logro-regla strong,.logro-stats span{background:#0a0a14;border:1px solid var(--border);border-radius:7px;padding:5px 8px}.logro-regla code{color:var(--cian)}.logro-regla strong{color:var(--verde)}.logro-stats span{color:var(--muted)}.logro-actions{display:flex;gap:8px}@media (max-width: 920px){.logros-editor,.logro-card{grid-template-columns:1fr}.logro-actions{justify-content:flex-start}}@media (max-width: 720px){.logros-header{flex-direction:column}.logros-btn-auto{width:100%}.logros-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.logros-grid{grid-template-columns:1fr}.logros-actions,.logro-actions{flex-direction:column}}