.sp-folder-card{cursor:pointer}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}.sp-exam-layout{width:100%;min-height:100vh;background:#fff}.sp-exam-sidebar{display:none!important}.sp-exam-content{width:100%;margin:0;padding:32px 0}.sp-test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1600px;margin:10px auto;padding:0 16px}.sp-folder-card{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;align-items:center;gap:8px;font-weight:600;color:#111827;text-decoration:none;box-shadow:0 8px 22px rgb(15 23 42 / .08);transition:transform .2s ease,box-shadow .2s ease}.sp-folder-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgb(15 23 42 / .15)}.sp-test-card{position:relative;background:linear-gradient(180deg,rgb(147 51 234 / .2) 0%,rgb(34 197 94 / .04) 45%,rgb(255 255 255 / .95) 100%),#ffffff;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 30px rgb(15 23 42 / .08);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.sp-test-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 45px rgb(15 23 42 / .18)}.sp-test-card,.sp-test-card *{user-select:none}.card-free{background:linear-gradient(180deg,rgb(34 197 94 / .12),rgb(255 255 255 / .96)),#ffffff}.card-buy{background:linear-gradient(180deg,rgb(245 158 11 / .14),rgb(255 255 255 / .96)),#ffffff}.card-renew{background:linear-gradient(180deg,rgb(147 51 234 / .16),rgb(255 255 255 / .96)),#ffffff}.card-active{background:linear-gradient(180deg,rgb(34 197 94 / .08),rgb(255 255 255 / .96)),#ffffff}.card-expired{background:linear-gradient(180deg,rgb(220 38 38 / .12),rgb(255 255 255 / .96)),#ffffff;opacity:.85}.sp-card-btn.renew-btn{background:linear-gradient(135deg,#7c3aed,#9333ea);color:#fff}.sp-card-btn.renew-btn:hover{background:linear-gradient(135deg,#6d28d9,#7e22ce)}.sp-card-btn.start-paid{background:linear-gradient(135deg,#22c55e,#16a34a)}.sp-card-btn.start-paid:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.sp-card-title{font-size:18px;font-weight:800;color:#0f172a}.sp-card-meta{font-size:14px;color:#475569;display:flex;flex-direction:column;gap:6px}.sp-card-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sp-badge{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700}.sp-badge.free{background:#dcfce7;color:#166534}.sp-badge.paid{background:#fee2e2;color:#991b1b}.sp-badge.attempt{background:#f1f5f9;color:#334155}.sp-card-btn{margin-top:auto;padding:12px;border-radius:10px;text-align:center;background:#2563eb;color:#fff;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sp-card-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgb(37 99 235 / .35);background:#1d4ed8}.sp-card-btn.renew-btn{background:linear-gradient(135deg,#7c3aed,#9333ea)}.sp-card-btn.renew-btn:hover{background:linear-gradient(135deg,#6d28d9,#7e22ce)}.sp-test-card{display:flex;flex-direction:column}.sp-card-meta{flex-grow:1}.sp-card-btn,.sp-test-card>div:last-child{margin-top:auto}.sp-star-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:2px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.sp-star-btn .star-icon{font-size:20px;color:#9ca3af;transition:color .15s ease}.sp-star-btn:hover{border-color:#6366f1;box-shadow:0 0 0 4px rgb(99 102 241 / .12)}.sp-star-btn:hover .star-icon{color:#6366f1}.sp-star-btn.active{border-color:#facc15;box-shadow:0 0 0 4px rgb(250 204 21 / .22)}.sp-star-btn.active .star-icon{color:#facc15}.sp-star-btn:active{transform:scale(.92)}@keyframes star-pop{0%{transform:scale(1)}40%{transform:scale(1.35)}70%{transform:scale(.9)}100%{transform:scale(1)}}.sp-star-btn.react{animation:star-pop 0.35s ease}.sp-star-btn.active{border-color:#facc15;box-shadow:0 0 0 6px rgb(250 204 21 / .25)}.sp-empty-message{text-align:center;padding:60px 20px;font-size:16px;font-weight:600;color:#64748b}.sp-empty-message::before{content:"☆";display:block;font-size:36px;color:#cbd5e1;margin-bottom:10px}.sp-highlight-test{border:3px solid #facc15;box-shadow:0 0 0 6px rgb(250 204 21 / .25);animation:spHighlight 0.8s ease}@keyframes spHighlight{0%{transform:scale(.96)}50%{transform:scale(1.02)}100%{transform:scale(1)}}@media (max-width:768px){.sp-exam-content{padding-bottom:96px}.sp-test-grid{grid-template-columns:1fr;gap:16px;margin:24px auto}.sp-test-card:hover{transform:none;box-shadow:0 12px 30px rgb(15 23 42 / .08)}}.sp-mobile-footer{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:6px 12px;background:linear-gradient(180deg,#f3f4f6 0%,#eef0f4 100%);border-top:1px solid #dbe0e6;box-shadow:0 -4px 12px rgb(15 23 42 / .08);z-index:9999;pointer-events:auto}.sp-mobile-footer .sp-filter-btn{flex:1;padding:6px 0;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:999px;font-weight:600;font-size:12.5px;cursor:pointer;pointer-events:auto;z-index:10000;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.sp-mobile-footer .sp-filter-btn.active{background:#fdebd3;color:#7c2d12;border-color:#facc15;box-shadow:0 2px 6px rgb(250 204 21 / .35)}.sp-mobile-footer .sp-filter-btn:active{transform:scale(.95)}