:root{--primary-blue:#004ebc;--accent-red:#e70f47;--white:#fff;--gray-light:#f4f6f9;--text-dark:#333;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.header-content{align-items:center;display:flex;justify-content:space-between}.logo-contain{width:200px}.logo-contain img{height:auto;width:100%}.form-contain{align-items:center;display:flex;gap:15px}#search-name{border:1px solid #cecece;border-radius:4px;font-weight:300;height:41.5px!important;outline:none;padding:5px 0;text-align:center;width:300px}#search-name,.form-contain button{font-family:Poppins,sans-serif;font-size:18px}.form-contain button{align-items:center;background:#e70f47;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;height:41.5px;justify-content:center;padding:6px 15px;transition:.2s;width:210px}.form-contain button:hover{background:#fe104e;color:#fff}#respose-pop-up{background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2}.body-pop-up{align-items:center;background:#fff;border-radius:15px;display:flex;justify-content:center;left:50%;min-height:50px;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1}.overly-close-pop-up{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.close-pop-up{color:#777;cursor:pointer;font-family:Poppins,sans-serif;font-size:20px;position:absolute;right:2%;top:1%;transform:translateY(-1%)}#result-table{width:100%}th{color:#000;font-size:20px;font-weight:500;text-align:center}p,td,th{font-family:Poppins,sans-serif}p,td{color:#777;font-size:18px;font-weight:300}@media(max-width:768px){.header-content{flex-direction:column;gap:10px}.form-contain{flex-wrap:wrap;gap:10px;justify-content:space-between}#search-name{width:100%}.form-contain button{width:47%}}.modal-overlay{align-items:center;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.modal-overlay.active{display:flex;opacity:1}.modal-content{background-color:var(--white);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:800px;padding:2rem;position:relative;transform:translateY(20px);transition:transform .3s ease;width:90%}.modal-overlay.active .modal-content{transform:translateY(0)}.close-btn{color:#999;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1.5rem;top:1rem;transition:color .2s}.close-btn:hover{color:var(--accent-red)}.modal-header{margin-bottom:2rem;text-align:center}.user-name{color:var(--primary-blue);font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-code{color:#666;font-size:.9rem;margin-top:.5rem}.cards-container{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.info-card{background:var(--white);border:1px solid #eee;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.info-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:translateY(-5px)}.info-card:before{content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card-redimidos:before{background-color:#ff9800}.card-obtenidos:before{background-color:var(--primary-blue)}.card-balance:before{background-color:var(--accent-red)}.card-value{color:var(--text-dark);font-size:2.5rem;font-weight:800;margin:.5rem 0}.card-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.card-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.card-redimidos .card-value{color:#ff9800}.card-obtenidos .card-value{color:var(--primary-blue)}.card-balance .card-value,.not-found-message{color:var(--accent-red)}.not-found-message{display:none;font-size:1.2rem;padding:2rem;text-align:center}@media (max-width:600px){.modal-content{padding:1.5rem;width:85%}.user-name{font-size:1.4rem}.card-value{font-size:2rem}}