.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:1.1rem;font-weight:600;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}.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:28px;font-weight:600;color:#1a1a1a;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;padding:20px}.payment-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.payment-history__header h2{color:#333;font-size:28px;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,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;text-align:center}.payment-history__summary .summary-card.total-paid{background:linear-gradient(135deg,#11998e,#38ef7d)}.payment-history__summary .summary-card.pending{background:linear-gradient(135deg,#fc466b,#3f5efb)}.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{padding:15px}.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:800px;margin:0 auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.student-profile__header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}@media(max-width:768px){.student-profile__header{flex-direction:column;text-align:center;gap:1rem}}.student-profile__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid var(--primary);box-shadow:0 4px 12px rgba(59,130,246,.3)}.student-profile__info{flex:1 1}.student-profile__info h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.student-profile__info-subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:1rem}.student-profile__info-meta{display:flex;gap:1.5rem;font-size:.875rem;color:#9ca3af}@media(max-width:768px){.student-profile__info-meta{justify-content:center}}.student-profile__section{margin-bottom:2.5rem}.student-profile__section:last-child{margin-bottom:0}.student-profile__section h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.student-profile__section h2:before{content:"";width:4px;height:1.5rem;background:linear-gradient(135deg,var(--primary),var(--primary-400));border-radius:2px}.student-profile__interests{display:flex;flex-wrap:wrap;gap:8px}.student-profile__interests-tag{padding:5px 10px;background:var(--primary-50);color:var(--primary);border-radius:20px;font-size:14px;font-weight:500;border:1px solid var(--primary);transition:all .3s ease}.student-profile__interests-tag:hover{transform:translateY(-1px)}.student-profile__details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.student-profile__details-item{padding:1.5rem;background:#f9fafb;border-radius:8px;border-left:4px solid var(--primary)}.student-profile__details-item label{display:block;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.student-profile__details-item span{font-size:1rem;color:#1f2937;font-weight:500}.student-profile__bio{background:#f8fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #10b981}.student-profile__bio p{color:#374151;line-height:1.6;margin:0}.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:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer}.student-profile__contact-btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-400));color:#fff}.student-profile__contact-btn--primary:hover{background:linear-gradient(135deg,var(--primary-100),var(--primary-400));transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.student-profile__contact-btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.student-profile__contact-btn--secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.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;font-weight:600;margin-bottom:2rem;text-align:center;color:#1f2937}.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;color:#374151;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;max-width:800px;margin:0 auto}.interests-settings__header{margin-bottom:2rem}.interests-settings__header h2{font-size:1.75rem;font-weight:600;color:#1a202c;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;color:#2d3748;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;font-weight:600;color:#1a1a1a;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:2rem;font-weight:600;color:#1a202c;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;font-weight:600;color:#2d3748;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{color:#333;font-size:2rem;margin-bottom:.5rem}.profile-settings__header p{color:#666;font-size:1rem}.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;color:#333;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;color:#333}.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)}