.tab-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important;border:2px solid transparent!important}.tab-btn:hover{background-color:var(--color-surface-dim)!important;color:var(--color-on-surface)!important;border-color:transparent!important}.tab-btn.active{background-color:var(--color-primary)!important;color:var(--color-on-primary)!important;border-color:var(--color-primary)!important}.tab-btn.active:hover{background-color:var(--color-primary)!important;color:var(--color-on-primary)!important;border-color:var(--color-primary)!important;opacity:.95!important}.test-card-btn,.dashboard-challenge-card{transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.test-card-btn:hover,.dashboard-challenge-card:hover{border-color:var(--color-outline-variant)!important;background-color:var(--color-surface)!important;box-shadow:0 4px 12px #00000005!important}.dark .test-card-btn:hover,.dark .dashboard-challenge-card:hover{border-color:var(--color-outline-variant)!important;background-color:var(--color-surface-bright)!important;box-shadow:0 4px 16px #00000026!important}@media(max-width:640px){.test-card-btn,.dashboard-challenge-card{background-color:var(--color-surface-dim)!important;border:1px solid color-mix(in srgb,var(--color-outline) 30%,transparent)!important;border-radius:10px!important;box-shadow:none!important;padding:12px 14px!important;margin-bottom:8px!important}.test-card-btn:last-child,.dashboard-challenge-card:last-child{margin-bottom:0!important}.test-card-btn:hover,.dashboard-challenge-card:hover{background-color:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface-dim))!important;border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)!important;box-shadow:none!important}.dark .test-card-btn:hover,.dark .dashboard-challenge-card:hover{background-color:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface-dim))!important;border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)!important;box-shadow:none!important}.test-card-btn span.uppercase,.dashboard-challenge-card span.uppercase{display:none!important}.test-card-btn .min-w-\[85px\],.test-card-btn .min-w-\[125px\],.dashboard-challenge-card .min-w-\[80px\],.dashboard-challenge-card .min-w-\[100px\]{min-width:0!important}.test-card-btn .flex.items-center.justify-between.sm\:justify-end,.dashboard-challenge-card .flex.items-center.gap-6{gap:12px!important}.category-section,#suggestedCard{padding:1rem!important;margin-bottom:1.25rem!important}.profile-card,.achievements-card,.activity-feed-card{margin-bottom:1.25rem!important}}.chevron-icon{transition:transform .25s cubic-bezier(.4,0,.2,1)}.search-hidden{display:none!important}.badge-tooltip-container{position:relative}.badge-tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(8px);width:200px;padding:12px;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);text-align:center}.badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--color-outline) transparent transparent transparent}.badge-tooltip-container:hover .badge-tooltip{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.badge-tooltip-container:nth-child(4n+1) .badge-tooltip{left:0;transform:translateY(8px)}.badge-tooltip-container:nth-child(4n+1) .badge-tooltip:after{left:20px;transform:none}.badge-tooltip-container:nth-child(4n+1):hover .badge-tooltip{transform:translateY(0)}.badge-tooltip-container:nth-child(4n) .badge-tooltip{left:auto;right:0;transform:translateY(8px)}.badge-tooltip-container:nth-child(4n) .badge-tooltip:after{left:auto;right:20px;transform:none}.badge-tooltip-container:nth-child(4n):hover .badge-tooltip{transform:translateY(0)}.dark .badge-tooltip{box-shadow:0 10px 30px -5px #0006}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;transform:scale(.95) translateY(10px);animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:transparent;margin-top:16px;margin-bottom:16px}.modal-content::-webkit-scrollbar-thumb{background:var(--color-outline);border:3px solid var(--color-surface);border-radius:6px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--color-outline-variant)}.tab-scroll-container::-webkit-scrollbar{height:10px}.tab-scroll-container::-webkit-scrollbar-track{background:transparent;margin-left:12px;margin-right:12px}.tab-scroll-container::-webkit-scrollbar-thumb{background:var(--color-outline);border:2.5px solid var(--color-surface);border-radius:5px}.tab-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-outline-variant)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.95) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}