.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}.exam-page{padding:32px 24px;min-height:100vh;background:#f8fafc}@media(max-width:768px){.exam-page{padding:20px 16px}}.exam-section{margin-bottom:40px}.exam-section h2{font-size:24px;font-weight:700;margin-bottom:4px}.exam-section .empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.exam-section .section-header{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between}.exam-section .section-header .section-subtitle{font-size:14px;color:#666}.exam-section .section-header .text-primary{color:#45be99;font-weight:600;margin-left:auto;cursor:pointer;transition:color .3s ease;gap:8px;display:flex;align-items:center;font-size:14px}.exam-section .section-header .text-primary:hover{color:#30856b}.exam-section .slider-container .slider-item{padding:10px 8px}.exam-section .slider-container .react-multi-carousel-item{transition:all .3s ease}.exam-section .slider-container .react-multiple-carousel__arrow{background:#fff;border:1px solid #e5e7eb;color:#374151;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease}.exam-section .slider-container .react-multiple-carousel__arrow:hover{background:#f9fafb;border-color:#d1d5db}.exam-section .slider-container .react-multiple-carousel__arrow:before{font-size:18px;font-weight:600}.exam-section .slider-container .react-multiple-carousel__arrow--left{left:0}.exam-section .slider-container .react-multiple-carousel__arrow--right{right:0}.exam-section .slider-container .react-multiple-carousel__arrow{display:flex;align-items:center;justify-content:center;border-radius:50%}.exam-section .slider-container .react-multiple-carousel__arrow:before{display:none}.exam-card{background:#fff;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.exam-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.exam-cover{width:100%;height:160px;object-fit:cover;display:block}.exam-content{padding:16px}.exam-title{font-size:.95rem;font-weight:500;margin:0 0 6px;line-height:1.3}.exam-description,.exam-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exam-description{color:#4a5568;font-size:.8rem;line-height:1.4;margin:0 0 12px}.exam-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.exam-duration{background:#f7fafc;padding:3px 6px;border-radius:3px}.exam-duration,.exam-questions{font-size:.7rem;color:#718096}.exam-difficulty{font-size:.7rem;padding:3px 6px;border-radius:3px;font-weight:500;text-transform:capitalize}.exam-difficulty.easy{background:#c6f6d5;color:#276749}.exam-difficulty.medium{background:#feebc8;color:#b7791f}.exam-difficulty.hard{background:#fed7d7;color:#c53030}.exam-creator{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:24px;margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto}.exam-creator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.exam-creator-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.preview-exam-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;gap:8px}.preview-exam-btn:hover{background:#2c5282;transform:translateY(-1px)}.preview-exam-btn:active{transform:translateY(0)}.preview-exam-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none}@media(max-width:768px){.exam-list{grid-template-columns:1fr;padding:16px;gap:16px}}.onboarding{display:flex;height:100vh}.onboarding .left-section{background:#edeff3;height:100%;width:50%;padding:2rem 5rem 0;display:flex;flex-direction:column;align-items:center}.onboarding .left-section .logo-wrapper{margin-bottom:80px}.onboarding .left-section .logo-wrapper img{max-width:120px;object-fit:cover}.onboarding .left-section .title{font-size:18px;font-weight:500;margin-top:30px;flex:1 1}.onboarding .left-section .girl-img{width:100%;overflow:hidden}.onboarding .left-section .girl-img img{max-width:100%;height:auto}.onboarding .right-section{padding:2rem 5rem 0;flex:1 1;display:flex;flex-direction:column;height:100%;overflow:hidden}.onboarding .right-section .steps{display:flex;align-items:center;gap:10px}.onboarding .right-section .steps .item{flex:1 1;border-radius:10px;background:var(--neutral-3);transition:.3s ease-in-out;height:10px}.onboarding .right-section .steps .item.active{background:var(--primary-100)}.onboarding .right-section .step-content{flex:1 1;display:flex;flex-direction:column;justify-content:center;overflow-y:scroll;margin-top:40px}.onboarding .right-section .step-content .motion-class{border:none;outline:none}.onboarding .right-section .step-content .date-wrapper{position:relative}.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper{width:100%}.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper .date-picker{height:60px;width:100%;border:1px solid var(--neutral-3);padding:10px 20px;font-size:18px;font-weight:500;color:var(--dark-3);outline:none;cursor:pointer}.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper .date-picker:active,.onboarding .right-section .step-content .date-wrapper .react-datepicker-wrapper .date-picker:focus{border:1px solid var(--primary-200)}.onboarding .right-section .step-content .date-wrapper .years{position:absolute;right:20px;top:calc(50% - 10px)}.onboarding .right-section .step-content .interests{overflow-y:scroll;height:100%;padding-bottom:20px}.onboarding .right-section .step-content .interests::-webkit-scrollbar-thumb{background:var(--primary-100)}.onboarding .right-section .step-content .interests .fields{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.onboarding .right-section .step-content .interests .fields .category{border-radius:5px;padding:5px 6px;color:var(--dark-3);border:1px solid var(--neutral-3);transition:.2s ease-in-out;cursor:pointer;font-size:14px;gap:5px}.onboarding .right-section .step-content .interests .fields .category .icon{display:none}.onboarding .right-section .step-content .interests .fields .category.selected{border:1px solid var(--primary-100);color:var(--primary);font-weight:500;transition:.2s ease-in-out}.onboarding .right-section .step-content .interests .fields .category.selected .icon{display:block;color:var(--primary)}.onboarding .right-section .step-content .profile-picture-container{text-align:center;max-width:500px;margin:0 auto}.onboarding .right-section .step-content .profile-picture-container .crop-container{position:relative;width:100%;height:400px;background:#333}.onboarding .right-section .step-content .profile-picture-container .cropped-image{max-width:100%;border-radius:50%}.onboarding .right-section .step-content .profile-picture-container .controls{margin-top:10px}.onboarding .right-section .step-content .profile-picture-container input[type=range]{width:80%;margin:10px auto;display:block}.onboarding .right-section .step-content .profile-picture-container .file-picker{height:45px;width:150px;position:relative;margin:0 auto 20px}.onboarding .right-section .step-content .profile-picture-container .file-picker input{opacity:0;width:100%;height:100%;position:absolute;left:0;top:0}.onboarding .right-section .step-content .profile-picture-container .file-picker .overlay{gap:8px;color:var(--primary);background-color:var(--primary-50);cursor:pointer;font-weight:500;width:100%;height:100%;border:1px solid var(--primary)}.onboarding .right-section .step-content .profile-picture-container .photo-btn{gap:10px;color:var(--secondary);background-color:var(--secondary-50);cursor:pointer;font-weight:500;width:100%;height:100%;border:none;outline:none;padding:8px 15px;width:-moz-fit-content;width:fit-content;width:max-content;border:1px solid var(--secondary)}.onboarding .right-section .btn-section{border-top:1px solid var(--neutral-3);padding:25px 0;justify-content:space-between}.onboarding .right-section .btn-section .action{height:55px;padding:10px 25px;cursor:pointer;font-weight:500;border-radius:10px}.onboarding .right-section .btn-section .action.disabled{background:var(--neutral-1)!important;pointer-events:none}.onboarding .right-section .btn-section .action.back{color:#fff;background:hsla(0,2%,58%,.761)}.onboarding .right-section .btn-section .action.next{background:var(--primary);color:#fff}.onboarding .right-section .custom-select .css-13cymwt-control,.onboarding .right-section .custom-select .css-t3ipsp-control{height:45px;border:1px solid var(--neutral-3)}.onboarding .right-section .custom-select .css-t3ipsp-control{border:1px solid var(--primary-200);box-shadow:none}.onboarding .right-section .custom-select .css-hlgwow .css-1dimb5e-singleValue{color:var(--foreground)}.onboarding .right-section .custom-select .css-1wy0on6 .css-1u9des2-indicatorSeparator{display:none}.onboarding .right-section .custom-select .css-1nmdiq5-menu{z-index:99;border:none;box-shadow:0 5px 10px 8px rgba(0,0,0,.05)}.onboarding .right-section .custom-select .css-1nmdiq5-menu .css-tr4s17-option{background-color:var(--primary)}.onboarding .right-section .custom-select .css-1nmdiq5-menu .css-d7l1ni-option{background-color:var(--primary-50)}.onboarding .right-section .custom-select .css-1nmdiq5-menu .css-10wo9uf-option{color:var(--dark-3)}@media screen and (max-width:1200px){.onboarding .right-section{padding:2rem 2rem 0}}@media screen and (max-width:992px){.onboarding .left-section{display:none}.onboarding .right-section{padding:1rem 1rem 0}.onboarding .right-section .step-content{margin-top:30px}}.notifications-page{padding:20px;max-width:800px;margin:0 auto}.notifications-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.notifications-page__header h1{font-size:26px;margin:0}.notifications-page__header-actions{display:flex;gap:12px}.notifications-page__header .mark-all-read{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer}.notifications-page__header .mark-all-read:hover{background:var(--primary-400)}.notifications-page__filters{display:flex;gap:12px;margin-bottom:20px}.notifications-page__filters .filter-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s}.notifications-page__filters .filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.notifications-page__filters .filter-btn:hover:not(.active){background:#f8f9fa}.notifications-page__list{display:flex;flex-direction:column;gap:12px}.notifications-page__item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s;cursor:pointer}.notifications-page__item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.notifications-page__item--unread{border-left:4px solid var(--primary);background:#f8f9ff}.notifications-page__item--unread .notification__title{font-weight:600}.notifications-page__item--read{opacity:.8}.notifications-page .notification__header{display:flex;gap:12px;margin-bottom:8px}.notifications-page .notification__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.notifications-page .notification__icon--assignment{background:#e3f2fd;color:var(--primary)}.notifications-page .notification__icon--grade{background:#e8f5e8;color:#388e3c}.notifications-page .notification__icon--announcement{background:#fff3e0;color:#f57c00}.notifications-page .notification__icon--reminder{background:#fce4ec;color:#c2185b}.notifications-page .notification__icon--system{background:#f3e5f5;color:#7b1fa2}.notifications-page .notification__content{flex:1 1}.notifications-page .notification__title{font-size:16px;color:#1a1a1a;margin:0 0 4px;line-height:1.4}.notifications-page .notification__message{font-size:14px;color:#666;line-height:1.5;margin-bottom:8px}.notifications-page .notification__meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.notifications-page .notification__time{display:flex;align-items:center;gap:4px}.notifications-page .notification__type{background:#f8f9fa;padding:2px 8px;border-radius:12px;font-size:11px;text-transform:uppercase;font-weight:500}.notifications-page .notification__actions{display:flex;gap:8px;margin-top:12px}.notifications-page .notification__actions .btn{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;font-size:12px;cursor:pointer}.notifications-page .notification__actions .btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.notifications-page .notification__actions .btn--primary:hover{border-color:var(--primary-400);background:var(--primary-400)!important}.notifications-page .notification__actions .btn:hover{background:#f8f9fa}.notifications-page__empty{text-align:center;padding:60px 20px;color:#666}.notifications-page__empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.notifications-page__empty h3{margin:0 0 8px;font-size:18px}.notifications-page__empty p{margin:0;font-size:14px}.notifications-page__load-more{text-align:center;margin-top:24px}.notifications-page__load-more .load-more-btn{background:#f8f9fa;border:1px solid #ddd;padding:12px 24px;border-radius:6px;color:#666;cursor:pointer}.notifications-page__load-more .load-more-btn:hover{background:#e9ecef}@media(max-width:768px){.notifications-page{padding:16px}.notifications-page__header{flex-direction:column;align-items:flex-start;gap:12px}.notifications-page__header h1{font-size:24px}.notifications-page__filters{flex-wrap:wrap}.notifications-page .notification__header{flex-direction:column;align-items:flex-start;gap:8px}.notifications-page .notification__meta{flex-direction:column;align-items:flex-start;gap:4px}.notifications-page .notification__actions{flex-wrap:wrap}}.payment-history{max-width:1200px;margin:0 auto}.payment-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--neutral-3)}.payment-history__header h2{font-size:26px;font-weight:600;margin:0}.payment-history__header .filters{display:flex;gap:15px;align-items:center}.payment-history__header .filters input,.payment-history__header .filters select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.payment-history__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.payment-history__summary .summary-card{background:linear-gradient(135deg,#2e8c5a,#1fa38c);color:#fff;padding:20px;border-radius:12px;text-align:center}.payment-history__summary .summary-card.total-paid{background:linear-gradient(135deg,#0c6657,#1e7e4d)}.payment-history__summary .summary-card.pending{background:linear-gradient(135deg,#b8860b,#e6b800)}.payment-history__summary .summary-card .amount{font-size:24px;font-weight:700;margin-bottom:5px}.payment-history__summary .summary-card .label{font-size:12px;opacity:.9;text-transform:uppercase;letter-spacing:1px}.payment-history__list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.payment-history__list .payment-item{display:grid;grid-template-columns:60px 1fr 120px 100px 80px 120px;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.payment-history__list .payment-item:hover{background-color:#f8f9fa}.payment-history__list .payment-item:last-child{border-bottom:none}.payment-history__list .payment-item .status-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.payment-history__list .payment-item .status-icon.paid{background-color:#28a745}.payment-history__list .payment-item .status-icon.pending{background-color:#ffc107;color:#333}.payment-history__list .payment-item .status-icon.failed{background-color:#dc3545}.payment-history__list .payment-item .payment-details .description{font-weight:600;color:#333;margin-bottom:4px}.payment-history__list .payment-item .payment-details .reference{font-size:12px;color:#666;font-family:Courier New,monospace}.payment-history__list .payment-item .payment-details .date{font-size:13px;color:#888;margin-top:2px}.payment-history__list .payment-item .amount{font-size:18px;font-weight:700;color:#333;text-align:right}.payment-history__list .payment-item .method{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.payment-history__list .payment-item .method .method-icon{width:20px;height:20px;border-radius:4px;background-color:#e9ecef;display:flex;align-items:center;justify-content:center;font-size:10px}.payment-history__list .payment-item .status .status-badge{padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-history__list .payment-item .status .status-badge.paid{background-color:#d4edda;color:#155724}.payment-history__list .payment-item .status .status-badge.pending{background-color:#fff3cd;color:#856404}.payment-history__list .payment-item .status .status-badge.failed{background-color:#f8d7da;color:#721c24}.payment-history__list .payment-item .actions{display:flex;gap:8px}.payment-history__list .payment-item .actions button{padding:6px 12px;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease}.payment-history__list .payment-item .actions button.disabled{background-color:#e0e0e0!important;color:#999!important;cursor:not-allowed}.payment-history__list .payment-item .actions button.disabled:hover{background-color:#e0e0e0!important}.payment-history__list .payment-item .actions button.view-btn{background-color:var(--primary);color:#fff}.payment-history__list .payment-item .actions button.view-btn:hover{background-color:var(--primary-400)}.payment-history__list .payment-item .actions button.download-btn{background-color:#6c757d;color:#fff}.payment-history__list .payment-item .actions button.download-btn:hover{background-color:#545b62}.payment-history__empty{text-align:center;padding:60px 20px;color:#666}.payment-history__empty .empty-icon{font-size:48px;margin-bottom:20px;opacity:.5}.payment-history__empty h3{margin-bottom:10px;color:#333}.payment-history__empty p{font-size:14px;opacity:.8}@media(max-width:768px){.payment-history__list .payment-item{grid-template-columns:1fr;gap:15px;text-align:left}.payment-history__list .payment-item .payment-details{order:1}.payment-history__list .payment-item .amount{order:2;text-align:left;font-size:20px}.payment-history__list .payment-item .status-icon{order:3;width:30px;height:30px;font-size:14px}.payment-history__list .payment-item .actions,.payment-history__list .payment-item .method,.payment-history__list .payment-item .status{order:4;justify-self:start}.payment-history__summary{grid-template-columns:1fr}.payment-history__header{flex-direction:column;gap:15px;align-items:stretch}.payment-history__header .filters{justify-content:center}}.student-profile{max-width:900px;margin:0 auto;padding:0;background:transparent;border-radius:0;box-shadow:none}.student-profile__header{background:linear-gradient(135deg,#45be99,#f08353);color:#fff;padding:2rem 1.5rem;border-radius:16px 16px 0 0;margin-bottom:15px;position:relative;overflow:hidden;display:flex}.student-profile__header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:float 6s ease-in-out infinite}@media(max-width:768px){.student-profile__header{padding:1.5rem 1rem;text-align:center;flex-direction:column;align-items:center}}.student-profile__content{background:#fff;border-radius:0 0 16px 16px;padding:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.08);position:relative;z-index:2;margin-top:-1rem}@media(max-width:768px){.student-profile__content{padding:1.5rem 1rem}}.student-profile__avatar{width:80px;height:80px;border-radius:16px;object-fit:cover;border:3px solid hsla(0,0%,100%,.3);box-shadow:0 6px 20px rgba(0,0,0,.15);transition:all .4s cubic-bezier(.4,0,.2,1)}.student-profile__avatar:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 10px 30px rgba(0,0,0,.2)}.student-profile__info{flex:1 1;margin-left:1.5rem}@media(max-width:768px){.student-profile__info{margin-left:0;margin-top:1rem}}.student-profile__info h1{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 .25rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}@media(max-width:768px){.student-profile__info h1{font-size:1.6rem}}.student-profile__info-subtitle{font-size:.9rem;color:hsla(0,0%,100%,.9);margin-bottom:1rem;font-weight:400}.student-profile__info-meta{display:flex;gap:1rem;font-size:.75rem;color:hsla(0,0%,100%,.8)}@media(max-width:768px){.student-profile__info-meta{justify-content:center;gap:.75rem}}.student-profile__info-meta span{padding:.35rem .75rem;background:hsla(0,0%,100%,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.student-profile__section{margin-bottom:2rem}.student-profile__section:last-child{margin-bottom:0}.student-profile__section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;position:relative;padding-left:1rem}.student-profile__section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:linear-gradient(135deg,#45be99,#f08353);border-radius:2px}.student-profile__interests{display:flex;flex-wrap:wrap;gap:8px}.student-profile__interests-tag{padding:6px 16px;background:linear-gradient(135deg,#45be99,#f08353);color:#fff;border-radius:20px;font-size:.75rem;font-weight:500;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;text-transform:uppercase;letter-spacing:.3px}.student-profile__interests-tag:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px rgba(69,190,153,.3);background:linear-gradient(135deg,#f08353,#45be99)}.student-profile__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem}.student-profile__details-item{padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;border:1px solid rgba(69,190,153,.1);box-shadow:0 4px 16px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.student-profile__details-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#45be99,#f08353)}.student-profile__details-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:rgba(69,190,153,.2)}.student-profile__details-item label{display:block;font-size:.7rem;font-weight:600;color:#45be99;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.student-profile__details-item span{font-size:.9rem;font-weight:500;line-height:1.3}.student-profile__bio{background:linear-gradient(135deg,#f8fafc,#fff);padding:1.5rem;border-radius:12px;border:1px solid rgba(69,190,153,.1);box-shadow:0 4px 16px rgba(0,0,0,.04);position:relative;overflow:hidden}.student-profile__bio:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#45be99,#f08353)}.student-profile__bio p{color:#4a5568;line-height:1.6;margin:0;font-weight:400;font-size:.9rem}.student-profile__contact{display:flex;gap:1rem;margin-top:2rem}@media(max-width:768px){.student-profile__contact{flex-direction:column}}.student-profile__contact-btn{flex:1 1;padding:.875rem 1.5rem;border:none;border-radius:10px;font-weight:600;text-decoration:none;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.student-profile__contact-btn--primary{background:linear-gradient(135deg,#45be99,#f08353);color:#fff;box-shadow:0 4px 16px rgba(69,190,153,.25)}.student-profile__contact-btn--primary:hover{background:linear-gradient(135deg,#3da087,#e6744a);transform:translateY(-2px);box-shadow:0 8px 24px rgba(69,190,153,.3)}.student-profile__contact-btn--secondary{background:linear-gradient(135deg,#fff,#f7fafc);color:#45be99;border:1px solid rgba(69,190,153,.2);box-shadow:0 2px 12px rgba(0,0,0,.04)}.student-profile__contact-btn--secondary:hover{background:linear-gradient(135deg,#f7fafc,#edf2f7);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08);border-color:rgba(69,190,153,.3)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.settings-page{max-width:800px;margin:0 auto;padding:2rem}.settings-page .settings-header{margin-bottom:2rem}.settings-page .settings-header h1{font-size:26px;margin-bottom:.5rem}.settings-page .settings-header p{color:#6b7280}.settings-page .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.settings-page .settings-grid .settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:all .2s ease;text-decoration:none;color:inherit}.settings-page .settings-grid .settings-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(59,130,246,.1);transform:translateY(-2px)}.settings-page .settings-grid .settings-card .card-icon{width:48px;height:48px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem;color:var(--primary)}.settings-page .settings-grid .settings-card .card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.settings-page .settings-grid .settings-card .card-description{color:#6b7280;font-size:.875rem;line-height:1.5}.settings-page .settings-grid .settings-card .card-arrow{margin-top:1rem;color:#9ca3af;font-size:1.25rem;text-align:right}@media(max-width:768px){.settings-page{padding:1rem}.settings-page .settings-grid{grid-template-columns:1fr;gap:1rem}.settings-page .settings-grid .settings-card{padding:1.25rem}}.change-password{max-width:500px;margin:0 auto;padding:2rem}.change-password__section{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:2rem}.change-password__title{font-size:1.5rem;margin-bottom:2rem;font-weight:700;text-align:center}.change-password__form{display:flex;flex-direction:column;gap:1.5rem}.change-password__field{display:flex;flex-direction:column;gap:.5rem}.change-password__field label{font-weight:500;font-size:.875rem}.change-password__field input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.change-password__field input:focus{outline:none;border-color:var(--primary-200);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.change-password__field input.error{border-color:#ef4444}.change-password__error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.change-password__button{background-color:var(--primary);color:#fff;padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.change-password__button:hover{background-color:var(--primary-400)}.change-password__button:disabled{background-color:#9ca3af;cursor:not-allowed}.change-password__cancel{background-color:transparent;color:#6b7280;border:1px solid #d1d5db;margin-right:1rem}.change-password__cancel:hover{background-color:#f9fafb;color:#374151}.change-password__actions{display:flex;justify-content:flex-end;margin-top:1rem}@media(max-width:640px){.change-password{padding:1rem;margin:0 1rem}.change-password__actions{flex-direction:column-reverse;gap:.75rem}.change-password__actions button{width:100%;margin-right:0}}.interests-settings{padding:1.5rem;margin:0 auto}.interests-settings__header{margin-bottom:2rem}.interests-settings__header h2{font-size:26px;margin-bottom:.5rem}.interests-settings__header p{color:#718096;font-size:1rem}.interests-settings__category{margin-bottom:2rem}.interests-settings__category-title{font-size:1.25rem;font-weight:500;margin-bottom:1rem;display:flex;align-items:center}.interests-settings__category-title:before{content:"";width:4px;height:1.25rem;background:var(--primary);margin-right:.75rem;border-radius:2px}.interests-settings__category-grid{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.interests-settings__interest-item{position:relative;cursor:pointer;border:2px solid #e2e8f0;border-radius:8px;padding:5px 8px;transition:all .2s ease;background:#fff;display:flex;align-items:center;gap:8px}.interests-settings__interest-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,153,225,.15)}.interests-settings__interest-item--selected{border-color:var(--primary);background:var(--primary-50)}.interests-settings__interest-item--selected .interests-settings__interest-checkbox{background:var(--primary);border-color:var(--primary)}.interests-settings__interest-item--selected .interests-settings__interest-checkbox:after{opacity:1}.interests-settings__interest-checkbox{width:16px;height:16px;border:2px solid #cbd5e0;border-radius:4px;background:#fff;transition:all .2s ease;position:relative}.interests-settings__interest-checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;opacity:0;transition:opacity .2s ease}.interests-settings__interest-label{color:#2d3748;font-size:14px}.interests-settings__interest-description{color:#718096;font-size:.875rem;line-height:1.4}.interests-settings__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.interests-settings__actions .btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.interests-settings__actions .btn--secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.interests-settings__actions .btn--secondary:hover{background:#edf2f7}.interests-settings__actions .btn--primary{background:var(--primary);color:#fff}.interests-settings__actions .btn--primary:hover{background:var(--primary-200)}.interests-settings__actions .btn--primary:disabled{background:#a0aec0;cursor:not-allowed}.interests-settings__selected-count{color:#4a5568;font-size:.875rem;margin-bottom:1rem}.interests-settings__selected-count span{font-weight:600;color:var(--primary)}@media(max-width:768px){.interests-settings{padding:1rem}.interests-settings__category-grid{grid-template-columns:1fr}.interests-settings__actions{flex-direction:column}.interests-settings__actions .btn{width:100%}}.notification-settings{padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.notification-settings__header{margin-bottom:32px}.notification-settings__header h2{font-size:24px;margin-bottom:8px}.notification-settings__header p{color:#666;font-size:14px}.notification-settings__section{margin-bottom:32px}.notification-settings__section:last-child{margin-bottom:0}.notification-settings__section h3{font-size:18px;font-weight:500;color:#333;margin-bottom:16px}.notification-settings__item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0}.notification-settings__item:last-child{border-bottom:none}.notification-settings__item-info{flex:1 1}.notification-settings__item-info h4{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.notification-settings__item-info p{font-size:14px;color:#666;margin:0}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.slider{background-color:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translateX(20px)}.toggle-switch input:focus+.slider{box-shadow:0 0 0 3px rgba(0,123,255,.25)}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s ease;border-radius:24px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.3)}@media(max-width:768px){.notification-settings{padding:16px;border-radius:8px}.notification-settings__header{margin-bottom:24px}.notification-settings__header h2{font-size:20px}.notification-settings__section{margin-bottom:24px}.notification-settings__section h3{font-size:16px}.notification-settings__item{padding:12px 0}.notification-settings__item-info h4{font-size:15px}.notification-settings__item-info p{font-size:13px}}.privacy-security{padding:2rem;max-width:800px;margin:0 auto}.privacy-security__header{margin-bottom:2rem}.privacy-security__header h1{font-size:26px;margin-bottom:.5rem}.privacy-security__header p{color:#718096;font-size:1rem}.privacy-security__section{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem;overflow:hidden}.privacy-security__section-header{padding:1.5rem;border-bottom:1px solid #e2e8f0}.privacy-security__section-header h2{font-size:1.25rem;margin-bottom:.25rem}.privacy-security__section-header p{color:#718096;font-size:.875rem}.privacy-security__section-content{padding:1.5rem}.privacy-security__password-management .password-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f7fafc}.privacy-security__password-management .password-item:last-child{border-bottom:none}.privacy-security__password-management .password-item-info h3{font-size:1rem;font-weight:500;color:#2d3748;margin-bottom:.25rem}.privacy-security__password-management .password-item-info p{font-size:.875rem;color:#718096}.privacy-security__password-management .password-item-action .btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.privacy-security__password-management .password-item-action .btn--primary{background:var(--primary);color:#fff;border:none}.privacy-security__password-management .password-item-action .btn--primary:hover{background:var(--primary-400)}.privacy-security__password-management .password-item-action .btn--secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.privacy-security__password-management .password-item-action .btn--secondary:hover{background:#edf2f7}.privacy-security__two-factor .auth-status{display:flex;align-items:center;margin-bottom:1rem}.privacy-security__two-factor .auth-status-indicator{width:12px;height:12px;border-radius:50%;margin-right:.75rem}.privacy-security__two-factor .auth-status-indicator--enabled{background:#48bb78}.privacy-security__two-factor .auth-status-indicator--disabled{background:#f56565}.privacy-security__two-factor .auth-status-text{font-weight:500;color:#2d3748}.privacy-security__two-factor .auth-methods .method-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:.75rem}.privacy-security__two-factor .auth-methods .method-item-info{display:flex;align-items:center}.privacy-security__two-factor .auth-methods .method-item-info .icon{width:24px;height:24px;margin-right:.75rem;color:#4a5568}.privacy-security__two-factor .auth-methods .method-item-info h4{font-size:1rem;font-weight:500;color:#2d3748;margin-bottom:.25rem}.privacy-security__two-factor .auth-methods .method-item-info p{font-size:.875rem;color:#718096}.privacy-security__two-factor .auth-methods .method-item .toggle-switch{position:relative;width:48px;height:24px;background:#cbd5e0;border-radius:12px;cursor:pointer;transition:background .2s}.privacy-security__two-factor .auth-methods .method-item .toggle-switch--active{background:var(--primary)}.privacy-security__two-factor .auth-methods .method-item .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.privacy-security__two-factor .auth-methods .method-item .toggle-switch--active:after{transform:translateX(24px)}.privacy-security__privacy-settings .setting-group{margin-bottom:2rem}.privacy-security__privacy-settings .setting-group:last-child{margin-bottom:0}.privacy-security__privacy-settings .setting-group h3{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.privacy-security__privacy-settings .setting-group .setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 0;border-bottom:1px solid #f7fafc}.privacy-security__privacy-settings .setting-group .setting-item:last-child{border-bottom:none}.privacy-security__privacy-settings .setting-group .setting-item-content{flex:1 1;margin-right:1rem}.privacy-security__privacy-settings .setting-group .setting-item-content h4{font-size:1rem;font-weight:500;color:#2d3748;margin-bottom:.25rem}.privacy-security__privacy-settings .setting-group .setting-item-content p{font-size:.875rem;color:#718096;line-height:1.5}.privacy-security__privacy-settings .setting-group .setting-item-control{display:flex;align-items:center}.privacy-security__privacy-settings .setting-group .setting-item-control select{padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#2d3748;font-size:.875rem;cursor:pointer}.privacy-security__privacy-settings .setting-group .setting-item-control select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.privacy-security__save-button{position:-webkit-sticky;position:sticky;bottom:2rem;text-align:center;margin-top:2rem}.privacy-security__save-button .btn-save{background:var(--primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(49,130,206,.1)}.privacy-security__save-button .btn-save:hover{background:var(--primary-400);transform:translateY(-1px);box-shadow:0 6px 16px rgba(49,130,206,.1)}.privacy-security__save-button .btn-save:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.privacy-security,.privacy-security__section-content,.privacy-security__section-header{padding:1rem}.privacy-security__password-management .password-item,.privacy-security__privacy-settings .setting-item{flex-direction:column;align-items:flex-start}.privacy-security__password-management .password-item-action,.privacy-security__password-management .password-item-control,.privacy-security__privacy-settings .setting-item-action,.privacy-security__privacy-settings .setting-item-control{margin-top:.75rem;width:100%}}.profile-settings{max-width:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.profile-settings__header{margin-bottom:2rem;text-align:center}.profile-settings__header h1{font-size:26px;margin-bottom:.5rem}.profile-settings__header p{color:#666}.profile-settings__section{margin-bottom:2.5rem;padding:1.5rem;border:1px solid #e0e0e0;border-radius:6px}.profile-settings__section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.profile-settings__profile-picture{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.profile-settings__profile-picture-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #e0e0e0}.profile-settings__profile-picture-upload{display:flex;flex-direction:column;gap:.5rem}.profile-settings__profile-picture-upload input[type=file]{display:none}.profile-settings__profile-picture-upload label{padding:.5rem 1rem;background:var(--primary);color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s}.profile-settings__profile-picture-upload label:hover{background:var(--primary-400)}.profile-settings__form-group{margin-bottom:1rem}.profile-settings__form-group label{display:block;margin-bottom:.5rem;font-weight:500}.profile-settings__form-group input,.profile-settings__form-group select,.profile-settings__form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.profile-settings__form-group input:focus,.profile-settings__form-group select:focus,.profile-settings__form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.profile-settings__form-group textarea{resize:vertical;min-height:100px}.profile-settings__form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media(max-width:768px){.profile-settings__form-row{grid-template-columns:1fr}}.profile-settings__preferences-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.profile-settings__preferences-item:last-child{border-bottom:none}.profile-settings__preferences-item label{margin:0;font-weight:400;cursor:pointer}.profile-settings__preferences-item input[type=checkbox]{width:auto;margin:0;transform:scale(1.2)}.profile-settings__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e0e0e0}.profile-settings__actions button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .3s}.profile-settings__actions button.btn-primary{background:var(--primary);color:#fff}.profile-settings__actions button.btn-primary:hover{background:var(--primary-400)}.profile-settings__actions button.btn-secondary{background:#6c757d;color:#fff}.profile-settings__actions button.btn-secondary:hover{background:#545b62}@media(max-width:768px){.profile-settings__actions{flex-direction:column}.profile-settings__actions button{width:100%}.profile-settings{padding:1rem;margin:1rem}.profile-settings__profile-picture{flex-direction:column;text-align:center}}.profile-picture-container{text-align:center;min-height:400px;max-width:500px;margin:0 auto}.profile-picture-container .crop-container{position:relative;width:100%;height:400px;background:#333}.profile-picture-container .cropped-image{max-width:100%;border-radius:50%}.profile-picture-container .controls{margin-top:10px}.profile-picture-container input[type=range]{width:80%;margin:10px auto;display:block}.profile-picture-container .file-picker{height:45px;width:150px;position:relative;margin:0 auto 20px}.profile-picture-container .file-picker input{opacity:0;width:100%;height:100%;position:absolute;left:0;top:0}.profile-picture-container .file-picker .overlay{gap:8px;color:var(--primary);background-color:var(--primary-50);cursor:pointer;font-weight:500;width:100%;height:100%;border:1px solid var(--primary)}.profile-picture-container .photo-btn{gap:10px;color:var(--secondary);background-color:var(--secondary-50);cursor:pointer;font-weight:500;width:100%;height:100%;border:none;outline:none;padding:8px 15px;width:-moz-fit-content;width:fit-content;width:max-content;border:1px solid var(--secondary)}