body{font-family:Segoe UI,sans-serif;background-color:#f3f4f6;margin:0;padding:0}.container{box-sizing:border-box;padding:0}img{width:50px;height:auto}.heading{text-align:center;color:#333;margin-bottom:1.5rem}.headingContainer{display:flex;justify-content:center;gap:15px}.input-grp{display:flex;justify-content:center;margin-bottom:1rem}.input-box{font-size:1rem;outline:none;align-items:center;margin-right:.5rem;padding:.5rem;width:250px;border-radius:7px;border:1.5px solid blueviolet}.fetch-btn{padding:.5rem;font-size:1rem;background-color:#6366f1;color:#fff;border:none;border-radius:7px;cursor:pointer;transition:background-color .2s ease-in-out}.fetch-btn:hover{background-color:#4f46e5}.problems-list{padding:0;margin:0;max-width:1000px;align-items:center;margin:2rem auto}.problem-card{display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb;padding:1rem;margin-bottom:1rem;border-radius:6px;box-shadow:0 1px 3px #00000014;transition:transform .2s ease;list-style-type:none}.problem-card:hover{transform:scale(1.02)}.problem-card a{text-decoration:none;color:#1f2937;font-weight:700}.problem-card small{display:block;color:#6b7280;margin-top:.4rem}.sync-btn{margin-left:77.5%;padding:.5rem;font-size:1rem;background-color:#6366f1;color:#fff;border:none;border-radius:7px;cursor:pointer;transition:background-color .2s ease-in-out}.sync-btn:hover{background-color:#4f46e5}.loading{display:flex;justify-content:center;font-size:17px}.circle{width:25px;height:25px;border-radius:50%;margin-left:10px;cursor:pointer}.circle.grey{background-color:#ccc}.circle.green{background-color:#4caf50}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#333;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;position:absolute;top:35px;left:50%;transform:translate(-50%);white-space:nowrap;z-index:10;opacity:0;transition:opacity .2s ease-in-out}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.custom-tooltip{padding:8px;margin:0;background:#000;border-radius:7px;color:#fff;opacity:83%}.custom-tooltip p{padding:0;margin:0}.Accepted{color:#54de54}.Wrong{color:#c93737}.bar-chart{display:flex;justify-content:center}.tags-chart{display:flex;justify-content:center;margin-left:300px}.containerHeader{display:flex;flex-direction:row;justify-content:space-between;margin:10px}.links{display:flex;justify-content:start;gap:10px;margin-left:40px}.navLink{text-decoration:none;color:#000;font-size:18px;padding:7px 5px;display:inline-block}.active-link{background-color:#b9b7b7;border-radius:10px}
