.auth{min-height:100dvh;width:100%;overflow:hidden;flex:1;display:flex;justify-content:center;align-items:center}.auth-logo{max-width:300px;width:35%}.auth-form{width:100%;max-width:380px;padding:0;border-radius:10px}.auth-form form{width:100%;display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;border:1px solid #e01c24;border-radius:20px;padding:13px;background:#464646c4}.auth-form h2{text-align:center;font-size:2rem;color:#050404;margin:5%}.auth-form .password-container{position:relative;width:100%}.auth-form input{width:100%;padding:12px;margin-bottom:12px;border-radius:6px;border:1px solid #e01c24;font-size:14px;box-sizing:border-box;background:#fff0;color:#fff}.auth-form .password-toggle{position:absolute;right:12px;top:40%;transform:translateY(-50%);background:none;border:none;color:#fff;cursor:pointer;padding:0;width:auto;display:flex;align-items:center;justify-content:center;z-index:10}.auth-form .password-toggle:hover{background:none;color:#e01c24}.auth-form input:focus-visible{border:1px solid rgb(0,0,0);color:#fff;outline:none}.auth-form button{width:100%;padding:12px;border:none;border-radius:6px;background:#e01c24;color:#fff;font-weight:700;cursor:pointer}.auth-form button:hover{background:#fff;color:#000}@media(max-width:900px){.auth{flex-direction:column}.auth-right{display:none}.auth-left:before{background:linear-gradient(to bottom,#000000d9,#000000bf,#0009)}.auth-logo{width:150px;margin:20px 0 30px}.auth-form{max-width:100%}.auth-form form{padding:20px;box-sizing:border-box}.auth-form h2{font-size:2.2rem;margin:20px 0}.auth-form input,.auth-form button{padding:14px;font-size:16px}}.resumen-puntos-container{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.resumen-card{flex:1;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .2s}.resumen-card:hover{transform:translateY(-5px)}.resumen-card h4{margin:0;color:#555;font-size:1rem;font-weight:600}.resumen-card p{margin:10px 0 0;font-size:1.5rem;font-weight:700}.resumen-card.ganados{border-top:4px solid #28a745}.resumen-card.ganados p{color:#28a745}.resumen-card.gastados{border-top:4px solid #dc3545}.resumen-card.gastados p{color:#dc3545}.resumen-card.pendientes{border-top:4px solid #007bff}.resumen-card.pendientes p{color:#007bff}@media(max-width:768px){.resumen-puntos-container{flex-direction:column;gap:15px}}._card_uhksr_1{background:#ffffff42;padding:30px;border-radius:8px;border:1px solid #e01c24;max-width:600px;margin:auto;box-shadow:0 4px 12px #00000014}._card_uhksr_1 ._titulo_uhksr_11{text-align:center;font-size:2rem;color:#fff;margin:10%}._rules_uhksr_18{margin-top:15px;font-size:.9rem;color:#fff}._rules_uhksr_18 li{list-style:none;margin:4px 0}._ok_uhksr_29{color:#22c55e;font-weight:700}._error_uhksr_34{color:#ff4d4f;margin-top:10px;text-align:center}.perfil-container{max-width:1200px;margin:2rem auto;padding:0 1rem}.perfil-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.perfil-form h2{color:#333;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0;font-size:1.75rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-column{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fafafa}.form-group input:focus,.form-group select:focus{outline:none;border-color:#000;background:#fff;box-shadow:0 0 0 3px #4a90e21a}.form-group input:disabled,.form-group select:disabled{background:#f0f0f0;cursor:not-allowed}.form-group input.edad-disabled{background:#f5f5f5;color:#666;font-weight:600}.form-row{display:flex;gap:1rem}.form-group.half{flex:1}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.btn-submit,.btn-cancel,.btn-cuotas{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-submit{background:#000;color:#fff;flex:2}.btn-cuotas{background:#565758;color:#fff;flex:1}.btn-cuotas:hover:not(:disabled){background:#565758;transform:translateY(-2px);box-shadow:0 4px 12px #5657584d}.btn-submit:hover:not(:disabled){background:#5d5d5d;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-cancel{background:#f5f5f5;color:#666;flex:1}.btn-cancel:hover{background:#e8e8e8}.btn-submit:disabled{background:#a0c0e8;cursor:not-allowed;transform:none}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:1.5rem}.form-row,.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%}}.select-categoria option[value=Oro]{color:gold}.select-categoria option[value=Plata]{color:silver}.select-categoria option[value=Bronce]{color:#cd7f32}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.perfil-form{animation:fadeIn .5s ease-out}.clasificacion-mostrada{margin-top:.5rem}.clasificacion-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;border:2px solid transparent}.clasificacion-badge.oro{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border-color:#b8860b;box-shadow:0 4px 12px #ffd7004d}.clasificacion-badge.plata{background:linear-gradient(135deg,silver,#e0e0e0);color:#000;border-color:gray}.admin-warning{background:#fff3cd;border:1px solid #ffeeba;padding:.5rem;margin:1rem 0;border-radius:4px}.admin-warning button{margin-left:.5rem;padding:.2rem .5rem;font-size:.9rem;box-shadow:0 4px 12px #c0c0c04d}.clasificacion-badge.bronce{background:linear-gradient(135deg,#cd7f32,#e69b5c);color:#fff;border-color:#8b4513;box-shadow:0 4px 12px #cd7f324d}.clasificacion-badge .medalla{font-size:1.5rem}.clasificacion-badge .nombre{font-size:1.1rem;letter-spacing:1px}.sin-clasificacion{color:#999;font-style:italic;padding:.5rem 0}.audit-log{margin-top:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;overflow-x:auto}.audit-log__titulo{font-size:1rem;font-weight:700;color:#333;margin-bottom:1rem;border-bottom:2px solid #a00d25;padding-bottom:.5rem}.audit-log__empty{color:#999;font-style:italic;font-size:.9rem}.audit-log__tabla{width:100%;border-collapse:collapse;font-size:.875rem}.audit-log__tabla th{background:#f5f5f5;text-align:left;padding:8px 12px;font-weight:600;color:#555;border-bottom:2px solid #ddd}.audit-log__tabla td{padding:7px 12px;border-bottom:1px solid #eee;vertical-align:top}.audit-log__tabla tr:hover td{background:#fafafa}.audit-log__antes{color:#a00d25;text-decoration:line-through}.audit-log__despues{color:#1a7a1a;font-weight:600}.seccion-titulo{font-size:1rem;font-weight:700;color:#333;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:2px solid #a00d25;text-transform:uppercase;letter-spacing:.5px}.vendedores-container{display:grid;gap:30px}.vendedor-card{background:#000;border-radius:18px;padding:28px;box-shadow:0 8px 30px #0000000d;transition:all .2s ease;border:2px solid red}.vendedor-card:hover{transform:translateY(-4px)}.vendedor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.vendedor-info h3{margin:0;font-size:20px;font-weight:600;color:#fff}.segmento{font-size:13px;color:#888;margin-top:5px}.medalla{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:40px;font-weight:600;font-size:14px}.medalla-icon{font-size:20px}.medalla-oro{background:linear-gradient(135deg,#fff5cc,#ffe680);color:#a67c00}.medalla-plata{background:linear-gradient(135deg,#f0f0f0,#d9d9d9);color:#555}.medalla-bronce{background:linear-gradient(135deg,#fbe6d4,#f5c7a9);color:#8b4513}.tabla-periodos{border-top:1px solid #eee}.fila-periodo{display:grid!important;grid-template-columns:repeat(6,minmax(100px,1fr));gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eee;justify-items:center}.fila-periodo.header{font-weight:600;color:#666;font-size:13px;text-transform:uppercase}.numero{text-align:right;font-weight:500}.periodo{font-weight:600;color:#fff}@media(max-width:768px){.vendedor-card{padding:20px}.fila-periodo{grid-template-columns:1fr;gap:6px;justify-items:stretch}.fila-periodo.header{display:none!important}.fila-periodo>div{display:flex;justify-content:space-between}.fila-periodo>div:before{font-weight:600;color:#666}.fila-periodo>div:nth-child(1):before{content:"Periodo"}.fila-periodo>div:nth-child(2):before{content:"Cuota Total"}.fila-periodo>div:nth-child(3):before{content:"Sellout GS"}.fila-periodo>div:nth-child(4):before{content:"WET"}.fila-periodo>div:nth-child(5):before{content:"Cobertura GS"}.fila-periodo>div:nth-child(6):before{content:"Cobertura WET"}.numero{text-align:right}}.buscador-container{margin-bottom:25px;display:flex;justify-content:flex-end}.buscador-input{width:300px;max-width:100%;padding:10px 15px;border-radius:30px;border:1px solid #ddd;outline:none;font-size:14px;transition:all .2s ease}.buscador-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.sin-resultados{text-align:center;padding:40px;color:#888;font-weight:500}@media(max-width:768px){.buscador-container{justify-content:center}.buscador-input{width:100%}}.supervisor-card{background:linear-gradient(135deg,#39414f,#000);color:#fff;padding:25px;border-radius:16px;margin-bottom:30px;box-shadow:0 10px 25px #00000026}.supervisor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.badge-vendedores{background:#facc15;color:#000;padding:6px 12px;border-radius:20px;font-weight:700;font-size:14px}.supervisor-periodo{margin-bottom:20px}.periodo-title{margin-bottom:10px;font-size:16px;opacity:.9}.supervisor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.supervisor-grid div{background:#ffffff14;padding:12px;border-radius:10px;text-align:center}.supervisor-grid span{display:block;font-size:13px;opacity:.8}.supervisor-grid strong{font-size:16px}.playero-hero{background:linear-gradient(135deg,#39414f,#000);color:#fff;padding:30px;border-radius:18px;text-align:center;margin-bottom:25px;box-shadow:0 15px 35px #00000026}.playero-hero h2{margin-bottom:10px}.premio{font-size:18px;font-weight:500}.periodos{opacity:.9;margin-top:5px}.playero-card{background:#fff;padding:25px;border-radius:16px;margin-bottom:20px;box-shadow:0 10px 25px #00000014}.cuotas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:15px}.cuota-item{background:#f8fafc;padding:18px;border-radius:12px;text-align:center}.cuota-item span{display:block;font-size:14px;color:#64748b}.cuota-item strong{display:block;font-size:20px;margin:8px 0}.cuota-item small{font-size:12px;color:#475569}.condiciones ul{margin-top:15px;padding-left:20px}.condiciones li{margin-bottom:8px}.catalogo-wrapper{width:100%;display:flex;justify-content:center;padding:30px 20px;background:#f4f6f9;min-height:100vh}.catalogo-container{width:100%;max-width:1300px}.catalogo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.catalogo-header h2{font-size:28px;font-weight:700}.puntos-box{background:linear-gradient(135deg,#39414f,#000);color:#fff;padding:15px 30px;border-radius:18px;text-align:center;box-shadow:0 10px 25px #00000026}.puntos-box h3{margin:5px 0 0;font-size:22px}.categorias{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.categorias button{padding:8px 18px;border:none;border-radius:25px;background:#e6e9ef;cursor:pointer;transition:.2s;font-weight:500}.categorias button.active{background:#2a5298;color:#fff}.catalogo-content{display:grid;grid-template-columns:3fr 1fr;gap:30px}.catalogo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:20px}.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #00000014;transition:.25s;display:flex;flex-direction:column;height:600px}.card:hover{transform:translateY(-6px)}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:15px;display:flex;flex-direction:column;flex:1}.card-body h4{margin-bottom:8px;font-size:16px}.card-body p{font-size:13px;color:#666;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.card-footer button{background:linear-gradient(135deg,#39414f,#000);color:#fff;border:none;padding:6px 14px;border-radius:10px;cursor:pointer}.carrito{background:#fff;padding:20px;border-radius:20px;box-shadow:0 12px 30px #0000001a;height:fit-content}.carrito h3{margin-bottom:15px}.carrito-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.carrito-total{margin-top:15px;border-top:1px solid #eee;padding-top:10px;font-weight:600}.btn-canjear{width:100%;margin-top:15px;padding:10px;border:none;background:#1e3c72;color:#fff;border-radius:12px;cursor:pointer}@media(max-width:1024px){.catalogo-content{grid-template-columns:2fr 1fr}}@media(max-width:768px){.catalogo-content{grid-template-columns:1fr}.carrito{order:2;margin-top:20px}.catalogo-grid{order:1}.catalogo-header{flex-direction:column;align-items:flex-start}.puntos-box{width:100%}}.buscador-container{margin-bottom:20px;display:flex;justify-content:center}.buscador-container input{width:100%;max-width:500px;padding:12px 20px;border-radius:30px;border:1px solid #ddd;outline:none;font-size:14px;box-shadow:0 5px 15px #0000000d;transition:.2s}.buscador-container input:focus{border-color:#2a5298;box-shadow:0 8px 20px #2a529833}.paginacion{margin-top:30px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.paginacion button{padding:8px 14px;border-radius:10px;border:none;background:#000;cursor:pointer;transition:.2s}.paginacion button:hover:not(:disabled){background:#717070;color:#fff}.paginacion button.active{background:#555454;color:#fff}.paginacion button:disabled{opacity:.5;cursor:not-allowed}.redenciones-container{max-width:900px;margin:0 auto;padding:2rem 1rem}.redenciones-filtros{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filtro-busqueda{flex:1;min-width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s}.filtro-busqueda:focus{border-color:#888}.filtro-estado{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.filtro-estado:focus{border-color:#888}.no-redenciones{text-align:center;margin-top:50px;color:#666}.btn-catalogo{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-catalogo:hover{background-color:#0056b3}.redenciones-list{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.redencion-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:20px;display:flex;flex-direction:column;border:1px solid #eaeaea}.redencion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.redencion-header .fecha{font-size:.85rem;color:#888}.estado-badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.estado-badge.pendiente{background:#fff3cd;color:#856404}.estado-badge.procesando{background:#cce5ff;color:#004085}.estado-badge.enviado,.estado-badge.entregado{background:#d4edda;color:#155724}.estado-badge.cancelado{background:#f8d7da;color:#721c24}.redencion-body h4{margin:0 0 10px;font-size:1.1rem;color:#333}.redencion-body .descripcion{font-size:.9rem;color:#666;margin:0}.redencion-footer{margin-top:20px;padding-top:15px;border-top:1px dashed #eee;display:flex;flex-direction:column;gap:10px}.puntos-costo{font-weight:700;color:#070707}.observacion{font-size:.8rem;font-style:italic;color:#777}.btn-cambiar-estado{margin-top:10px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s;color:#000}.btn-cambiar-estado:hover{background-color:#e9ecef}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-contenido{background:#fff;padding:25px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 15px #0003}.modal-contenido h3{margin-top:0;margin-bottom:15px}.modal-contenido .form-group{margin-bottom:15px;display:flex;flex-direction:column}.modal-contenido .form-group label{margin-bottom:5px;font-weight:600;font-size:.9rem}.modal-contenido .form-group input,.modal-contenido .form-group select,.modal-contenido .form-group textarea{padding:8px;border:1px solid #ccc;border-radius:4px;font-family:inherit}.modal-acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-cancelar{padding:8px 15px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#000}.btn-guardar{padding:8px 15px;background:#4d4d4d;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-guardar:disabled{background:#6c757d;cursor:not-allowed}.clickable{cursor:pointer;transition:.3s}.clickable:hover{background:#3b3b3b}.supervisor-card{margin-bottom:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #00000014}.supervisor-header{padding:15px 20px;background:#080808;display:flex;justify-content:space-between;align-items:center}.vendedores-container{padding:15px;background:#fafafa}.buscar-page{max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.buscar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.buscar-header .titulo-seccion{margin:0}.btn-crear{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;background:#a00d25;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap}.btn-crear:hover{background:#850a1e;transform:translateY(-1px)}.buscar-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.buscar-panel-titulo{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:.85rem}.buscar-controles{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.buscar-controles .campo{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:180px}.buscar-controles .campo label{font-size:.8rem;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.4px}.buscar-controles input,.buscar-controles select{padding:.65rem .85rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;background:#fafafa;transition:border-color .2s,background .2s}.buscar-controles input:focus,.buscar-controles select:focus{outline:none;border-color:#a00d25;background:#fff}.btn-buscar{padding:.65rem 1.5rem;background:#000;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;align-self:flex-end}.btn-buscar:hover:not(:disabled){background:#333;transform:translateY(-1px)}.btn-buscar:disabled{background:#999;cursor:not-allowed}.resultados-cabecera{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.resultados-count{font-size:.85rem;color:#666}.resultados-count strong{color:#333}.resultados-tabla-wrap{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.resultados-tabla{width:100%;border-collapse:collapse;font-size:.9rem}.resultados-tabla thead tr{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.resultados-tabla th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;white-space:nowrap}.resultados-tabla td{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;color:#333;vertical-align:middle}.resultados-tabla tbody tr:last-child td{border-bottom:none}.resultados-tabla tbody tr:hover td{background:#fafafa}.badge-activo{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#d4edda;color:#155724}.badge-inactivo{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#f8d7da;color:#721c24}.btn-ver-perfil{padding:.35rem .9rem;background:#000;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-ver-perfil:hover{background:#333}.buscar-empty{text-align:center;padding:3rem 1rem;color:#999;font-size:.95rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.buscar-empty-icon{font-size:2.5rem;display:block;margin-bottom:.5rem;opacity:.4}@media(max-width:700px){.buscar-controles{flex-direction:column}.buscar-controles .campo{min-width:100%}.btn-buscar{width:100%}.col-distribuidora,.col-email{display:none}}.reportes-container{padding:2rem;max-width:1000px;margin:0 auto}.reportes-layout{display:flex;gap:2rem;margin-top:2rem;align-items:flex-start}.reportes-lista{flex:1;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.reportes-lista h3{margin-top:0;margin-bottom:1rem;color:#444;font-size:1.1rem}.reportes-lista ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.reportes-lista li{padding:1rem;background-color:#f8f9fa;border:2px solid transparent;border-radius:6px;cursor:pointer;font-weight:500;color:#333;transition:all .2s ease}.reportes-lista li:hover{background-color:#e9ecef}.reportes-lista li.active{background-color:#e6f2ff;border-color:#007bff;color:#0056b3}.reporte-detalle-panel{flex:2;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-height:250px;display:flex;flex-direction:column}.reporte-detalle-content{display:flex;flex-direction:column;height:100%}.reporte-detalle-content h3{margin-top:0;color:#333;font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid #f0f0f0;padding-bottom:.5rem}.reporte-detalle-content p{color:#555;margin-bottom:2rem;font-size:1.1rem;line-height:1.5;flex-grow:1}.reporte-no-seleccionado{display:flex;align-items:center;justify-content:center;height:100%;color:#888;text-align:center;font-size:1.2rem;padding:2rem}.btn-descargar{width:auto;align-self:flex-start;padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;font-weight:700;transition:background-color .3s}.btn-descargar:hover{background-color:#0056b3}.btn-descargar:disabled{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.reportes-layout{flex-direction:column}.reportes-lista,.reporte-detalle-panel{width:100%}}.gestiones-container{max-width:1100px;margin:0 auto;padding:2rem 1rem}.gestiones-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.gestiones-title{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:#111}.gestiones-subtitle{color:#666;margin:0;font-size:.95rem}.gestiones-btn-nueva{background:#c8102e;color:#fff;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.gestiones-btn-nueva:hover{background:#a00d25}.gestiones-empty{text-align:center;padding:4rem 1rem;color:#888;background:#fafafa;border-radius:12px;border:2px dashed #e0e0e0}.gestiones-empty p{margin:.4rem 0}.gestiones-table-wrapper{overflow-x:auto;border-radius:12px;box-shadow:0 2px 12px #00000012}.gestiones-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.gestiones-table thead tr{background:#111;color:#fff}.gestiones-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.85rem;letter-spacing:.03em;white-space:nowrap}.gestiones-table td{padding:.7rem 1rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.gestiones-table tbody tr:last-child td{border-bottom:none}.gestiones-table tbody tr:hover td{background:#f9f9f9}.gestiones-td-fecha{white-space:nowrap;color:#555;font-size:.85rem}.gestiones-td-obs{color:#666;font-style:italic;max-width:220px}.gestiones-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.82rem;font-weight:600;white-space:nowrap}.gestiones-badge--tipo.llamada{background:#e8f0fe;color:#1a56db}.gestiones-badge--tipo.whatsapp{background:#dcfce7;color:#166534}.gestiones-badge--cat.entrada{background:#fce7f3;color:#9d174d}.gestiones-badge--cat.salida{background:#fef3c7;color:#92400e}.gestion-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.gestion-modal{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000040;animation:gestion-slide-in .22s ease}@keyframes gestion-slide-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gestion-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;line-height:1;padding:.2rem .5rem;border-radius:6px;transition:background .15s}.gestion-modal__close:hover{background:#f0f0f0;color:#111}.gestion-modal__title{margin:0 0 1.5rem;font-size:1.3rem;font-weight:700;color:#111}.gestion-fieldset{border:none;margin:0 0 1.25rem;padding:0}.gestion-fieldset legend{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#555;margin-bottom:.6rem;display:block}.gestion-btn-group{display:flex;flex-wrap:wrap;gap:.5rem}.gestion-btn-option{padding:.5rem 1.1rem;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.gestion-btn-option:hover{border-color:#c8102e;color:#c8102e}.gestion-btn-option.active{border-color:#c8102e;background:#c8102e;color:#fff}.gestion-opciones-list{display:flex;flex-direction:column;gap:.4rem}.gestion-opcion-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border:2px solid #eee;border-radius:8px;cursor:pointer;font-size:.9rem;color:#333;transition:border-color .15s,background .15s}.gestion-opcion-item:hover{border-color:#c8102e;background:#fff5f6}.gestion-opcion-item.active{border-color:#c8102e;background:#fff5f6;color:#c8102e;font-weight:600}.gestion-opcion-item input[type=radio]{accent-color:#c8102e;width:16px;height:16px;flex-shrink:0}.gestion-auto-label{margin-bottom:1.25rem}.gestion-auto-badge{display:inline-block;background:#dcfce7;color:#166534;font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:20px}.gestion-textarea{width:100%;border:2px solid #ddd;border-radius:8px;padding:.6rem .8rem;font-size:.9rem;font-family:inherit;resize:vertical;transition:border-color .15s;box-sizing:border-box}.gestion-textarea:focus{outline:none;border-color:#c8102e}.gestion-error{color:#c8102e;font-size:.85rem;margin:0 0 1rem;padding:.5rem .8rem;background:#fff5f6;border-radius:6px;border:1px solid #fca5a5}.gestion-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f0f0f0}.gestion-btn-cancel{padding:.55rem 1.2rem;background:#fff;border:2px solid #ddd;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;color:#555;transition:border-color .15s}.gestion-btn-cancel:hover:not(:disabled){border-color:#aaa;color:#111}.gestion-btn-save{padding:.55rem 1.4rem;background:#c8102e;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.gestion-btn-save:hover:not(:disabled){background:#a00d25}.gestion-btn-save:disabled,.gestion-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.gestion-historial{margin-top:1.75rem;padding-top:1.25rem;border-top:2px solid #f0f0f0}.gestion-historial__title{font-size:1rem;font-weight:700;color:#111;margin:0 0 1rem}.gestion-historial__cargando,.gestion-historial__vacio{color:#999;font-size:.875rem;text-align:center;padding:1rem 0}.gestion-historial__list{display:flex;flex-direction:column;gap:.75rem;max-height:340px;overflow-y:auto;padding-right:4px}.gestion-historial__list::-webkit-scrollbar{width:5px}.gestion-historial__list::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.gestion-historial__list::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.gestion-historial__list::-webkit-scrollbar-thumb:hover{background:#bbb}.gestion-historial__item{background:#fafafa;border:1px solid #eee;border-radius:10px;padding:.75rem 1rem}.gestion-historial__item-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.45rem}.gestion-historial__badges{display:flex;gap:.4rem;flex-wrap:wrap}.gestion-historial__fecha{font-size:.8rem;color:#888;white-space:nowrap}.gestion-historial__detalle{font-size:.875rem;color:#333;margin:0 0 .3rem}.gestion-historial__obs{font-size:.82rem;color:#666;font-style:italic;margin:0 0 .3rem}.gestion-historial__registrado{font-size:.78rem;color:#aaa;margin:0}.equipos-page{max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.equipos-error{background:#f8d7da;color:#721c24;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.9rem}.equipos-form{margin-bottom:1.25rem}.btn-eliminar{padding:.35rem .9rem;background:#a00d25;color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-eliminar:hover:not(:disabled){background:#850a1e}.btn-eliminar:disabled{background:#ccc;cursor:not-allowed}@font-face{font-family:Coalition;src:url(/assets/Coalition_v2-0oI0Tw_t.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body,#root{margin:0!important;padding:0;height:100%;font-family:Coalition!important;overflow-x:hidden;color:red}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#fff}.auth-form input::placeholder{color:#fff;opacity:1}.auth-form input::-webkit-input-placeholder{color:#fff}.auth-form input:-ms-input-placeholder{color:#fff}.auth-form input::-ms-input-placeholder{color:#fff}.titulo-seccion{margin:30px 0;font-size:2.2rem;text-align:center}.estado-cuenta{display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:50px}.periodo-card{background:#111;border-radius:20px;padding:30px;border:1px solid #333;color:#fff;box-shadow:0 20px 40px #0006;position:relative;overflow:hidden}.periodo-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#d51b23,#ff4d4d)}.periodo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;border-bottom:1px solid #222;padding-bottom:20px}.periodo-info h3{margin:0;font-size:1.8rem;color:#fff}.categoria-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0d;padding:6px 12px;border-radius:20px;margin-top:10px;border:1px solid rgba(255,255,255,.1)}.medalla{font-size:1.2rem}.categoria-badge .texto{font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.segmento-badge{display:block;margin-top:6px;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.total-incentivo-box{text-align:right}.total-incentivo-label{display:block;font-size:.8rem;opacity:.6;text-transform:uppercase;margin-bottom:5px}.total-incentivo-valor{font-size:2rem;font-weight:700;color:#27ae60;text-shadow:0 0 10px rgba(39,174,96,.3)}.seccion-metas{margin-bottom:30px}.seccion-titulo{font-size:1.2rem;color:#d51b23;margin-bottom:20px;display:flex;align-items:center;gap:10px}.seccion-titulo:after{content:"";flex:1;height:1px;background:#222}.metas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.tabla-movimientos{width:100%;border-collapse:collapse;font-size:.95rem}.tabla-movimientos thead tr{border-bottom:1px solid #333}.tabla-movimientos th{text-align:left;padding:10px 16px;color:#888;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.tabla-movimientos td{padding:12px 16px;color:#ccc;border-bottom:1px solid #1a1a1a}.tabla-movimientos tbody tr:last-child td{border-bottom:none}.tabla-movimientos tbody tr:hover td{background:#ffffff08}.tabla-movimientos td.incentivo,.tabla-movimientos td.valor-num{text-align:right;color:#4caf50;font-weight:600}.tabla-movimientos th:last-child{text-align:right}.meta-card{background:#ffffff05;border:1px solid #222;border-radius:12px;padding:20px;transition:all .3s ease}.meta-card:hover{border-color:#d51b23;background:#d51b2308;transform:translateY(-2px)}.meta-nombre{display:block;font-size:.9rem;margin-bottom:15px;color:#aaa}.meta-valores{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.valor-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:8px}.valor-label{font-size:.75rem;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.valor-num{font-size:1rem;font-weight:700}.valor-num.incentivo{color:#27ae60;background:#27ae601a;padding:2px 8px;border-radius:4px}.progreso-container{height:6px;background:#222;border-radius:3px;margin-bottom:8px;overflow:hidden}.progreso-barra{height:100%;background:linear-gradient(90deg,#d51b23,#ff4d4d);border-radius:3px;transition:width 1s ease-out}.porcentaje-texto{display:block;text-align:right;font-size:.8rem;color:#d51b23;font-weight:700}@media(max-width:768px){.periodo-header{flex-direction:column;gap:20px}.total-incentivo-box{text-align:left;width:100%;padding:15px;background:#27ae600d;border-radius:12px}}.bts-btn-wrapper{display:flex;justify-content:flex-end;margin-bottom:10px}.btn-back-to-school{background:linear-gradient(135deg,#1a1a6e,#2e3aa1);color:#fff;border:none;border-radius:10px;padding:10px 22px;font-size:.95rem;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #1a1a6e73}.btn-back-to-school:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a1a6ea6}.bts-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bts-modal{background:#111;border:1px solid #2e3aa1;border-radius:18px;width:min(880px,96vw);max-height:92vh;overflow-y:auto;color:#fff;box-shadow:0 24px 60px #000000b3}.bts-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 16px;border-bottom:1px solid #222}.bts-modal-header h2{margin:0;font-size:1.5rem;background:linear-gradient(90deg,#7b8fff,#a0aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bts-close-btn{background:none;border:1px solid #333;color:#aaa;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:1rem;transition:background .15s}.bts-close-btn:hover{background:#222;color:#fff}.bts-loading,.bts-empty{padding:30px 28px;color:#888;text-align:center}.bts-content{padding:24px 28px;display:flex;flex-direction:column;gap:24px}.bts-clasificacion-row{display:flex;align-items:center;gap:14px}.bts-clasificacion-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.bts-clasificacion-badge{background:linear-gradient(135deg,#1a1a6e,#2e3aa1);color:#c8d0ff;padding:5px 14px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px}.bts-metricas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.bts-metrica-card{background:#ffffff08;border:1px solid #222;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.bts-metrica-titulo{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#7b8fff;font-weight:700}.bts-metrica-valores{display:flex;flex-direction:column;gap:6px}.bts-val-item{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#ffffff08;border-radius:6px}.bts-val-label{font-size:.68rem;color:#666;text-transform:uppercase;letter-spacing:.4px}.bts-val-num{font-size:1rem;font-weight:700;color:#ddd;word-break:break-word}.bts-progreso-container{height:6px;background:#1e1e1e;border-radius:3px;overflow:hidden}.bts-progreso-barra{height:100%;background:linear-gradient(90deg,#2e3aa1,#7b8fff);border-radius:3px;transition:width .8s ease-out}.bts-progreso-barra.completo{background:linear-gradient(90deg,#1a7a4a,#27ae60)}.bts-perc-texto{font-size:.78rem;text-align:right;color:#7b8fff;font-weight:700}.bts-perc-texto.ok{color:#27ae60}.bts-incentivo-box{border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.bts-incentivo-box.ganado{background:#27ae601a;border:1px solid rgba(39,174,96,.35)}.bts-incentivo-box.no-ganado{background:#ffffff08;border:1px solid #2a2a2a}.bts-incentivo-label{font-size:.85rem;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.bts-incentivo-valor{font-size:1.6rem;font-weight:800}.bts-incentivo-box.ganado .bts-incentivo-valor{color:#27ae60}.bts-incentivo-box.no-ganado .bts-incentivo-valor{color:#666;font-size:1rem}@media(max-width:480px){.bts-modal-header{padding:18px 18px 14px}.bts-content{padding:18px}.bts-incentivo-box{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;inset:0;background:#000000a6;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{width:420px;background:#fff;border-radius:10px;padding:25px;display:flex;flex-direction:column;gap:15px}.link-tyc{display:block;text-align:center;padding:10px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#a00d25;font-weight:600;text-decoration:none}.link-tyc:hover{background:#fdecea;text-decoration:underline}.pdf{width:100%;height:220px;border:1px solid #ddd;border-radius:6px}.inputs{display:flex;flex-direction:column;gap:10px}.inputs input{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.check{display:flex;gap:8px;align-items:center;font-size:14px}.rules{list-style:none;padding:0;margin:0;font-size:13px}.rules li{color:#aaa;transition:.2s}.rules li.ok{color:#27ae60;font-weight:600}button{padding:10px;border-radius:6px;border:none;background:#2c3e50;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.header{width:100%;background:#111;color:#fff;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000004d}.header-logo{height:100px}.menu-btn{right:20px;background:none;border:none;font-size:28px;color:#fff;cursor:pointer;display:none}.nav{display:flex;justify-content:center;gap:40px;padding:15px 10px;background:#1a1a1a;border-top:1px solid #2a2a2a}.nav a{color:#fff;text-decoration:none;font-weight:500;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:#e01c24;transition:.3s}.nav a:hover:after{width:100%}.logout-btn{background:#e01c24;border:none;padding:8px 14px;border-radius:6px;color:#fff;cursor:pointer}@media(max-width:900px){.menu-btn{display:block}.nav{position:fixed;bottom:-100%;left:0;width:100%;flex-direction:column;align-items:center;gap:25px;padding:30px 0 40px;transition:.4s;border-top-left-radius:20px;border-top-right-radius:20px;z-index:9999}.nav.open{bottom:0}}.banner{width:100%;height:auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:#000000db}.banner img{width:100%;height:auto;object-fit:cover}.banner .banner-mobile{display:none}@media(max-width:768px){.banner .banner-desktop{display:none}.banner .banner-mobile{display:block}.banner img{width:100%}}.content{flex:1;padding:0;background:#f4f6f8}.card{background:#fff;padding:30px;border-radius:8px;max-width:600px;margin:auto;box-shadow:0 4px 12px #00000014}.footer{text-align:center;padding:15px;background:#111;color:#aaa;font-size:14px}.login-form{display:flex;flex-direction:column;gap:14px}.error-box{padding:10px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;font-size:14px}.help-box{border-radius:8px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.whatsapp-link{display:flex;align-items:center;gap:8px;color:#25d366;padding:8px 14px;border-radius:6px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.linea-atencion{font-size:13px;color:#fafafa;display:flex;flex-direction:column;align-items:center}.recover-pass{text-align:right;margin-top:-6px;margin-bottom:6px}.recover-pass a{font-size:13px;color:#fff;text-decoration:none;font-weight:500}.recover-pass a:hover{text-decoration:underline}.whatsapp-float-btn{position:fixed;bottom:30px;right:30px;background-color:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 10px #0000004d;transition:all .3s ease;z-index:1000}.whatsapp-tooltip{visibility:hidden;position:absolute;right:70px;background-color:#333;color:#fff;padding:8px 15px;border-radius:20px;font-size:14px;white-space:nowrap;opacity:0;transition:opacity .3s}.whatsapp-float-btn:hover .whatsapp-tooltip{visibility:visible;opacity:1}.boton-salir{color:red!important;cursor:pointer}.header-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:2rem}.user-info{display:flex;gap:1.5rem;align-items:center;flex-direction:column;align-items:flex-start}.user-info p{margin:0;color:#a1a1a1;font-size:.95rem}.user-info strong{color:#fff;margin-right:.25rem}.menu-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:#333;transition:color .3s}.menu-btn:hover{color:#007bff}@media(max-width:768px){.header-top{flex-direction:column;padding:1rem}.header-left{margin-bottom:1rem}.header-right{width:100%;gap:.75rem;justify-content:space-between;align-items:flex-start}.user-info{flex:1;min-width:0;flex-direction:column;gap:.5rem;align-items:flex-start}.dist-selector{flex-wrap:wrap;gap:.25rem}.dist-selector select{max-width:100%;width:140px;font-size:.85rem}}.submenu-container{display:flex;flex-direction:column;cursor:pointer}.submenu-btn:hover{opacity:.8}.submenu{display:flex;flex-direction:column;padding-left:15px;gap:6px}.submenu a{font-size:14px;opacity:.85}.dist-selector{display:flex;align-items:center;gap:.5rem;color:#a1a1a1;font-size:.95rem}.dist-selector strong{color:#fff;white-space:nowrap}.dist-selector select{background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:6px;padding:4px 8px;font-size:.9rem;cursor:pointer;max-width:200px}.dist-selector select:disabled{opacity:.7;cursor:default}.dist-selector select:focus{outline:none;border-color:#a00d25}