.question-bank-wrapper{font-family:var(--font-family-sans)}.question-bank-wrapper .qb-container{background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:15px 0}.question-bank-wrapper .qb-container:fullscreen{overflow-y:auto;background:var(--card-bg)}.question-bank-wrapper .qb-container.quiz-mode{position:relative;height:calc(100vh - 120px);display:flex;flex-direction:column}.question-bank-wrapper .qb-container.quiz-mode:fullscreen{margin:0;border-radius:0;height:100vh;width:100vw;overflow:hidden}.question-bank-wrapper .QBcontainer{background:transparent;border-radius:12px}.question-bank-wrapper .qb-container.quiz-mode .QBcontainer{background:var(--qb-bg-light-blue);flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.question-bank-wrapper #category{background:transparent;overflow-y:auto}.question-bank-wrapper #category .topic-card{background:#fff!important;border:1px solid #eee!important;box-shadow:0 2px 4px #0000000d!important}.question-bank-wrapper .quiz{background:transparent;display:flex;flex-direction:column;height:100%}.question-bank-wrapper #questionsContainer{flex-grow:1;overflow-y:auto;padding:10px}.question-bank-wrapper .Catbutton{padding:10px 20px;margin:10px 0;font-size:1rem;text-align:left;background-color:var(--qb-accent-orange-dark);border-radius:4px;color:#fff;line-height:1.3;border:none;cursor:pointer}.question-bank-wrapper .Catbutton:hover{background-color:var(--success-green)}.question-bank-wrapper .question{background:#fff;line-height:1.3;padding:15px;margin-bottom:15px;border:1px solid var(--qb-border-light-gray);border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#333}.question-bank-wrapper .question img{max-width:100%;height:auto;display:block;margin:10px auto}.question-bank-wrapper .options .option-item{display:flex;align-items:center;width:100%;padding:10px;margin-bottom:8px;border-radius:8px;border:1px solid var(--qb-border-light-gray);cursor:pointer;transition:background-color .3s ease;text-align:left;color:#333;background-color:#fff}.question-bank-wrapper .options .option-item input[type=radio]{flex-shrink:0;width:18px;height:18px;margin:0 8px 0 0;accent-color:var(--qb-header-blue)}.question-bank-wrapper .options .option-item span{flex:1;line-height:1.4}.question-bank-wrapper .options .correct-answer{background-color:#d4edda!important;border-color:#c3e6cb!important;font-weight:600}.question-bank-wrapper .options .wrong-answer{background-color:#f8d7da!important;border-color:#f5c6cb!important;font-weight:600}.question-bank-wrapper .answer{font-weight:700;background:var(--qb-answer-bg);padding:10px;margin-top:10px;border-radius:8px;display:none;flex-direction:column;line-height:1.5}.question-bank-wrapper .answer p{color:#000}.question-bank-wrapper .answer h5{color:var(--success-green)}.question-bank-wrapper .reveal-answer-btn{display:block;margin:15px auto 10px;width:fit-content}.question-bank-wrapper .reveal-answer-btn:disabled{background-color:var(--qb-border-gray);cursor:not-allowed;opacity:.6}.question-bank-wrapper .reveal-answer-btn[data-disabled=true]{background-color:var(--qb-border-gray);cursor:pointer;opacity:.7;pointer-events:auto!important}.question-bank-wrapper .quiz-footer{background-color:var(--bg-off-white);display:flex;padding:15px;align-items:center;justify-content:space-between;border-top:1px solid var(--qb-border-light-gray);border-radius:12px;flex-shrink:0}.question-bank-wrapper .quiz-footer span i{font-size:1.5rem;cursor:pointer;color:var(--qb-header-blue)}.question-bank-wrapper #navigationButtons{position:fixed;bottom:80px;right:20px;display:none;flex-direction:column;gap:10px;z-index:1000}.question-bank-wrapper #navigationButtons button{background-color:var(--qb-header-blue);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:8px}.question-bank-wrapper #navigationButtons button:hover{background-color:#0056b3}.question-bank-wrapper #pagination{flex:1;text-align:center}.question-bank-wrapper #pagination span{margin:0 5px;cursor:pointer;font-weight:700;font-size:.875rem;color:var(--qb-header-blue)}.question-bank-wrapper #pagination span.current{color:#fff;background-color:var(--qb-header-blue);border-radius:5px;padding:5px 10px}.question-bank-wrapper #pagination span:hover{text-decoration:underline}.question-bank-wrapper .hidden{display:none!important}@media(min-width:768px){.question-bank-wrapper .qb-container{margin-left:20px;margin-right:20px}}
