#sidebar-nav{width:35vh}*{box-sizing:border-box;margin:0}.w-90{width:90%}.w-80{width:80%}.w-70{width:70%}.w-40{width:40%}.w-30{width:30%}.w-20{width:20%}.text-justify{text-align:justify}.youtube_frame{min-width:40%;min-height:40vh}.sidebar-toggle-btn{position:fixed;top:24px;left:24px;z-index:1055;display:flex;align-items:center;gap:10px;padding:14px 20px;background:linear-gradient(135deg,#34baf7,#1c5570);color:#fff;border:none;border-radius:18px;font-weight:700;font-size:.95rem;box-shadow:0 12px 28px #34baf747;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.sidebar-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #34baf75c;color:#fff;text-decoration:none}.sidebar-toggle-btn:active{transform:translateY(0)}.sidebar-toggle-btn i{font-size:1.1rem;transition:transform .3s ease}.sidebar-toggle-btn[aria-expanded=true] i{transform:rotate(90deg)}.sidebar-toggle-btn .btn-text{font-weight:700;letter-spacing:.02em}.sidebar-toggle-btn .btn-icon-bg{position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease}.sidebar-toggle-btn:hover .btn-icon-bg{width:8px;height:8px}@media (min-width: 992px){.sidebar-toggle-btn{display:none}}@media (max-width: 576px){.sidebar-toggle-btn{top:16px;left:16px;padding:12px 16px;font-size:.9rem;gap:8px}.sidebar-toggle-btn i{font-size:1rem}.sidebar-toggle-btn .btn-text{display:none}}.content{padding-top:80px}@media (min-width: 992px){.content{padding-top:24px}}.header .img-wrapper img,.img-about img{background-size:contain;object-fit:cover;background-position:center}.header .img-wrapper{height:80vh!important}.img-about{position:relative;height:50vh}.card-testi img{background-size:cover;object-fit:cover;background-position:center}.text-prim:hover,.text-prim:active{color:#34baf7!important}.login-body,.register-body{position:relative;background-color:#34baf7}.login-body:before,.register-body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;background:url(/build/assets/Internet-Website-PNG-Photos-8Trqfwgh.png) center/cover no-repeat;z-index:-1}.error-body{background:url(/build/assets/Internet-Website-PNG-Photos-8Trqfwgh.png);position:relative;overflow:hidden;background-color:#1c5570}.text-0{color:#fff}.text-1{color:#34baf7}.bg-1{background-color:#34baf7}.bg-2{background-color:#ffbd13!important;color:#fff!important}.bg-2:hover{background-color:#34baf7!important;color:#fff!important}.login-form form,.register-form form{width:80%;min-height:80vh}.card-content{position:relative}.card-content:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:2px solid #ccc;z-index:-1}.about-wave{width:50%;height:auto;right:0}.about-text{z-index:4;width:50%}.index-header-img{right:0}.calendar{width:25%}.page-item.active .page-link{background-color:#34baf7!important;border:#34baf7!important;color:#e8e8e8!important}.page-link{color:#34baf7!important}.opening-dashboard .card{width:98%}.navbar-collapse{flex-grow:0!important}.chart_daily,.chart_teethq{min-width:400px!important}.text-about{margin-left:5vh!important}.logo-sidebar{padding-left:20px;width:max-content!important;height:50px!important}@media (max-width: 767px){.header .img-wrapper{height:50vh!important}.title-finish-pengetahuan{text-align:center}.profile-dashboard .profile-name{display:none}.index-header-img{opacity:.2}.calendar{width:100%}.stat_performance{justify-content:center;align-items:center}.footer_info{text-align:-webkit-center}.about-text{width:100%}.about-text h1{text-align:center}.about-text p{padding:20px;text-align:justify}.about-image{display:none}.title-14days{text-align:center}.content-14days{justify-content:center}.container-panduan{min-height:150vh!important}.content-panduan-pretest{text-align:justify;margin-top:10vh;width:90%}.body-quiz{flex-direction:column!important}}.about-image .img-about1{right:10%}.container-slider{overflow:hidden}.card-slider{display:flex;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.card{flex:0 0 auto;width:300px;margin-right:15px;scroll-snap-align:start}.card-slider::-webkit-scrollbar{width:12px}.card-slider::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.sidebar{min-height:100vh}.element-dashboard{right:5vh}.element-dashboard .card-element{height:200px;width:250px}.fc-toolbar-title{font-size:20px!important;color:#34baf7;width:100%!important}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{display:none}.fc .fc-col-header-cell-cushion,.fc .fc-daygrid-day-number{font-size:small;text-align:center!important;color:#000;text-decoration:none}.fc-button-group{width:10px!important}.fc-toolbar-chunk .fc-today-button{display:none}.fc-toolbar-chunk{padding:10px}.fc-toolbar-chunk .fc-button-group{display:none}.fc-scrollgrid-sync-inner{color:#000;text-decoration:none}.btn-toggle{background-color:#34baf7;border-radius:0 0 25px 25px}.content-14days{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.card-14days{cursor:pointer;background-color:#6fff7d;border-radius:15px;display:flex;justify-content:center;align-items:center}.content-activity{border:1px solid #a5a5a5}.back-link{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:999px;text-decoration:none;color:#212529;background-color:#f8f9fa;border:1px solid rgba(33,39,41,.08);font-weight:600;transition:all .2s ease}.back-link:hover{background-color:#fff;color:#25b7f6;border:1px solid rgba(33,39,41,.08);transform:translate(-2px)}.back-link__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#dc354514;color:#34baf7;font-size:.95rem;line-height:1}.back-link__text{font-size:.95rem}@media (max-width: 576px){.back-link{width:100%;justify-content:center;padding:.85rem 1rem}}.title-activity-card{position:relative;padding:1.25rem;border-radius:20px;background:linear-gradient(135deg,#fff6f7,#fff);border:1px solid rgba(220,53,69,.12);box-shadow:0 10px 24px #dc35450f;overflow:hidden}.title-activity-card:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#dc35450f;border-radius:50%}.title-activity-top{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem;position:relative;z-index:1}.title-badge{display:inline-flex;align-items:center;padding:.42rem .8rem;border-radius:999px;background-color:#dc3545;color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em}.title-step{display:inline-flex;align-items:center;padding:.42rem .8rem;border-radius:999px;background-color:#dc354514;color:#dc3545;font-size:.78rem;font-weight:700}.title-activity-main{position:relative;z-index:1}.title-heading{font-size:1.75rem;font-weight:800;color:#212529;margin:0}.title-desc{font-size:.96rem;color:#6c757d;max-width:540px}@media (max-width: 767.98px){.title-activity-card{padding:1rem;border-radius:16px}.title-heading{font-size:1.4rem}.title-desc{font-size:.92rem}}.form-activity{min-height:70vh}.form-activity form .input-nama,.input-file,.input-time{width:48%}.form-activity form .input-file input{border:1px solid #a5a5a5}.form-activity button{position:absolute;right:0;bottom:0;padding:1vh 5vh}.box-quiz .navigasi-quiz button{width:20vh;background-color:#a5a5a5}.box-quiz .navigasi-quiz .url-quiz{color:#a5a5a5}.card-quiz_keterampilan{cursor:pointer;background-color:#34baf7;font-weight:bolder}.navigasi-keterampilan .timer-keterampilan,.navigasi-pengetahuan .timer-pengetahuan{width:70px;height:70px;border-radius:50%}.card-quiz_pengetahuan{cursor:pointer;background-color:#6fff7d;font-weight:bolder}.card-quiz_keterampilan img,.card-quiz_pengetahuan img{width:50%;height:auto}.status-skor{background-color:#b1ffb9}.status-skor h1,.status-skor p{color:#204f25}.box-info{min-height:80vh;background-color:#34baf7;border:1px solid #a5a5a5}.box-video .card-video{border:1px solid #a5a5a5}.box-info .card-info .card-footer-info{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.card-info{width:25%!important}.box-info-detail{border:1px solid #868686;background-color:#e8e8e8;min-height:80vh}.container-panduan .box-panduan-pretest{height:50vh}.box-panduan-pretest .bg-panduan-pretest{background-color:#34baf7}.box-panduan-pretest .bg-panduan-pretest img{height:100%;width:auto}.content-panduan-pretest{margin-top:10vh;border:1px solid #A5A5A5}.container-pretest-teethq .box-statistik .card-teethq-pretest{background-color:#34baf7}.profile-dashboard .dropdown .profile-picture img{width:100%}.profile-dashboard .dropdown .profile-picture{width:50px;height:50px;background-color:#1c5570;border-radius:50%;overflow:hidden}.body-dashboard .card{background-color:#34baf7;color:#fff}.body-dashboard .card-ulasan{background-color:#fff!important;color:#000!important}.body-dashboard .leaderboard-card{width:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 18px 40px #0f172a0f;overflow:hidden}.body-dashboard .leaderboard-card__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;flex-wrap:wrap}.body-dashboard .leaderboard-eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#34baf7}.body-dashboard .leaderboard-title{font-size:1.45rem;font-weight:800;color:#1f2937}.body-dashboard .leaderboard-search{width:100%;max-width:360px}.body-dashboard .leaderboard-search .input-group{border-radius:16px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#f8fafc}.body-dashboard .leaderboard-search__icon{background:#f8fafc;border:none;color:#94a3b8}.body-dashboard .leaderboard-search__input{border:none;background:#f8fafc;box-shadow:none!important;padding:.85rem .95rem;color:#334155}.body-dashboard .leaderboard-search__input::placeholder{color:#94a3b8}.body-dashboard .leaderboard-search__btn{background:#34baf7;color:#fff;border:none;padding-inline:1.15rem;font-weight:700}.body-dashboard .leaderboard-search__btn:hover{background:#1ea7e6;color:#fff}.body-dashboard .leaderboard-table-wrap{padding-inline:1.5rem;padding-bottom:.75rem}.body-dashboard .leaderboard-table{border-collapse:separate;border-spacing:0 .75rem}.body-dashboard .leaderboard-table thead th{border:none;background:transparent;color:#64748b;font-size:.85rem;font-weight:700;padding:0 1rem .35rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.body-dashboard .leaderboard-table tbody tr{box-shadow:0 8px 20px #0f172a0a}.body-dashboard .leaderboard-table tbody td{background:#fff;border-top:1px solid rgba(15,23,42,.06);border-bottom:1px solid rgba(15,23,42,.06);padding:1rem;text-align:center;vertical-align:middle;color:#334155;font-weight:600}.body-dashboard .leaderboard-table tbody td:first-child{border-left:1px solid rgba(15,23,42,.06);border-top-left-radius:18px;border-bottom-left-radius:18px}.body-dashboard .leaderboard-table tbody td:last-child{border-right:1px solid rgba(15,23,42,.06);border-top-right-radius:18px;border-bottom-right-radius:18px}.body-dashboard .leaderboard-table tbody tr:hover td{background:#f8fcff;transform:translateY(-1px);transition:.2s ease}.body-dashboard .leaderboard-number{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#34baf724;color:#1593cb;font-weight:800}.body-dashboard .leaderboard-user{display:flex;align-items:center;gap:.75rem;text-align:left;min-width:180px}.body-dashboard .leaderboard-avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#34baf7,#7dd3fc);color:#fff;font-weight:800;flex-shrink:0}.body-dashboard .leaderboard-username{color:#1f2937;font-weight:700}.body-dashboard .score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:.55rem .9rem;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid transparent}.body-dashboard .score-blue{background:#3b82f61a;color:#2563eb}.body-dashboard .score-cyan{background:#06b6d41a;color:#0891b2}.body-dashboard .score-sky{background:#0ea5e91a;color:#0284c7}.body-dashboard .score-indigo{background:#6366f11a;color:#4f46e5}.body-dashboard .leaderboard-pagination{padding:.5rem 1.5rem 1.5rem;display:flex;justify-content:flex-end}.body-dashboard .leaderboard-pagination .pagination{margin-bottom:0}@media (max-width: 991.98px){.body-dashboard .leaderboard-card__head{align-items:stretch}.body-dashboard .leaderboard-search{max-width:100%}}@media (max-width: 767.98px){.body-dashboard .leaderboard-card{border-radius:20px}.body-dashboard .leaderboard-card__head{padding:1.1rem 1rem .75rem}.body-dashboard .leaderboard-title{font-size:1.2rem}.body-dashboard .leaderboard-table-wrap{padding-inline:1rem}.body-dashboard .leaderboard-table thead th{font-size:.78rem}.body-dashboard .leaderboard-table tbody td{padding:.85rem .75rem;font-size:.88rem}.body-dashboard .score-badge{min-width:95px;font-size:.78rem;padding:.5rem .75rem}.body-dashboard .leaderboard-user{min-width:150px}.body-dashboard .leaderboard-avatar{width:36px;height:36px;font-size:.9rem}.body-dashboard .leaderboard-pagination{padding:.25rem 1rem 1rem}}@media (max-width: 767px){.sidebar{height:fit-content}.card-info{width:100%!important}.sidebar ul{text-align:center;padding-bottom:20px}.fc-toolbar-title{font-size:16px!important}.btn-toggle{background-color:#34baf7;border-radius:0 0 25px 25px}.register-body,.login-body{overflow:visible}.login-logo,.register-logo{margin:0 auto}.login-form form,.register-form form{width:90%;min-height:70%}}.quiz-header{border:1px solid rgba(220,53,69,.1);border-radius:24px;box-shadow:0 10px 30px #0f172a0d}.quiz-header__content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.quiz-badge{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:#dc35451a;color:#fff;font-size:.8rem;font-weight:700;margin-bottom:.85rem}.title-keterampilan h1{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.25rem}.title-keterampilan p{color:#fff;font-size:1rem}.quiz-timer{min-width:120px;min-height:120px;border-radius:50%;background:#fff;border:1px solid rgba(220,53,69,.12);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 1px #ffffffb3}.quiz-timer__label{font-size:.8rem;font-weight:600;color:#6c757d;margin-bottom:.25rem}.quiz-timer h2{font-size:2rem;font-weight:800;color:#25b7f6}.quiz-shell{width:90%;margin:0 auto}.quiz-form{display:flex;flex-direction:column;gap:1.5rem}.quiz-question-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:24px;padding:1.5rem;box-shadow:0 8px 24px #0f172a0a;text-align:center}.question-number{display:inline-flex;padding:.4rem .75rem;border-radius:999px;background:#dc354514;color:#dc3545;font-size:.8rem;font-weight:700;margin-bottom:1rem}.question-text{font-size:1.5rem;font-weight:700;color:#212529;line-height:1.4}.option-card{display:block;width:100%;cursor:pointer}.option-card input[type=radio]{display:none}.option-card__inner{position:relative;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:1rem;min-height:240px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 6px 18px #0f172a0a}.option-card:hover .option-card__inner{transform:translateY(-2px);border-color:#dc354538;box-shadow:0 12px 24px #dc354514}.option-card input[type=radio]:checked+.option-card__inner{border-color:#dc3545;background:#dc3545;box-shadow:0 0 0 .2rem #dc35451f}.option-image{max-height:180px;object-fit:contain}.option-badge{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:#dc3545;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.quiz-action{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem}.btn-quiz-next,.btn-quiz-submit{border:none;border-radius:14px;padding:.9rem 1.5rem;min-width:170px;font-weight:700}.btn-quiz-next{background:#f8f9fa!important;color:#212529;border:1px solid rgba(15,23,42,.08)}.btn-quiz-submit,.btn-quiz-next:hover{background:#dc3545!important;color:#fff!important}.btn-quiz-submit:hover{background:#fff!important;color:#000!important}@media (max-width: 767.98px){.quiz-header__content{flex-direction:row;align-items:center}.quiz-timer{width:50px;height:50px;border-radius:50%}.title-keterampilan h1{font-size:1.6rem}.question-text{font-size:1.2rem}.option-card__inner{min-height:180px}.quiz-action{flex-direction:column}.btn-quiz-next,.btn-quiz-submit{width:100%}}.score-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(220,53,69,.08),transparent 25%),linear-gradient(180deg,#fff8f8,#f8fafc)}.score-header{text-align:center;margin-bottom:2rem}.score-badge{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:#dc35451a;color:#dc3545;font-size:.8rem;font-weight:700;margin-bottom:.85rem}.score-header h1{font-size:2rem;font-weight:800;color:#212529}.score-header p{color:#6c757d;font-size:1rem}.score-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:1.5rem;align-items:start}.score-main-card,.score-side-card{background:#fffffff0;border:1px solid rgba(15,23,42,.06);border-radius:28px;box-shadow:0 20px 40px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-main-card{padding:1.5rem}.score-hero{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,#f4fcff,#fff);border:1px solid rgba(220,53,69,.08)}.score-label{display:inline-block;font-size:.82rem;font-weight:700;color:#25b7f6;margin-bottom:.75rem;letter-spacing:.02em}.score-hero__text h2{font-size:3rem;font-weight:800;color:#212529;margin-bottom:.4rem}.score-hero__text p{color:#6c757d;max-width:420px}.score-ring-wrap{flex-shrink:0}.score-ring{width:148px;height:148px;border-radius:50%;background:conic-gradient(#dc3545 {{$quiz_pengetahuan->nilai_quiz_pengetahuan}} %,#f1f3f5 0);display:flex;align-items:center;justify-content:center;position:relative}.score-ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#fff}.score-ring span{position:relative;z-index:1;font-size:1.4rem;font-weight:800;color:#212529}.stat-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:20px;padding:1rem;height:100%;box-shadow:0 8px 20px #0f172a08}.stat-card--success{background:linear-gradient(180deg,#f6fff8,#fff)}.stat-card--danger{background:linear-gradient(180deg,#fff7f7,#fff)}.stat-card--soft{background:linear-gradient(180deg,#f8fbff,#fff)}.stat-label{display:block;font-size:.82rem;color:#6c757d;margin-bottom:.45rem;font-weight:600}.stat-card h3{margin:0;font-size:1.45rem;font-weight:800;color:#212529}.score-detail-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:24px;overflow:hidden}.score-detail-card__head{padding:1.1rem 1.25rem;border-bottom:1px solid rgba(15,23,42,.06);background:#fcfcfd}.score-detail-card__head h4{font-size:1rem;font-weight:700;color:#212529}.score-detail-list{padding:.5rem 1.25rem}.score-detail-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(15,23,42,.06)}.score-detail-item:last-child{border-bottom:none}.score-detail-item span{color:#6c757d;font-weight:500}.score-detail-item strong{color:#212529;font-weight:700;text-align:right}.score-side-card{padding:1.75rem 1.5rem;text-align:center;position:sticky;top:24px}.score-status-icon{width:72px;height:72px;border-radius:50%;margin:0 auto 1rem;background:linear-gradient(135deg,#6fff7d,#25b7f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 16px 30px #dc354533}.score-side-card h3{font-size:1.7rem;font-weight:800;color:#212529;margin-bottom:.75rem}.score-side-card p{color:#6c757d;margin-bottom:1.5rem}.score-btn{width:100%;border:none;border-radius:16px;padding:.95rem 1.25rem;background:#25b7f6!important;color:#fff!important;font-weight:700;box-shadow:0 12px 24px #dc354529}.score-btn:hover{background:#bb2d3b!important}@media (max-width: 991.98px){.score-layout{grid-template-columns:1fr}.score-side-card{position:static}}@media (max-width: 767.98px){.score-header h1{font-size:1.65rem}.score-main-card,.score-side-card{border-radius:22px}.score-main-card{padding:1rem}.score-hero{flex-direction:column;text-align:center;padding:1.25rem}.score-hero__text h2{font-size:2.4rem}.score-ring{width:120px;height:120px}.score-ring:before{top:10px;right:10px;bottom:10px;left:10px}.score-detail-item{flex-direction:column;align-items:flex-start}.score-detail-item strong{text-align:left}}.test-shell{max-width:920px;background:#fffffff0;border:1px solid rgba(15,23,42,.06);border-radius:28px;padding:1.25rem;box-shadow:0 20px 45px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.test-header p{color:#6c757d;font-size:1rem;max-width:620px}.custom-alert{border-radius:18px;border:none;padding:1rem 1.1rem;box-shadow:0 10px 24px #0f172a0d}.test-form{width:100%}.question-list{display:grid;gap:1rem}.question-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:22px;padding:1.25rem;box-shadow:0 8px 24px #0f172a0a}.question-card__head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1rem}.question-number{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#dc35451a;color:#dc3545;font-weight:800;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}.question-text{font-size:1rem;line-height:1.6;color:#212529;font-weight:600;margin-top:.15rem}.question-options{display:grid;gap:.75rem;padding-left:2.8rem}.option-item{display:block;cursor:pointer}.option-item input[type=radio]{display:none}.option-item__content{display:flex;align-items:center;gap:.85rem;width:100%;padding:.95rem 1rem;border-radius:16px;border:1px solid rgba(15,23,42,.08);background:#fcfcfd;transition:all .2s ease}.option-item:hover .option-item__content{transform:translateY(-1px);border-color:#dc35452e;box-shadow:0 10px 22px #dc35450f;background:#fff}.option-bullet{width:18px;height:18px;border-radius:50%;border:2px solid #ced4da;background:#fff;flex-shrink:0;transition:all .2s ease}.option-label{color:#343a40;font-size:.96rem;line-height:1.5}.option-item input[type=radio]:checked+.option-item__content{border-color:#dc3545;background:#fff6f7;box-shadow:0 0 0 .2rem #dc354514}.option-item input[type=radio]:checked+.option-item__content .option-bullet{border-color:#dc3545;background:radial-gradient(circle,#dc3545 45%,#fff 46%)}@media (max-width: 767.98px){.test-shell{padding:1rem;border-radius:22px}.test-topbar{flex-direction:column;align-items:flex-start}.test-header{padding:1.2rem;border-radius:18px}.test-header h1{font-size:1.6rem}.question-card{padding:1rem;border-radius:18px}.question-card__head{gap:.75rem}.question-options{padding-left:0}.button-form{justify-content:stretch!important}.test-submit-btn{width:100%}}.test-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(220,53,69,.08),transparent 22%),linear-gradient(180deg,#fff8f8,#f8fafc)}.test-shell{max-width:1080px;background:#fffffff0;border:1px solid rgba(15,23,42,.06);border-radius:28px;padding:1.25rem;box-shadow:0 20px 45px #0f172a0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.test-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.test-chip{display:inline-flex;align-items:center;padding:.5rem .85rem;border-radius:999px;background:#dc354514;color:#dc3545;font-size:.82rem;font-weight:700}.test-header{padding:1.5rem;border-radius:24px;background:linear-gradient(135deg,#fff4f5,#fff);border:1px solid rgba(220,53,69,.08)}.test-badge{display:inline-flex;align-items:center;padding:.42rem .8rem;border-radius:999px;background:#dc3545;color:#fff;font-size:.78rem;font-weight:700;margin-bottom:.9rem}.test-header h1{font-size:2rem;font-weight:800;color:#212529}.test-header p{color:#6c757d;font-size:1rem;max-width:680px}.attitude-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0f172a0a}.attitude-card__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:1rem 1.25rem;background:#fcfcfd;border-bottom:1px solid rgba(15,23,42,.06);color:#6c757d;font-size:.9rem}.attitude-table{--bs-table-bg: transparent;margin:0}.attitude-table thead th{background:#fff7f8;color:#495057;font-size:.9rem;font-weight:700;border-bottom:1px solid rgba(15,23,42,.08);padding:1rem .75rem;white-space:nowrap}.attitude-table tbody td{padding:1rem .75rem;vertical-align:middle;border-color:#0f172a0f}.attitude-table tbody tr:hover{background:#dc354505}.table-number{width:34px;height:34px;border-radius:50%;background:#dc35451a;color:#dc3545;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.92rem}.attitude-question{min-width:260px;color:#212529;font-weight:500;line-height:1.6}.attitude-option{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;margin:0}.attitude-option input[type=radio]{display:none}.attitude-dot{width:20px;height:20px;border-radius:50%;border:2px solid #ced4da;background:#fff;transition:all .2s ease}.attitude-option:hover .attitude-dot{border-color:#dc3545;transform:scale(1.06)}.attitude-option input[type=radio]:checked+.attitude-dot{border-color:#dc3545;background:radial-gradient(circle,#dc3545 45%,#fff 46%);box-shadow:0 0 0 .2rem #dc354514}.test-submit-btn{border:none;border-radius:16px;padding:.95rem 1.4rem;min-width:190px;background:#dc3545;color:#fff;font-weight:700;box-shadow:0 14px 30px #dc354529}.test-submit-btn:hover{background:#bb2d3b;color:#fff;transform:translateY(-1px)}@media (max-width: 767.98px){.test-shell{padding:1rem;border-radius:22px}.test-topbar{flex-direction:column;align-items:flex-start}.test-header{padding:1.2rem;border-radius:18px}.test-header h1{font-size:1.6rem}.attitude-card{border-radius:18px}.attitude-card__legend{font-size:.82rem;padding:.9rem 1rem}.attitude-table thead th,.attitude-table tbody td{padding:.85rem .55rem}.attitude-question{min-width:220px;font-size:.94rem}.button-form{justify-content:stretch!important}.test-submit-btn{width:100%}}.tindakan-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(52,186,247,.1),transparent 22%),linear-gradient(180deg,#f5fbff,#f8fafc);padding-bottom:2rem}.tindakan-wrap{max-width:1050px}.tindakan-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:1.5rem;box-shadow:0 18px 40px #0f172a0f}.tindakan-head{margin-bottom:1.5rem}.tindakan-badge{display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:#34baf71f;color:#1593cb;font-size:.82rem;font-weight:700;margin-bottom:.9rem}.tindakan-title{font-size:1.9rem;font-weight:800;color:#1f2937;margin:0}.tindakan-subtitle{color:#6b7280;font-size:.98rem;max-width:640px}.tindakan-table-wrap{border:1px solid rgba(15,23,42,.06);border-radius:20px;overflow:hidden}.tindakan-table{--bs-table-bg: transparent;margin:0}.tindakan-table thead th{background:#f0f9ff;color:#334155;font-size:.92rem;font-weight:700;border-bottom:1px solid rgba(15,23,42,.08);padding:1rem .85rem;vertical-align:middle}.tindakan-table tbody td{padding:1rem .85rem;vertical-align:middle;border-color:#0f172a0f;background:#fff}.tindakan-table tbody tr:hover td{background:#34baf706}.col-no{width:72px;text-align:center}.col-pertanyaan{min-width:320px}.col-opsi{width:150px}.number-pill{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#34baf71f;color:#1593cb;font-weight:800;font-size:.95rem}.question-cell{text-align:left}.question-text{color:#1f2937;font-size:.97rem;line-height:1.6;font-weight:600}.answer-option{display:flex;justify-content:center;margin:0;cursor:pointer}.answer-option input[type=radio]{display:none}.answer-option__box{min-width:110px;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;transition:all .2s ease}.answer-option:hover .answer-option__box{border-color:#34baf759;background:#fff;box-shadow:0 8px 20px #34baf714;transform:translateY(-1px)}.answer-dot{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;transition:all .2s ease;flex-shrink:0}.answer-label{font-size:.94rem;font-weight:700;color:#334155}.answer-option input[type=radio]:checked+.answer-option__box{border-color:#34baf7;background:#eff8ff;box-shadow:0 0 0 .2rem #34baf71f}.answer-option input[type=radio]:checked+.answer-option__box .answer-dot{border-color:#34baf7;background:radial-gradient(circle,#34baf7 45%,#fff 46%)}.tindakan-submit-btn{border:none;border-radius:16px;padding:.95rem 1.4rem;min-width:170px;background:#34baf7;color:#fff;font-weight:700;box-shadow:0 14px 28px #34baf738}.tindakan-submit-btn:hover{background:#1593cb;color:#fff;transform:translateY(-1px)}@media (max-width: 767.98px){.tindakan-card{padding:1rem;border-radius:20px}.tindakan-title{font-size:1.5rem}.tindakan-subtitle{font-size:.92rem}.tindakan-table-wrap{border:none;overflow:visible}.tindakan-table,.tindakan-table tbody,.tindakan-table tr,.tindakan-table td{display:block;width:100%}.tindakan-table thead{display:none}.tindakan-table tbody{display:grid;gap:1rem}.tindakan-table tbody tr{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:1rem;box-shadow:0 8px 24px #0f172a0a}.tindakan-table tbody td{border:none;padding:0;background:transparent!important}.tindakan-table tbody td+td{margin-top:.85rem}.tindakan-table tbody td[data-label=No],.tindakan-table tbody td[data-label=Pertanyaan]{margin-bottom:.25rem}.tindakan-table tbody td[data-label=Benar],.tindakan-table tbody td[data-label=Salah]{width:100%}.tindakan-table tbody td[data-label=Benar]:before,.tindakan-table tbody td[data-label=Salah]:before{content:attr(data-label);display:block;font-size:.78rem;font-weight:700;color:#64748b;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.03em}.question-text{font-size:.94rem}.answer-option{width:100%;justify-content:stretch}.answer-option__box{width:100%;min-width:100%;justify-content:flex-start;padding:.9rem 1rem;border-radius:14px}.button-form{justify-content:stretch!important}.tindakan-submit-btn{width:100%}}