.exam-modal{background:var(--neutral-4)}.exam-modal .modal-header{border-bottom:1px solid var(--neutral-3);height:75px;padding:0}.exam-modal .modal-header .logo-wrapper{width:15%;height:100%;overflow:hidden;display:flex;border-right:1px solid var(--neutral-3)}.exam-modal .modal-header .logo-wrapper img{width:120px;margin:auto}.exam-modal .modal-header .title-wrapper{padding:10px 20px}.exam-modal .modal-body{padding:0 40px 40px}@media screen and (max-width:1300px){.exam-modal .modal-body{padding:0 15px 30px}}@media screen and (max-width:1000px){.exam-modal .modal-body{padding:0 10px 20px}}.exam-modal .modal-body .modal-section{display:flex}.exam-modal .left-section{max-height:1100px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;width:35%}.exam-modal .left-section::-webkit-scrollbar{display:none}.exam-modal .right-section{flex:1 1}.exam-modal .left-section,.exam-modal .right-section{padding:15px}.exam-modal .padding-1{padding:60px 100px}.exam-modal .padding-2{padding:40px 80px}.exam-modal .surface{background:#fff;border-radius:10px;box-shadow:0 5px 20px 10px hsla(0,1%,46%,.1)}.exam-modal .info-icon{position:absolute;right:5px;top:5px;color:var(--dark-4);cursor:pointer}.exam-modal .action-btn{padding:20px 30px;background:var(--primary);font-weight:500;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;height:-moz-fit-content;height:fit-content;height:max-content}.exam-modal .action-btn.disabled{background:var(--gray-2)!important;pointer-events:none;color:var(--dark-4)!important;opacity:.5}.exam-modal .action-btn.primary-light{background:var(--primary-50);color:var(--primary)}.exam-modal .timer-wrapper{gap:20px}.exam-modal .timer-wrapper .item{text-align:center}.exam-modal .timer-wrapper .item .time{font-weight:500;font-size:18px}.exam-modal .timer-wrapper .item .tag{margin-top:10px;color:var(--dark-4)}.exam-modal .attention-card .timer-wrapper{margin-top:4rem}@media screen and (max-width:1400px){.padding-1,.padding-2{padding:20px!important}}@media screen and (max-width:1000px){.exam-modal .modal-section{flex-direction:column}.exam-modal .modal-section .left-section{width:100%;max-height:none;overflow-y:auto}.exam-modal .modal-section .left-section,.exam-modal .modal-section .right-section{padding:0}.exam-modal .topics{padding:20px}.exam-modal .topics .topic-stat{font-size:14px}.exam-modal .topics .topic-stat .grade-box{width:35px;height:35px;font-size:15px}.exam-modal .topics .topic-stat .track-bar{height:12px}}@media screen and (max-width:992px){.exam-modal .modal-header .logo-wrapper{display:none}.exam-modal .modal-body{padding:15px}.exam-modal .timer-wrapper .item .tag{font-size:15px}.exam-modal .surface .message{font-size:16px}}.exam-shimmer{margin-top:1rem}.exam-shimmer .shimmer-header{height:75px;background:#f0f0f0;position:relative;overflow:hidden}.exam-shimmer .shimmer-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:shimmer 1.5s infinite}.exam-shimmer .shimmer-content{padding:15px;display:flex;gap:15px}.exam-shimmer .shimmer-content .shimmer-left{width:35%;flex-shrink:0}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card{background:#fff;border-radius:10px;padding:20px;margin-bottom:15px}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line{height:16px;background:#f0f0f0;border-radius:4px;margin-bottom:10px;position:relative;overflow:hidden;min-width:80px;max-width:100%}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:shimmer 1.5s infinite}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line.wide{width:200px}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line.medium{width:140px}.exam-shimmer .shimmer-content .shimmer-left .shimmer-card .shimmer-line.short{width:80px}.exam-shimmer .shimmer-content .shimmer-right{flex:1 1;min-width:0}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface{background:#fff;border-radius:10px;padding:60px 100px;text-align:center}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-circle{width:80px;height:80px;border-radius:50%;background:#f0f0f0;margin:0 auto 20px;position:relative;overflow:hidden;flex-shrink:0}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-circle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:shimmer 1.5s infinite}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer{display:flex;justify-content:center;gap:20px}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .timer-item{text-align:center;width:40px;min-width:40px;max-width:40px;height:24px;background:#f0f0f0;border-radius:4px;margin:0 auto 10px;position:relative;overflow:hidden}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .timer-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:shimmer 1.5s infinite}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .shimmer-label{width:50px;min-width:50px;max-width:50px;height:14px;background:#f0f0f0;border-radius:4px;margin:0 auto;position:relative;overflow:hidden}.exam-shimmer .shimmer-content .shimmer-right .shimmer-surface .shimmer-timer .shimmer-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media screen and (max-width:1200px){.exam-shimmer .shimmer-content{flex-direction:column}.exam-shimmer .shimmer-content .shimmer-left{width:100%;margin-bottom:20px}.exam-shimmer .shimmer-content .shimmer-right{width:100%}.exam-shimmer .shimmer-surface{padding:20px}.exam-shimmer .shimmer-surface .shimmer-circle{width:60px;height:60px}.exam-shimmer .shimmer-surface .shimmer-timer{flex-direction:column}.exam-shimmer .shimmer-surface .shimmer-timer .timer-item{width:30px;height:20px}.exam-shimmer .shimmer-surface .shimmer-timer .shimmer-label{width:40px;height:12px}}.exam-action .progress-header .boxes{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.exam-action .progress-header .boxes .box{width:25px;height:25px;border-radius:2px;background:var(--primary);transition:.3s ease-in-out}.exam-action .progress-header .boxes .box.pending{background:var(--primary-50)}.exam-action .progress-header .boxes .box.active{border:1px solid var(--primary);background:var(--primary-50)}.exam-action .answer-section{margin-top:20px}.exam-action .answer-section h4{margin-bottom:25px}.exam-action .answer-section .answer-item{width:100%;background-color:#f9fafb;padding:15px 20px;display:flex;align-items:center;margin-bottom:15px;border:1px solid var(--neutral-3);cursor:pointer}.exam-action .answer-section .answer-item.selected{border-radius:4px;border:1px solid var(--primary);background-color:var(--primary-50)}.exam-action .answer-section .answer-item.selected .answer-check{padding:7px;border:1px solid var(--primary)}.exam-action .answer-section .answer-item.selected .answer-check .inner-circle{background-color:var(--primary);width:100%;height:100%;border-radius:50%}.exam-action .answer-section .answer-item .answer-check{width:30px;height:30px;min-width:30px;border-radius:50%;border:1px solid var(--neutral-3);margin-right:15px}.exam-action .answer-section .answer-item .text{color:var(--dark-3)}.exam-action .btn-section{display:flex;align-items:center;width:100%;justify-content:space-between;margin-top:3rem}.exam-action .btn-section .btn-custom{padding:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:500;flex:1 1}.exam-action .btn-section .btn-custom.disabled{background:var(--gray-2)!important;pointer-events:none;color:var(--dark-4)!important;opacity:.5}.exam-action .btn-section .btn-light{background-color:var(--primary-50);color:var(--primary)}.exam-action .btn-section .primary-btn{background-color:var(--primary);color:#fff;flex:1 1;padding:20px 45px}.exam-action .btn-section .primary-btn.last{background-color:#23c1a5}.exam-action .btn-section .skip-btn{color:var(--primary)}.exam-action .btn-section .pagination-show{padding:20px;font-size:13px;color:var(--dark-4);white-space:nowrap;display:flex;justify-content:center;flex:1 1}.exam-action .btn-section .pagination-show span{font-weight:600;color:var(--primary)}@media screen and (max-width:992px){.exam-action .progress-header .boxes{margin-top:20px}}@media screen and (max-width:768px){.exam-action .btn-section{flex-direction:column;justify-content:center}.exam-action .btn-section .btn-custom{width:100%}}.exam-solution .progress-header .boxes{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.exam-solution .progress-header .boxes .box{width:30px;height:30px;border-radius:50%;transition:.3s ease-in-out;background:#d8d7d7;color:var(--dark-3);font-weight:500;display:flex;justify-content:center;align-items:center;cursor:pointer}.exam-solution .progress-header .boxes .box.passed{background:var(--primary-50);border:1px solid var(--primary);color:var(--primary)}.exam-solution .progress-header .boxes .box.failed{background:var(--red-50);border:1px solid var(--red);color:var(--red)}.exam-solution .progress-header .boxes .box.active{border:1px solid var(--primary);background:var(--primary-50)}.exam-solution .answer-section h4{margin-bottom:25px}.exam-solution .answer-section .answer-item{width:100%;padding:15px 20px;margin-bottom:28px;border:1px solid var(--primary);background-color:var(--primary-50);border-radius:4px;cursor:pointer}.exam-solution .answer-section .answer-item .answer-check{width:30px;height:30px;min-width:30px;border-radius:50%;margin-right:15px;background:var(--primary);color:#fff}.exam-solution .answer-section .answer-item.wrong{border:1px solid var(--red);background-color:var(--red-50)}.exam-solution .answer-section .answer-item.wrong .answer-check{background:var(--red)}.exam-solution .answer-section .answer-item .text{color:var(--dark-3)}.exam-solution .answer-section .answer-item .answer-content .user{gap:10px;font-size:14px;color:var(--dark-3)}.exam-solution .answer-section .answer-item .answer-content .user .profile{width:28px;height:28px;border-radius:50%;overflow:hidden}.exam-solution .btn-section{display:flex;align-items:center;width:100%;justify-content:space-between;margin-top:3rem}.exam-solution .btn-section .btn-custom{display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:500;flex:1 1;padding:20px}.exam-solution .btn-section .btn-custom.disabled{background:var(--gray-2)!important;pointer-events:none;color:var(--dark-4)!important;opacity:.5}.exam-solution .btn-section .btn-light{background-color:var(--primary-50);color:var(--primary)}.exam-solution .btn-section .primary-btn{background-color:var(--primary);color:#fff;flex:1 1;padding:20px 45px}.exam-solution .btn-section .primary-btn.last{background-color:#23c1a5}.exam-solution .btn-section .skip-btn{color:var(--primary)}.exam-solution .btn-section .pagination-show{padding:20px;font-size:13px;color:var(--dark-4);white-space:nowrap;flex:1 1;display:flex;justify-content:center}.exam-solution .btn-section .pagination-show span{font-weight:600;color:var(--primary)}@media screen and (max-width:992px){.exam-solution .progress-header .boxes{margin-top:20px}}@media screen and (max-width:768px){.exam-solution .btn-section{flex-direction:column;justify-content:center}.exam-solution .btn-section .btn-custom{width:100%}}.result-card{display:flex}.result-card .user-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--neutral-3);padding:15px;width:50%;position:relative}.result-card .user-profile .img-wrapper{width:115px;height:115px;border-radius:50%;overflow:hidden;margin-bottom:10px}.result-card .score-stat .stat-info{max-width:100%;display:flex;border-bottom:1px solid var(--neutral-3)}.result-card .score-stat .stat-info .stat-item{height:80px;flex:1 1;position:relative}.result-card .score-stat .stat-info .stat-item:not(:last-of-type){border-right:1px solid var(--neutral-3)}.result-card .score-stat .stat-info .stat-item .value{font-size:18px}.result-card .score-stat .progress-wrapper{min-height:210px;position:relative}.result-card .score-stat .progress-wrapper .score{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;font-size:18px}@media screen and (max-width:1200px){.result-card{flex-direction:column}.result-card .user-profile{width:100%;border-bottom:1px solid var(--neutral-3)}}.exam-history{padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.exam-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.exam-history__header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.exam-history__header .total-attempts{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:16px;font-size:.875rem;font-weight:500}.exam-history__list{display:flex;flex-direction:column;gap:1rem}.exam-history__item{display:grid;grid-template-columns:auto 1fr auto auto auto auto;grid-gap:1rem;gap:1rem;padding:1rem;background:#fafafa;border-radius:6px;border-left:4px solid #ddd;transition:all .2s ease}.exam-history__item:hover{background:#f5f5f5;transform:translateY(-1px)}.exam-history__item--passed{border-left-color:#4caf50}.exam-history__item--passed .score{color:#4caf50}.exam-history__item--failed{border-left-color:#f44336}.exam-history__item--failed .score{color:#f44336}.exam-history__item--pending{border-left-color:#ff9800}.exam-history__item--pending .score{color:#ff9800}.exam-history__attempt{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#e0e0e0;border-radius:50%;font-weight:600;font-size:.875rem;color:#666}.exam-history__details{display:flex;flex-direction:column;gap:.25rem}.exam-history__details .date{font-size:.875rem;color:#666;font-weight:500}.exam-history__details .duration{font-size:.75rem;color:#999;display:flex;align-items:center;gap:.25rem}.exam-history__details .duration:before{content:"⏱️"}.exam-history__score{display:flex;flex-direction:column;align-items:center;gap:.25rem}.exam-history__score .score{font-size:1.125rem;font-weight:700}.exam-history__score .percentage{font-size:.75rem;color:#999}.exam-history__actions{display:flex;align-items:center;gap:.5rem}.exam-history__actions .copy-link{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#6c757d;font-size:.875rem}.exam-history__actions .copy-link:hover{background:#e9ecef;color:#495057;transform:scale(1.05)}.exam-history__actions .copy-link:active{transform:scale(.95)}.exam-history__actions .copy-link.copied{background:#d4edda;color:#155724;border-color:#c3e6cb}.exam-history__actions .copy-link:before{content:"🔗"}.exam-history__actions .copy-link.copied:before{content:"✓"}.exam-history__actions .copy-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translateX(-50%);background:#333;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001}.exam-history__actions .copy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:#333}.exam-history__actions .copy-tooltip.show{opacity:1;visibility:visible}.exam-history__status{display:flex;align-items:center}.exam-history__status .badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.exam-history__status .badge--passed{background:#e8f5e8;color:#4caf50}.exam-history__status .badge--failed{background:#ffebee;color:#f44336}.exam-history__status .badge--pending{background:#fff3e0;color:#ff9800}.exam-history__performance{position:relative;display:flex;align-items:center}.exam-history__performance .performance-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#f0f0f0;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#666;font-size:.875rem;z-index:999}.exam-history__performance .performance-icon:hover{background:#e0e0e0;color:#333;transform:scale(1.1)}.exam-history__performance .performance-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:1rem;min-width:250px;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .2s ease;z-index:1000}.exam-history__performance .performance-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.exam-history__performance .performance-menu:before{content:"";position:absolute;top:-6px;right:1rem;width:12px;height:12px;background:#fff;border:1px solid #e0e0e0;border-right:none;border-bottom:none;transform:rotate(45deg)}.exam-history__performance .performance-menu .menu-header{font-size:.875rem;font-weight:600;color:#333;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.exam-history__performance .performance-menu .topic-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f8f8f8}.exam-history__performance .performance-menu .topic-item:last-child{border-bottom:none}.exam-history__performance .performance-menu .topic-item .topic-name{font-size:.75rem;color:#666;flex:1 1}.exam-history__performance .performance-menu .topic-item .topic-score{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:8px}.exam-history__performance .performance-menu .topic-item .topic-score--excellent{background:#e8f5e9;color:#2e7d32}.exam-history__performance .performance-menu .topic-item .topic-score--good{background:#e3f2fd;color:#1565c0}.exam-history__performance .performance-menu .topic-item .topic-score--average{background:#fff8e1;color:#f57f17}.exam-history__performance .performance-menu .topic-item .topic-score--poor{background:#ffebee;color:#c62828}.exam-history__performance:hover .performance-menu{opacity:1;visibility:visible;transform:translateY(0)}.exam-history__empty{text-align:center;padding:2rem;color:#999}.exam-history__empty .icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.exam-history__empty p{margin:0;font-size:1rem}@media(max-width:768px){.exam-history{padding:1rem}.exam-history__item{grid-template-columns:1fr;gap:.75rem;text-align:center}.exam-history__attempt{align-self:center}.exam-history__performance{justify-self:center}.exam-history__performance .performance-menu{right:auto;left:50%;transform:translateX(-50%) translateY(-.5rem)}.exam-history__performance .performance-menu.show{transform:translateX(-50%) translateY(0)}.exam-history__performance .performance-menu:before{left:50%;right:auto;transform:translateX(-50%) rotate(45deg)}.exam-history__performance:hover .performance-menu{transform:translateX(-50%) translateY(0)}}.grading-system{padding:1.5rem;background:#f8f9fa;border-radius:8px;margin:1rem 0}@media(max-width:768px){.grading-system{display:none}}.grading-system__header{margin-bottom:1.5rem}.grading-system__header h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.grading-system__header .min-pass-score{color:#e74c3c;font-weight:500;font-size:.9rem}.grading-system__levels{display:flex;flex-direction:column;gap:.75rem}.grading-system__level{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:6px;border-left:4px solid;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.grading-system__level--excellent{border-left-color:#27ae60;background:linear-gradient(90deg,#d5f4e6,#fff)}.grading-system__level--good{border-left-color:#2ecc71;background:linear-gradient(90deg,#e8f8f0,#fff)}.grading-system__level--satisfactory{border-left-color:#f39c12;background:linear-gradient(90deg,#fef3e0,#fff)}.grading-system__level--needs-improvement{border-left-color:#e67e22;background:linear-gradient(90deg,#fdeee6,#fff)}.grading-system__level--fail{border-left-color:#e74c3c;background:linear-gradient(90deg,#fdeaea,#fff)}.grading-system__level .level-info{display:flex;flex-direction:column}.grading-system__level .level-info .level-name{font-weight:600;font-size:.95rem;color:#2c3e50}.grading-system__level .level-info .level-description{font-size:.8rem;color:#7f8c8d;margin-top:.25rem}.grading-system__level .level-range{display:flex;align-items:center;gap:.5rem}.grading-system__level .level-range .score-range{font-weight:700;font-size:1rem;color:#2c3e50}.grading-system__level .level-range .percentage{font-size:.85rem;color:#7f8c8d}.grading-system__pass-indicator{margin-top:1rem;padding:.75rem;background:#e8f6f3;border:1px solid #1abc9c;border-radius:6px;text-align:center}.grading-system__pass-indicator .pass-text{color:#16a085;font-weight:600;font-size:.9rem}@media(max-width:768px){.grading-system{padding:1rem}.grading-system__level{flex-direction:column;align-items:flex-start;gap:.5rem}.grading-system__level .level-range{align-self:flex-end}}.complete-card .score-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-bottom:30px;padding:30px 20px;border-radius:12px;margin-top:1rem}.complete-card .score-status .score-value{font-size:48px;font-weight:700;margin:0}.complete-card .score-status .status-text{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 16px;border-radius:20px}.complete-card .score-status.pass{background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-25,#f8faff) 100%);border:2px solid var(--primary-100)}.complete-card .score-status.pass .score-value{color:var(--primary)}.complete-card .score-status.pass .status-text{color:var(--primary);background:var(--primary);color:#fff}.complete-card .score-status.fail{background:linear-gradient(135deg,var(--red-50,#fef2f2) 0,var(--red-25,#fef7f7) 100%);border:2px solid var(--red-100,#fecaca)}.complete-card .score-status.fail .score-value{color:var(--red)}.complete-card .score-status.fail .status-text{color:#fff;background:var(--red)}.complete-card .performance-message{text-align:center;padding:20px;border-radius:12px;font-size:16px;line-height:1.6;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.05)}.complete-card .performance-message.excellent{background:var(--primary-50);color:var(--primary-700,var(--primary));border:1px solid var(--primary-200)}.complete-card .performance-message.good{background:var(--green-50,#f0fdf4);color:var(--green-700,#15803d);border:1px solid var(--green-200,#bbf7d0)}.complete-card .performance-message.needs-improvement{background:var(--orange-50,#fff7ed);color:var(--orange-700,#c2410c);border:1px solid var(--orange-200,#fed7aa)}.complete-card .performance-message.poor{background:var(--red-50,#fef2f2);color:var(--red-700,#b91c1c);border:1px solid var(--red-200,#fca5a5)}.complete-card .btn-row{gap:20px}.complete-card .btn-row .count-down{font-weight:500;margin-top:10px;font-size:18px}.topic-performance{display:flex;flex-direction:column;gap:1rem;padding:1rem}.topic-performance__item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #e9ecef}.topic-performance__item--grade-a{border-left-color:var(--primary)}.topic-performance__item--grade-b{border-left-color:#17a2b8}.topic-performance__item--grade-c{border-left-color:#ffc107}.topic-performance__item--grade-d{border-left-color:var(--secondary)}.topic-performance__item--grade-e{border-left-color:#dc3545}.topic-performance__item--grade-f{border-left-color:#6c757d}.topic-performance__item--grade-i{border-left-color:#fafafa}@media screen and (max-width:1200px){.topic-performance__item{flex-wrap:wrap;gap:.5rem}}.topic-performance__topic-name{flex:1 1;font-weight:600;color:#333;min-width:120px}.topic-performance__progress{flex:2 1;display:flex;align-items:center;gap:.5rem;min-width:60px}.topic-performance__progress-bar{flex:1 1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.topic-performance__progress-bar-fill{height:100%;transition:width .3s ease}.topic-performance__progress-bar-fill--grade-a{background:var(--primary)}.topic-performance__progress-bar-fill--grade-b{background:#17a2b8}.topic-performance__progress-bar-fill--grade-c{background:#ffc107}.topic-performance__progress-bar-fill--grade-d{background:var(--secondary)}.topic-performance__progress-bar-fill--grade-e{background:#dc3545}.topic-performance__progress-bar-fill--grade-f{background:#6c757d}.topic-performance__progress-bar-fill--grade-i{background:#fafafa}.topic-performance__progress-percentage{font-size:.875rem;font-weight:500;color:#666;min-width:40px}.topic-performance__grade{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:28px;border-radius:50%;font-weight:700;font-size:.875rem;color:#fff}.topic-performance__grade--a{background:var(--primary)}.topic-performance__grade--b{background:#17a2b8}.topic-performance__grade--c{background:#ffc107;color:#333}.topic-performance__grade--d{background:var(--secondary)}.topic-performance__grade--e{background:#dc3545}.topic-performance__grade--f{background:#6c757d}.topic-performance__grade--i{background:#fafafa}.topic-performance__score{font-size:.875rem;color:#666;min-width:60px;text-align:right}