body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1c1c1c,#141414 50%,#0f0f0f);margin:0;padding:1rem;min-height:100vh;color:silver}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-screen{max-width:450px;width:100%;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0f0f0f);padding:3rem;border-radius:16px;box-shadow:0 8px 32px #000c;border:1px solid #2a2a2a}.login-header{text-align:center;margin-bottom:2rem}.login-titulo{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.login-subtitulo{font-size:1.1rem;color:#dc2626;margin-bottom:0;font-weight:600}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-campo{display:flex;flex-direction:column;gap:.5rem}.login-campo label{color:#dc2626;font-weight:700;font-size:1rem}.login-input{padding:1rem;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:8px;color:silver;font-size:1rem;transition:all .3s ease}.login-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc262633;background:#141414}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input::placeholder{color:#666}.login-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem;border-radius:8px;text-align:center;font-weight:600;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-btn{padding:1rem 2rem;background:linear-gradient(135deg,#7c2d12,#991b1b);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#991b1b,#dc2626);transform:translateY(-2px);box-shadow:0 6px 20px #7c2d1266}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.login-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #333}.login-footer p{color:#888;font-size:.9rem;margin:0}.login-tip{margin-top:1rem;text-align:left}.login-tip details{background:#ff6b351a;border:1px solid #dc2626;border-radius:8px;padding:.5rem}.login-tip summary{cursor:pointer;font-weight:700;color:#dc2626;font-size:.9rem;padding:.5rem;border-radius:6px;transition:background-color .3s ease}.login-tip summary:hover{background:#ff6b3533}.login-tip details[open] summary{margin-bottom:.5rem;border-bottom:1px solid #dc2626}.login-tip p{font-size:.8rem;color:#ccc;margin:.3rem 0;padding:0 .5rem}.login-tip code{background:#1a1a1a;color:#dc2626;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem}.login-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner{width:40px;height:40px;border:3px solid #333;border-top:3px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-usuario{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:linear-gradient(135deg,#2a2a2a,#333);border-radius:10px;border:1px solid #444}.usuario-info{display:flex;align-items:center;gap:.5rem}.usuario-nombre{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem}.btn-logout{padding:.5rem 1rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.contenedor{max-width:1100px;margin:0 auto;background:linear-gradient(135deg,#0d0d0d,#1a1a1a,#0f0f0f);padding:2rem;border-radius:16px;box-shadow:0 8px 32px #000c;border:1px solid #2a2a2a}.titulo{font-size:2.5rem;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}.subtitulo{font-size:1.3rem;margin-bottom:1.5rem;color:#dc2626;border-bottom:2px solid #333;padding-bottom:.75rem;text-align:center;font-weight:600}.seccion{margin-bottom:2rem}.fila{display:flex;gap:1rem;flex-wrap:wrap}.campo{flex:1;min-width:200px}label{display:block;font-weight:600;margin-bottom:.3rem;color:#e0e0e0}input,select{width:100%;padding:.75rem;border:2px solid #444;border-radius:8px;font-size:1rem;box-sizing:border-box;background:#2a2a2a;color:#e0e0e0;transition:border-color .3s ease,background-color .3s ease}input:focus,select:focus{outline:none;border-color:#dc2626;background:#333;box-shadow:0 0 0 3px #ff6b351a}input::placeholder{color:#999}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.lista-materias{list-style:none;padding-left:0}.lista-materias li{margin-bottom:.75rem;position:relative;padding-left:1.5rem;color:#e0e0e0}.lista-materias li:before{content:"▸";position:absolute;left:0;color:#dc2626;font-weight:700}.tooltip-container{position:relative;cursor:help}.tooltip-text{visibility:hidden;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#e0e0e0;padding:8px 12px;border-radius:6px;border:1px solid #444;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;opacity:0;transition:opacity .3s ease-in-out;box-shadow:0 4px 12px #0006}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.tarjeta-resumen{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:2px solid #444;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000004d}.linea-resumen{display:flex;justify-content:space-between;margin:.75rem 0;font-size:1.1rem;color:#e0e0e0;padding:.5rem 0;border-bottom:1px solid #333}.linea-resumen span{color:#ccc}.linea-resumen strong{color:#dc2626;font-weight:700}.destacado{background:#4caf501a;border:1px solid #4CAF50;border-radius:8px;padding:.75rem;margin:.5rem 0}.destacado strong{color:#4caf50;font-size:1.2rem}.ganancia-positiva .text{color:#4caf50;font-weight:600}.tarjeta-resumen .alerta{color:#f44;font-weight:700}.alerta{background:#ff44441a;border:1px solid #ff4444;border-radius:8px;padding:.75rem}.boton-tab{background:linear-gradient(135deg,#dc2626,#991b1b);border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:700;color:#fff;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d;text-transform:uppercase;letter-spacing:.5px}.boton-tab:hover{background:linear-gradient(135deg,#e55a2b,#e57a35);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.tabla-precios{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.fila-precio{background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:2px solid #444;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,border-color .3s ease}.fila-precio:hover{transform:translateY(-3px);border-color:#dc2626}.fila-precio strong{display:block;margin-bottom:.75rem;color:#dc2626;font-size:1.2rem;font-weight:700}.info-crafteo{margin-top:1rem;font-style:italic;color:#aaa;background:#ff6b351a;padding:.75rem;border-radius:8px;border-left:4px solid #dc2626}.filtros-caballos{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border-radius:12px;border:2px solid #444}.filtros-caballos input,.filtros-caballos select{padding:12px 15px;font-size:14px;border-radius:8px;border:2px solid #444;min-width:200px;box-shadow:0 4px 15px #0000004d;background:#1a1a1a;color:#e0e0e0;transition:border-color .3s ease}.filtros-caballos input:focus,.filtros-caballos select:focus{border-color:#dc2626;outline:none}.tabla-caballos{overflow-x:auto;margin-top:20px;border-radius:12px;box-shadow:0 8px 32px #0000004d}.tabla-caballos table{width:100%;border-collapse:collapse;font-size:14px;background:linear-gradient(135deg,#2a2a2a,#1f1f1f);border:2px solid #444;border-radius:12px;overflow:hidden}.tabla-caballos th,.tabla-caballos td{padding:15px 12px;text-align:center;border-bottom:1px solid #444;color:#e0e0e0}.tabla-caballos th{background-color:#f3f3f3;font-weight:600;cursor:pointer;transition:background-color .2s ease}.tabla-caballos th:hover{background-color:#e2e2e2}.tabla-caballos tr:hover{background-color:#fafafa}@media (max-width: 768px){.login-container{padding:.5rem}.login-screen{padding:2rem 1.5rem;max-width:none;margin:0 .5rem}.login-titulo{font-size:2rem}.login-subtitulo{font-size:1rem}.login-form{gap:1rem}.login-btn{padding:1rem;font-size:1rem}}@media (max-width: 768px){.tabla-caballos table{font-size:12px}.filtros-caballos input,.filtros-caballos select{min-width:140px;font-size:12px}}.detalle-variantes{margin-top:6px;font-size:13px;text-align:left}.detalle-variantes summary{cursor:pointer;font-weight:600;color:#5a4123;margin-bottom:5px}.lista-variantes{margin:.3rem 0 0;padding-left:1.2rem;list-style:disc;color:#333}.lista-variantes li{margin-bottom:4px}.comentario-variante{color:#777;font-style:italic;margin-left:4px}.tabla-caballos td:first-child{text-align:left;min-width:180px}.tabla-armas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.tarjeta-arma{position:relative;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:12px;padding:1.5rem;color:#fff;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.tarjeta-arma:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006;border-color:#dc2626}.nombre-arma{color:#dc2626;font-size:1.4rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.info-arma{display:flex;flex-direction:column;gap:.75rem}.precio-arma{font-size:1.3rem;font-weight:700;color:#4caf50;text-align:center;background:#4caf501a;padding:.5rem;border-radius:8px;border:1px solid #4CAF50}.municion-arma,.categoria-arma{font-size:1rem;color:gold;font-weight:600}.descripcion-arma{font-size:.9rem;color:#ccc;font-style:italic;line-height:1.4;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #444}.titulo{background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:700}@media (max-width: 768px){.tabla-armas{grid-template-columns:1fr;gap:1rem}.tarjeta-arma{padding:1rem}.nombre-arma{font-size:1.2rem}.precio-arma{font-size:1.1rem}.ingredientes-lista{grid-template-columns:1fr}}.level-arma,.tiempo-arma,.exp-arma{font-size:.9rem;color:gold;font-weight:600;margin-bottom:.5rem}.level-arma{color:#dc2626}.tiempo-arma{color:#4caf50}.exp-arma{color:#9c27b0}.ingredientes-container{margin-top:1rem;padding-top:1rem;border-top:2px solid #444}.ingredientes-titulo{color:#dc2626;font-size:1rem;margin-bottom:.75rem;font-weight:700}.ingredientes-lista{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.ingrediente-item{background:#ff6b351a;border:1px solid #dc2626;border-radius:6px;padding:.5rem;display:flex;align-items:center;gap:.5rem;transition:background-color .3s ease}.ingrediente-item:hover{background:#ff6b3533}.ingrediente-cantidad{font-weight:700;color:#4caf50;font-size:.9rem}.ingrediente-nombre{color:#fff;font-size:.85rem}.filtros-container{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.filtro-campo{display:flex;flex-direction:column}.filtro-campo label{color:#dc2626;font-weight:700;margin-bottom:.5rem;font-size:1rem}.filtro-select{padding:.75rem;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.filtro-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #ff6b351a}.resultados-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #444}.resultados-contador{color:#4caf50;font-weight:600;font-size:.9rem}.filtro-activo{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:700}.header-arma{margin-bottom:1rem;padding-right:120px}.costo-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #10b9814d}.buscador-container{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444}.buscador-campo{margin-bottom:1rem}.buscador-campo label{display:block;color:#dc2626;font-weight:700;margin-bottom:.5rem;font-size:1.1rem}.buscador-input{width:100%;padding:.75rem 1rem;font-size:1rem;background:#1a1a1a;border:2px solid #444;border-radius:8px;color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.buscador-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #ff6b351a}.buscador-input::placeholder{color:#888}.resultados-contador{color:#4caf50;font-weight:600;font-size:.9rem;text-align:center;padding:.5rem;background:#4caf501a;border-radius:6px;border:1px solid #4CAF50}.navbar-pestanas{display:flex;gap:.5rem;margin:2rem 0;padding:.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444}.boton-pestana{flex:1;padding:1rem 1.5rem;font-size:1rem;font-weight:600;background:transparent;border:2px solid #444;border-radius:8px;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.boton-pestana:hover{background:#ff6b351a;border-color:#dc2626;color:#fff;transform:translateY(-2px)}.boton-pestana.activa{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 4px 15px #ff6b354d}.boton-pestana.activa:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b3566}.contenido-misiones{padding:2rem;text-align:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444;color:#ccc}.contenido-misiones h2{color:#dc2626;margin-bottom:1rem}@media (max-width: 768px){.navbar-pestanas{flex-direction:column;gap:.75rem}.boton-pestana{font-size:.9rem;padding:.75rem 1rem}}.contenedor-misiones{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;padding:2rem;border:1px solid #333}.titulo-misiones{color:#dc2626;font-size:1.8rem;text-align:center;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.filtros-misiones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444}.filtro-campo{display:flex;flex-direction:column;gap:.5rem}.filtro-campo label{color:#dc2626;font-weight:600;font-size:.9rem}.filtro-input,.filtro-select{padding:.5rem;background:#1a1a1a;border:2px solid #444;border-radius:6px;color:#fff;font-size:.9rem;transition:border-color .3s ease}.filtro-input:focus,.filtro-select:focus{outline:none;border-color:#dc2626}.contador-misiones{text-align:center;color:#4caf50;font-weight:600;margin-bottom:2rem;padding:.75rem;background:#4caf501a;border-radius:8px;border:1px solid #4CAF50}.lista-misiones{display:grid;gap:1.5rem}.tarjeta-mision{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.tarjeta-mision:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0006;border-color:#dc2626}.cabecera-mision{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.nombre-mision{color:#dc2626;font-size:1.3rem;font-weight:700;margin:0;flex:1}.badges-mision{display:flex;gap:.5rem;flex-wrap:wrap}.badge-categoria,.badge-dificultad{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.badge-categoria{background:#4caf50}.badge-dificultad{background:#dc2626}.info-mision{color:#ccc}.descripcion-mision{font-size:1rem;line-height:1.5;margin-bottom:1.5rem;color:#e0e0e0}.detalles-mision{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.detalle-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ff6b351a;border-radius:6px;border:1px solid #dc2626}.icono{font-size:1.1rem}.objetivos-container,.recompensas-container{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #444}.objetivos-titulo,.recompensas-titulo{color:#dc2626;font-size:1rem;margin-bottom:.75rem;font-weight:600}.objetivos-lista{list-style:none;padding:0;margin:0}.objetivo-item{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#e0e0e0;border-bottom:1px solid rgba(68,68,68,.3)}.objetivo-item:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.objetivo-item:last-child{border-bottom:none}.recompensas-lista{display:flex;flex-wrap:wrap;gap:.5rem}.recompensa-item{background:#4caf501a;color:#4caf50;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid #4CAF50}@media (max-width: 768px){.filtros-misiones{grid-template-columns:1fr}.cabecera-mision{flex-direction:column;align-items:flex-start}.detalles-mision{grid-template-columns:1fr}.badges-mision{align-self:flex-start}}.contenedor-robos{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;padding:2rem;border:1px solid #333}.titulo-robos{color:gold;font-size:1.8rem;text-align:center;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.filtros-robos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444}.contador-robos{text-align:center;color:gold;font-weight:600;margin-bottom:2rem;padding:.75rem;background:#ffd7001a;border-radius:8px;border:1px solid #ffd700}.lista-robos{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.tarjeta-robo{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #444;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.tarjeta-robo:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0006;border-color:gold}.cabecera-robo{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.nombre-robo{color:gold;font-size:1.4rem;font-weight:700;margin:0;flex:1;text-transform:capitalize}.badges-robo{display:flex;gap:.5rem;flex-wrap:wrap}.badge-riesgo{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;background:#dc2626}.info-robo{color:#ccc}.detalles-robo{display:grid;gap:1rem;margin-bottom:1.5rem}.detalle-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffd7000d;border-radius:8px;border:1px solid rgba(255,215,0,.2)}.detalle-label{font-weight:600;color:gold;min-width:120px}.detalle-valor{color:#fff;font-weight:500}.info-adicional{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #444}.tip-robo{background:#ffd7001a;padding:1rem;border-radius:8px;border-left:4px solid #ffd700;color:#e0e0e0;font-size:.9rem;line-height:1.4}.no-resultados{text-align:center;padding:3rem;color:#888;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:12px;border:1px solid #444}.no-resultados h3{color:gold;margin-bottom:1rem}.objetos-adicionales{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-radius:8px;border:1px solid #2a2a2a}.objetos-titulo{color:#dc2626;font-size:1rem;margin-bottom:.75rem;font-weight:600}.objetos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.objeto-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0a0a0a;border:1px solid #333;border-radius:6px;transition:all .3s ease}.objeto-item:hover{border-color:#dc2626;background:#141414}.objeto-nombre{color:silver;font-size:.85rem;font-weight:500}.objeto-cantidad{color:#dc2626;font-size:.8rem;font-weight:700;background:#dc26261a;padding:.2rem .4rem;border-radius:4px}.tareas-container{max-width:1200px;margin:0 auto;padding:2rem}.tareas-header{text-align:center;margin-bottom:2rem}.tareas-header h2{font-size:2.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-weight:700}.tareas-header p{color:#b0b0b0;font-size:1.1rem}.admin-section{margin-bottom:2rem;text-align:center}.admin-secret-input{width:100%;max-width:400px;padding:1rem;background:#2a2a2a;border:2px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease}.admin-secret-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 10px #ff6b354d}.formulario-toggle{margin-bottom:2rem;text-align:center}.btn-toggle-formulario{padding:1rem 2rem;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #4ade8033}.btn-toggle-formulario:hover{background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066}.btn-toggle-formulario:active{transform:translateY(0)}.nueva-tarea-form{background:linear-gradient(135deg,#2a2a2a,#333);padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid #444;animation:slideDown .3s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:1000px}}.nueva-tarea-form h3{color:#dc2626;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;box-sizing:border-box;width:100%}.nueva-tarea-form input,.nueva-tarea-form select,.nueva-tarea-form textarea{width:100%;padding:1rem;background:#1a1a1a;border:2px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.nueva-tarea-form input:focus,.nueva-tarea-form select:focus,.nueva-tarea-form textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 10px #ff6b354d}.nueva-tarea-form textarea{width:100%;resize:vertical;min-height:120px;font-family:inherit;line-height:1.5;margin-bottom:1rem}.descripcion-textarea{width:100%!important;grid-column:1 / -1;margin:1rem 0;background:#1a1a1a!important;border:2px solid #333!important;border-radius:8px!important;color:#e0e0e0!important;font-size:1rem!important;padding:1rem!important;box-sizing:border-box!important;transition:all .3s ease!important}.descripcion-textarea:focus{outline:none!important;border-color:#dc2626!important;box-shadow:0 0 10px #ff6b354d!important}.btn-agregar{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-agregar:hover{background:linear-gradient(135deg,#b91c1c,#ffab73);transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.filtros-container{margin-bottom:2rem}.filtros-container h3{color:#dc2626;font-size:1.3rem;margin-bottom:1rem}.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filtros select{padding:.8rem;background:#2a2a2a;border:2px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem;cursor:pointer;transition:all .3s ease}.filtros select:focus{outline:none;border-color:#dc2626}.filtro-input{padding:.8rem;background:#2a2a2a;border:2px solid #333;border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease}.filtro-input:focus{outline:none;border-color:#dc2626;background:#333}.filtro-input::placeholder{color:#888}.tareas-lista h3{color:#dc2626;font-size:1.5rem;margin-bottom:1.5rem}.tareas-grid{display:flex;flex-direction:column;gap:1.5rem}.tarea-card{background:linear-gradient(135deg,#2a2a2a,#333);padding:1.5rem;border-radius:12px;border:1px solid #444;transition:all .3s ease}.tarea-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000004d;border-color:#dc2626}.tarea-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.tarea-header h4{color:#e0e0e0;font-size:1.2rem;margin:0;flex:1;min-width:200px}.tarea-badges{display:flex;gap:.5rem;flex-wrap:wrap}.priority-badge,.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.tarea-content{margin-bottom:1.5rem}.tarea-content p{margin:.5rem 0;color:#b0b0b0;line-height:1.5}.tarea-content strong{color:#dc2626}.tarea-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.status-select{flex:1;min-width:150px;padding:.8rem;background:#1a1a1a;border:2px solid #333;border-radius:6px;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:all .3s ease}.status-select:focus{outline:none;border-color:#dc2626}.btn-eliminar{padding:.8rem 1.2rem;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-eliminar:hover{background:linear-gradient(135deg,#ef4444,#f87171);transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.btn-delete{padding:.8rem 1.2rem;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-delete:hover{background:linear-gradient(135deg,#ef4444,#f87171);transform:translateY(-2px);box-shadow:0 4px 15px #dc262666}.btn-delete:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.btn-editar{flex:1;min-width:120px;padding:.8rem 1.2rem;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-editar:hover{background:linear-gradient(135deg,#f97316,#ea580c);transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.formulario-edicion{background:#2a2a2acc;border:2px solid #f59e0b;border-radius:8px;padding:1.5rem;margin:1rem 0;box-sizing:border-box;width:100%;overflow:hidden}.edit-input,.edit-textarea,.edit-select{width:100%;max-width:100%;box-sizing:border-box;padding:.8rem;background:#1a1a1a;border:2px solid #333;border-radius:6px;color:#e0e0e0;font-size:.9rem;font-family:inherit;margin-bottom:1rem;transition:all .3s ease}.edit-input:focus,.edit-textarea:focus,.edit-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b33}.edit-textarea{resize:vertical;min-height:80px}.edit-actions{display:flex;gap:1rem;margin-top:1rem}.btn-guardar{flex:1;padding:.8rem 1.2rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-guardar:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 3px 10px #10b9814d}.btn-cancelar{flex:1;padding:.8rem 1.2rem;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancelar:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px);box-shadow:0 3px 10px #6b72804d}.tarea-meta{background:#ff6b351a;border-left:3px solid #dc2626;padding:.8rem;border-radius:6px;margin-bottom:1rem}.tarea-meta p{margin:.2rem 0;font-size:.9rem}.tarea-details{margin-bottom:1rem}.btn-comentarios{flex:1;min-width:150px;padding:.8rem 1.2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-comentarios:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.comentarios-section{margin-top:1rem;padding-top:1rem;border-top:2px solid #333;background:#2a2a2a80;padding:1rem;border-radius:8px;margin:1rem 0 0;overflow:hidden;box-sizing:border-box}.nuevo-comentario{margin-bottom:1rem;box-sizing:border-box;width:100%}.comentario-input{width:100%;max-width:100%;box-sizing:border-box;padding:.8rem;background:#1a1a1a;border:2px solid #333;border-radius:6px;color:#e0e0e0;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:.8rem;transition:all .3s ease}.comentario-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 10px #ff6b3533}.btn-enviar-comentario{padding:.6rem 1.2rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-enviar-comentario:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 3px 10px #10b9814d}.comentarios-lista{max-height:300px;overflow-y:auto;margin-top:1rem}.comentario-item{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:.8rem;transition:all .3s ease}.comentario-item:hover{border-color:#dc2626;box-shadow:0 2px 8px #ff6b351a}.comentario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.comentario-author{font-weight:700;color:#10b981;font-size:.9rem}.comentario-date{color:#888;font-size:.8rem}.comentario-text{color:#e0e0e0;line-height:1.4;font-size:.9rem;word-wrap:break-word}.sin-comentarios{text-align:center;padding:2rem;color:#666;font-style:italic}.sin-comentarios p{margin:0}.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.empty-state p{margin:0}@media (max-width: 768px){.tareas-container{padding:1rem}.tareas-grid{gap:1rem}.form-row{grid-template-columns:1fr}.tarea-header{flex-direction:column;align-items:flex-start}.tarea-badges{width:100%;justify-content:flex-start}.tarea-actions{flex-direction:column;align-items:stretch}.status-select{min-width:auto}.btn-eliminar,.btn-delete{width:100%}.filtros{grid-template-columns:1fr}.admin-secret-input{max-width:none}}@media (max-width: 768px){.filtros-grid{grid-template-columns:1fr}.header-arma{padding-right:0}.costo-badge{position:static;display:inline-block;margin-bottom:1rem;margin-top:.5rem}.resultados-info{flex-direction:column;align-items:flex-start;gap:.5rem}.header-usuario{flex-direction:column;gap:1rem;align-items:stretch}.btn-logout{width:100%}}@media (max-width: 768px){.filtros-robos,.lista-robos{grid-template-columns:1fr}.cabecera-robo{flex-direction:column;align-items:flex-start}.detalle-item{flex-direction:column;align-items:flex-start;gap:.5rem}.detalle-label{min-width:auto}.objetos-grid{grid-template-columns:1fr;gap:.4rem}.objeto-item{padding:.4rem}.objeto-nombre{font-size:.8rem}.objeto-cantidad{font-size:.75rem}}.tareas-completadas-container{margin-top:2rem;border-top:2px solid #2a2a2a;padding-top:1rem}.btn-toggle-completadas{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#4a4a4a,#333);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;text-align:left;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.btn-toggle-completadas:hover{background:linear-gradient(135deg,#555,#3a3a3a);transform:translateY(-1px)}.btn-toggle-completadas:active{transform:translateY(0)}@media (max-width: 768px){.btn-toggle-completadas{font-size:.9rem;padding:.6rem .8rem}}@media (max-width: 480px){.btn-toggle-completadas{font-size:.8rem;padding:.5rem .7rem}}@media (max-width: 360px){.btn-toggle-completadas{font-size:.75rem;padding:.4rem .6rem}}.json-viewer-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.json-viewer-modal{background:#1a1a1a;border:2px solid #333;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000080}.json-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#2a2a2a;border-bottom:2px solid #333}.json-viewer-header h3{margin:0;color:#fff;font-size:1.2rem}.json-viewer-close{background:none;border:none;color:#ccc;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease}.json-viewer-close:hover{background:#dc2626;color:#fff}.json-viewer-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.json-viewer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#222;border-bottom:1px solid #333}.json-copy-btn{padding:.8rem 1.5rem;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.json-copy-btn:hover{background:linear-gradient(135deg,#ef4444,#f87171);transform:translateY(-1px)}.json-copy-btn.copied{background:linear-gradient(135deg,#10b981,#34d399)}.json-item-count{color:#888;font-size:.9rem;font-weight:500}.json-viewer-code{flex:1;overflow:auto;margin:0;padding:1.5rem;background:#0d1117;font-family:Courier New,Monaco,Menlo,monospace;font-size:.9rem;line-height:1.6;color:#e6edf3}.json-viewer-code code{background:none;color:inherit;padding:0;border-radius:0}.btn-show-json{display:inline-block;margin:1.5rem 0;padding:.8rem 1rem;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;border:2px solid #4b5563;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.btn-show-json:hover{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280;transform:translateY(-2px);box-shadow:0 6px 18px #0006}@media (max-width: 768px){.json-viewer-modal{width:95%;max-height:85vh}.json-viewer-header{padding:.8rem 1rem}.json-viewer-header h3{font-size:1rem}.json-viewer-toolbar{padding:.8rem 1rem;flex-direction:column;gap:.5rem;align-items:flex-start}.json-copy-btn{padding:.6rem 1rem;font-size:.8rem}.json-viewer-code{padding:1rem;font-size:.8rem}.btn-show-json{margin:1rem 0;padding:.6rem .8rem;font-size:.8rem}}@media (max-width: 480px){.btn-show-json{margin:1rem 0;padding:.6rem .8rem;width:100%;text-align:center}}