.progress-section{margin-top:12px}@media(max-width:600px){.progress-section{margin-top:.6rem!important}}.progress-section .progress-stats{display:flex;justify-content:space-between;margin-bottom:8px;gap:8px}@media(max-width:600px){.progress-section .progress-stats{gap:4px;flex-wrap:wrap}}.progress-section .progress-stats .stat-item{display:flex;flex-direction:column;gap:4px;padding:5px 5px 5px 10px;background:#f5f6f8;border-radius:10px;margin-bottom:6px;flex:1;min-width:0}@media(max-width:600px){.progress-section .progress-stats .stat-item{padding:4px 4px 4px 8px;min-width:70px;max-width:none}}@media(max-width:320px){.progress-section .progress-stats .stat-item{min-width:60px;padding:3px 3px 3px 6px}}.progress-section .progress-stats .stat-item .label{color:#636271;font-size:10px;font-weight:400;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.progress-section .progress-stats .stat-item .label{font-size:9px;line-height:12px}}.progress-section .progress-stats .stat-item .value{color:#1b1a3a;font-size:16px;font-weight:500;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.progress-section .progress-stats .stat-item .value{font-size:14px;line-height:18px}}@media(max-width:320px){.progress-section .progress-stats .stat-item .value{font-size:12px;line-height:16px}}.progress-section .progress-container{display:flex;align-items:center;gap:12px}@media(max-width:600px){.progress-section .progress-container{gap:8px}}.progress-section .progress-container .progress-bar{flex:1;height:5px;background:#eeeef0;border-radius:2px;position:relative;min-width:50px}.progress-section .progress-container .progress-bar .progress-fill{position:absolute;left:0;top:0;height:100%;background:#6052cc;border-radius:5px;transition:width .3s ease}.progress-section .progress-container .percentage{color:#6052cc;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}@media(max-width:600px){.progress-section .progress-container .percentage{font-size:11px}}body.modal-open{overflow:hidden}.collaboration-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(1px);z-index:1000;display:flex;justify-content:flex-end}.collaboration-modal-container{width:450px;height:100vh;background:#fff;border-top:4px solid #c17d0d;display:flex;flex-direction:column;animation:slideIn .3s ease-out;position:relative}@media(max-width:480px){.collaboration-modal-container{width:100%}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.collaboration-modal-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:#fff}.collaboration-modal-header h2{font-size:1.125rem;font-weight:500;color:#1b1a3a;margin:0}.collaboration-modal-header .close-button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(27,26,58,.7)}.collaboration-modal-header .close-button:hover{background:#f2f4f7;border-radius:8px}.collaboration-modal-content{flex:1;display:flex;flex-direction:column;padding:24px}.collaboration-modal-content .public-toggle{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.collaboration-modal-content .public-toggle span{font-size:16px;color:rgba(27,26,58,.9)}.collaboration-modal-content .collaborators-section .collaborators-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.collaboration-modal-content .collaborators-section .collaborators-header .title-with-count{display:flex;align-items:center;gap:8px}.collaboration-modal-content .collaborators-section .collaborators-header .title-with-count h3{font-size:1rem;font-weight:500;margin:0}.collaboration-modal-content .collaborators-section .collaborators-header .title-with-count .count{background:rgba(27,26,58,.1);color:rgba(27,26,58,.8);padding:2px 8px;border-radius:12px;font-size:.875rem}.collaboration-modal-content .collaborators-section .collaborators-header .copy-link{display:flex;align-items:center;gap:6px;color:#6052cc;background:none;border:none;padding:6px 0;cursor:pointer;font-size:.875rem}.collaboration-modal-content .collaborators-section .collaborators-header .copy-link:hover{text-decoration:underline}.collaboration-modal-content .collaborators-section .invite-form{margin-bottom:18px;width:100%}.collaboration-modal-content .collaborators-section .invite-form .field{margin-bottom:12px;width:100%;height:40px}.collaboration-modal-content .collaborators-section .invite-form .primary{margin-top:1rem!important}.collaboration-modal-content .collaborators-section .invite-form .custom-button{width:100%;height:40px;padding:0 16px;margin-top:14px}.collaboration-modal-content .collaborators-section .collaborators-list{display:flex;flex-direction:column}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .collaborator-info{display:flex;align-items:center;gap:15px;color:rgba(27,26,58,.7)}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .collaborator-info .user-icon-box{width:40px;height:40px;background:#eeeef0;border-radius:10px;display:flex;align-items:center;justify-content:center}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .collaborator-info .user-icon-box .icon{color:#343330}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .collaborator-info .email{font-size:.875rem;color:rgba(27,26,58,.9)}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .owner-badge{font-size:.75rem;padding:5px 10px;background:rgba(99,102,241,.1);color:#6052cc;border:1.5px solid #6052cc;border-radius:10px}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .action-buttons{display:flex;gap:8px}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .action-buttons .custom-button{height:30px;padding:0 12px;font-size:.875rem}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .remove-button{background:none;border:none;padding:4px;cursor:pointer;color:rgba(27,26,58,.5);display:flex;align-items:center;justify-content:center;border-radius:4px}.collaboration-modal-content .collaborators-section .collaborators-list .collaborator-item .remove-button:hover{background:rgba(27,26,58,.05);color:rgba(27,26,58,.7)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:1000;opacity:0;transition:opacity .3s ease-in-out}.modal-overlay.open{opacity:.6;visibility:visible}.exam-settings-modal{position:fixed;top:0;right:0;bottom:0;width:450px;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1001;display:flex;flex-direction:column;border-top:5px solid #c17d0d}@media(max-width:480px){.exam-settings-modal{width:100%}}.exam-settings-modal.open{transform:translateX(0)}.exam-settings-modal .modal-content{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.exam-settings-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px}.exam-settings-modal .modal-header h2{font-size:1.125rem;font-weight:500;color:#1b1a3a;margin:0;flex-grow:1;text-align:left;padding-left:8px;line-height:23.4px}.exam-settings-modal .modal-header .close-button{background:none;border:none;cursor:pointer;padding:4px;color:#1b1a3a;margin-left:16px}.exam-settings-modal .modal-header .close-button:hover{background:#f2f4f7;border-radius:8px}.exam-settings-modal .form-wrapper{display:flex;flex-direction:column;height:calc(100% - 57px);overflow:hidden}.exam-settings-modal .form-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:20px;padding:24px 24px 30px}.exam-settings-modal .form-content :global .form-field{margin-bottom:0}.exam-settings-modal .form-content :global .select-field .ant-select-selector{border-radius:0;padding:0 12px}.exam-settings-modal .modal-footer{position:fixed;bottom:0;right:0;padding:16px 24px;width:100%;background:#fff;border-top:1px solid #dfe0e6;box-sizing:border-box}@media(max-width:480px){.exam-settings-modal .modal-footer{width:100%}}.exam-settings-modal .modal-footer .button-container{display:flex;justify-content:flex-end;flex-direction:row;padding-bottom:18px;gap:12px}.exam-settings-modal .modal-footer .button-container button{min-width:100px}@media only screen and (max-width:767px){.exam-settings-modal{width:100%}.exam-settings-modal.open{transform:translateX(0)}.exam-settings-modal .modal-content{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.exam-settings-modal .form-content,.exam-settings-modal .modal-footer,.exam-settings-modal .modal-header{padding:1rem!important}.exam-settings-modal .modal-footer .button-container{flex-direction:row!important;padding-bottom:0}}.tabs{display:flex;gap:1.5rem;border-bottom:1px solid #e5e7eb;margin-bottom:2rem;margin-top:2rem;padding-top:.5rem}@media(max-width:768px){.tabs{margin-top:1.5rem;padding-top:1rem}}@media(max-width:480px){.tabs{margin-top:1rem;padding-top:1.25rem;gap:1rem}}.tabs .tab{padding:8px 6px;border:none;background:none;color:#636271;font-size:16px;font-weight:500;position:relative;cursor:pointer}@media(max-width:480px){.tabs .tab{font-size:15px;padding:8px 4px}}.tabs .tab.active{color:#4b3bff}.tabs .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#4b3bff}.empty-state{width:100%}.empty-state .empty-state-content{border-radius:8px;display:flex;flex-direction:column;align-items:start;text-align:left}.empty-state .empty-image{margin-bottom:1rem}.empty-state .empty-image img{width:50px;height:50px;object-fit:contain}.empty-state h3{font-weight:500;margin-bottom:.5rem}.empty-state h3,.empty-state p{font-size:16px;color:#3a3946;line-height:20px}.empty-state p{margin:0;font-weight:400}.quiz-table .owner{display:flex;align-items:center}.quiz-table .owner img{width:30px;height:30px;border-radius:50%;margin-right:10px}.quiz-table .owner span{font-size:14px;font-weight:500}.quiz-table .tags{position:relative}.quiz-table .tags .tags-wrapper{position:relative;display:inline-block}.quiz-table .tags .custom-modal{position:absolute;z-index:100;background:#fff;border-radius:8px;box-shadow:-4px 4px 4px 0 rgba(0,0,0,.15);border:1px solid #e5e7eb;width:300px;padding:16px;left:0;top:100%;margin-top:8px}.quiz-table .tags .custom-modal .add-modal-content .modal-title{font-size:14px;font-weight:500;margin-bottom:16px}.quiz-table .tags .custom-modal .add-modal-content .create-btn{margin-top:16px;width:100%}.quiz-table .add-icon-box{cursor:pointer}.quiz-table .add-icon-box:hover{opacity:.8}.tab-content .tab-header{display:flex;justify-content:flex-end;align-items:center}.tab-content .tab-header h3{font-size:14px;font-weight:500;line-height:18px;color:#3a3946}.quizCard{display:grid;margin-top:1rem;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;font-size:20px;padding:0 16px;padding-left:0!important}.quizCard .clickable-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.quizCard .clickable-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.1)}@media screen and (max-width:1280px){.quizCard{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:1024px){.quizCard{grid-template-columns:repeat(2,1fr);gap:16px;font-size:18px}}@media screen and (max-width:768px){.quizCard{grid-template-columns:repeat(1,1fr);gap:16px;padding:0 12px}}@media screen and (max-width:480px){.quizCard{grid-template-columns:1fr;gap:12px;font-size:16px;padding:0 8px;margin-top:.5rem}}.studyCard{display:grid;margin-top:1rem;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;font-size:20px;padding:0 16px;padding-left:0!important}@media screen and (max-width:1280px){.studyCard{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:1024px){.studyCard{grid-template-columns:repeat(2,1fr);gap:16px;font-size:18px}}@media screen and (max-width:768px){.studyCard{grid-template-columns:repeat(1,1fr);gap:16px;padding:0 12px}}@media screen and (max-width:480px){.studyCard{grid-template-columns:1fr;gap:12px;font-size:16px;padding:0 8px;margin-top:.5rem}}.exam-study-cards{display:grid;margin-top:1rem;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;font-size:20px;padding:0!important}.exam-study-cards .clickable-card-wrapper{cursor:pointer;transition:transform .2s ease}@media screen and (max-width:1280px){.exam-study-cards{grid-template-columns:repeat(2,1fr);gap:20px}}@media screen and (max-width:1024px){.exam-study-cards{grid-template-columns:repeat(2,1fr);gap:16px;font-size:18px}}@media screen and (max-width:768px){.exam-study-cards{grid-template-columns:repeat(1,1fr);gap:16px;padding:0 12px}}@media screen and (max-width:480px){.exam-study-cards{grid-template-columns:1fr;gap:12px;font-size:16px;padding:0 8px;margin-top:.5rem}}.membership-tab h2{font-size:20px;font-weight:500;color:#1b1a3a;line-height:26px;margin:0 0 12px}.membership-tab .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff;border-radius:12px;border:1px solid #dfe0e6;margin-bottom:24px}.membership-tab .loading-state .loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(96,82,204,.2);border-top-color:#6052cc;animation:spin 1s linear infinite;margin-bottom:16px}.membership-tab .loading-state p{color:#6b7280;font-size:16px;margin:0}.membership-tab .empty-state-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:#fff;border-radius:10px;border:1px solid #dfe0e6;margin-bottom:32px;text-align:center}.membership-tab .empty-state-card .empty-icon{color:#6052cc;margin-bottom:16px}.membership-tab .empty-state-card h3{font-size:20px;font-weight:500;color:#1b1a3a;margin:0 0 8px}.membership-tab .empty-state-card p{color:#6b7280;font-size:16px;margin:0 0 24px;max-width:400px;line-height:1.5}.membership-tab .empty-state-card .custom-button{min-width:200px}.membership-tab .empty-state-card .empty-state-actions{display:flex;flex-direction:column;gap:16px;width:100%;max-width:250px;justify-content:center;align-items:center}.membership-tab .empty-state-card .empty-state-actions .custom-button{width:100%}.membership-tab .empty-state-card .empty-state-actions .create-task-link{color:#6052cc;text-align:center}.membership-tab .plan-details{margin-bottom:32px}.membership-tab .plan-details .plan-card{background:#f0f2fd;border:2px solid #cfd5f6;border-radius:10px;padding:20px}.membership-tab .plan-details .plan-card.free-plan{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:2px solid #10b981}.membership-tab .plan-details .plan-card.free-plan .member-since{background:#10b981;color:#fff}.membership-tab .plan-details .plan-card.free-plan .plan-header .plan-title-container .free-badge{background:#10b981;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.membership-tab .plan-details .plan-card.free-plan .free-price{color:#059669;font-weight:700}.membership-tab .plan-details .plan-card.free-plan .create-task-link{color:#059669}.membership-tab .plan-details .plan-card .member-since{display:inline-block;background:#6052cc;color:#fff;font-weight:500;line-height:18px;font-size:14px;padding:6px 12px;border-radius:5px;margin-bottom:16px}.membership-tab .plan-details .plan-card .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}@media(max-width:600px){.membership-tab .plan-details .plan-card .plan-header{flex-direction:column;align-items:flex-start;gap:8px}}.membership-tab .plan-details .plan-card .plan-header .plan-title-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:600px){.membership-tab .plan-details .plan-card .plan-header .plan-title-container{flex-direction:column;align-items:flex-start;gap:4px}}.membership-tab .plan-details .plan-card .plan-header h3{font-size:24px;font-weight:600;line-height:33px;color:#1b1a3a;margin:0}.membership-tab .plan-details .plan-card .plan-header .price{font-size:18px;font-weight:400;line-height:23px;color:#1b1a3a}.membership-tab .plan-details .plan-card .plan-header .price .period{font-size:14px;color:#6b7280;font-weight:400}.membership-tab .plan-details .plan-card .plan-description{color:#3a3946;font-size:16px;font-weight:400;line-height:20px;margin:8px 0 18px}.membership-tab .plan-details .plan-card .create-task-link{color:#6052cc}.membership-tab .payment-info .payment-card{background:#fff;border-radius:10px;padding:20px;border:1px solid #dfe0e6;margin-bottom:16px}.membership-tab .payment-info .payment-card .next-payment{margin-bottom:32px}.membership-tab .payment-info .payment-card .next-payment h3{font-size:24px;font-weight:600;line-height:33px;color:#1b1a3a;margin:0 0 12px}.membership-tab .payment-info .payment-card .next-payment .payment-date{font-size:16px;font-weight:400;line-height:20px;color:#3a3946;margin:0 0 8px}.membership-tab .payment-info .payment-card .next-payment .card-info{display:flex;align-items:center;gap:8px}.membership-tab .payment-info .payment-card .next-payment .card-info .card-icon{width:38px;height:30px;object-fit:contain}.membership-tab .payment-info .payment-card .next-payment .card-info span{color:#3a3946;font-weight:500;line-height:20px;font-size:16px}.membership-tab .payment-info .payment-card .payment-actions{display:flex;flex-direction:column;gap:2px}.membership-tab .payment-info .payment-card .payment-actions .create-task-link{color:#6052cc}.membership-tab .payment-info .cancel-membership-wrapper{text-align:center}.membership-tab .payment-info .cancel-membership-wrapper .custom-button{width:100%;border:2px solid #f6d4e0!important;background:transparent!important;color:#c6385a;box-shadow:none;font-size:16px!important;font-weight:600!important;margin-top:60px}@media(max-width:900px){.membership-tab .payment-info .cancel-membership-wrapper .custom-button{margin-top:30px}}@media(max-width:600px){.membership-tab .payment-info .cancel-membership-wrapper .custom-button{margin-top:30px}}.membership-tab .payment-info .cancel-membership-wrapper .custom-button:hover{background:#fee4e2}.membership-container{max-width:900px;margin:0 auto;padding:0 16px}@media(max-width:900px){.membership-container{padding:0}}@media(max-width:600px){.membership-container{padding:0}}.change-plan{max-width:1200px;margin:0 auto;padding:0 16px}@media(max-width:900px){.change-plan{padding:0}}@media(max-width:600px){.change-plan{padding:0}}.change-plan .header{display:flex;align-items:center;gap:4px}.change-plan .back-button{background:none;border:none;color:#1b1a3a;font-size:14px;font-weight:500;padding:8px;border-radius:5px;cursor:pointer}.change-plan .back-button:hover{text-decoration:underline;background:#f2f4f7}.change-plan h2{font-size:24px;font-weight:600;line-height:33px;color:#1b1a3a;margin:0 0 8px}@media(max-width:600px){.change-plan h2{font-size:20px;line-height:28px}}.change-plan .subtitle{font-size:16px;color:#3a3946;font-weight:400;line-height:20px;margin:0 0 32px}@media(max-width:900px){.change-plan .subtitle{margin-bottom:24px}}@media(max-width:600px){.change-plan .subtitle{font-size:14px;line-height:18px;margin-bottom:20px}}.change-plan .tab-container{margin-bottom:32px;display:flex;flex-direction:column;gap:16px}@media(max-width:900px){.change-plan .tab-container{margin-bottom:24px}}@media(max-width:600px){.change-plan .tab-container{margin-bottom:20px;gap:12px}}.change-plan .category-tabs{display:flex;background:#f1f2f7;border-radius:100px;padding:4px;width:460px;margin:0 auto}@media(max-width:900px){.change-plan .category-tabs{width:100%;max-width:460px}}@media(max-width:600px){.change-plan .category-tabs{width:100%}}.change-plan .category-tabs .category-tab{padding:8px 24px;height:40px;font-size:14px;font-weight:500;color:#1b1a3a;background:transparent;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.change-plan .category-tabs .category-tab{padding:8px 12px;font-size:13px}}.change-plan .category-tabs .category-tab.active{background:#6052cc;color:#fff}.change-plan .category-tabs .category-tab:hover:not(.active){background:rgba(96,82,204,.1)}.change-plan .period-tabs{display:flex;background:#f1f2f7;border-radius:100px;padding:4px;width:220px;margin:0 auto}@media(max-width:900px){.change-plan .period-tabs{width:180px}}@media(max-width:600px){.change-plan .period-tabs{width:160px}}.change-plan .period-tabs .period-tab{padding:8px 24px;height:40px;font-size:14px;font-weight:500;color:#1b1a3a;background:transparent;border:none;border-radius:100px;cursor:pointer;transition:all .2s ease;flex:1;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.change-plan .period-tabs .period-tab{padding:8px 12px;font-size:13px;height:36px}}.change-plan .period-tabs .period-tab.active{background:#6052cc;color:#fff}.change-plan .period-tabs .period-tab:hover:not(.active){background:rgba(96,82,204,.1)}.change-plan .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.change-plan .plans-grid.two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.change-plan .plans-grid.two-cards .plan-card{min-width:320px}@media(max-width:900px){.change-plan .plans-grid{grid-template-columns:repeat(3,1fr);gap:20px}.change-plan .plans-grid.two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.change-plan .plans-grid.two-cards .plan-card{min-width:260px}}@media(max-width:600px){.change-plan .plans-grid{gap:16px}.change-plan .plans-grid,.change-plan .plans-grid.two-cards{grid-template-columns:1fr}.change-plan .plans-grid.two-cards .plan-card{min-width:auto}}.change-plan .plan-card{background:#fff;border:1px solid #dfe0e6;border-radius:12px;padding:24px;position:relative;display:flex;flex-direction:column;min-height:500px}@media(max-width:900px){.change-plan .plan-card{padding:20px;min-height:480px}}@media(max-width:600px){.change-plan .plan-card{min-height:auto;padding:16px}}.change-plan .plan-card.free-default{border:2px solid #22c55e;background:#f0fdf4}.change-plan .plan-card.current{background:#f0f2fd;border:2px solid #6052cc}.change-plan .plan-card.current .current-label{color:#6052cc;font-size:14px;font-weight:600;line-height:19px;margin-bottom:16px}@media(max-width:600px){.change-plan .plan-card.current .current-label{font-size:13px;margin-bottom:12px}}.change-plan .plan-card.free-default.current{background:#f0fdf4;border:2px solid #22c55e}.change-plan .plan-card.free-default.current .current-label{color:#16a34a}.change-plan .plan-card .plan-header{margin-bottom:16px}@media(max-width:600px){.change-plan .plan-card .plan-header{margin-bottom:12px}}.change-plan .plan-card .plan-header h3{font-size:20px;font-weight:600;color:#1b1a3a;margin:0 0 8px}@media(max-width:900px){.change-plan .plan-card .plan-header h3{font-size:18px}}@media(max-width:600px){.change-plan .plan-card .plan-header h3{font-size:18px;margin-bottom:6px}}.change-plan .plan-card .plan-header .description{font-size:14px;color:#3a3946;font-weight:400;margin:0;line-height:18px}@media(max-width:900px){.change-plan .plan-card .plan-header .description{font-size:13px;line-height:17px}}@media(max-width:600px){.change-plan .plan-card .plan-header .description{font-size:13px;line-height:16px}}.change-plan .plan-card .plan-price{margin-bottom:16px}@media(max-width:600px){.change-plan .plan-card .plan-price{margin-bottom:12px}}.change-plan .plan-card .plan-price h2{font-size:24px;font-weight:600;line-height:33px;color:#1b1a3a;margin:0 0 4px}@media(max-width:600px){.change-plan .plan-card .plan-price h2{font-size:22px;line-height:28px}}.change-plan .plan-card .plan-price .price-detail{font-size:12px;font-weight:500;color:#3a3946;margin:0}.change-plan .plan-card .currency-symbol{font-size:70%;vertical-align:top;position:relative;top:-1px;margin-right:3px;font-weight:500}.change-plan .plan-card .features-list{margin:20px 0!important}@media(max-width:900px){.change-plan .plan-card .features-list{margin:16px 0!important}}@media(max-width:600px){.change-plan .plan-card .features-list{margin:12px 0!important}}.change-plan .plan-card .features-list .includes-text{font-size:14px;font-weight:500;color:#3a3946;margin:0 0 16px}@media(max-width:600px){.change-plan .plan-card .features-list .includes-text{font-size:13px;margin-bottom:12px}}.change-plan .plan-card .features-list .feature-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;padding-left:8px}@media(max-width:600px){.change-plan .plan-card .features-list .feature-item{gap:8px;margin-bottom:10px}}.change-plan .plan-card .features-list .feature-item .icon{margin-top:4px;font-size:14px;flex-shrink:0}@media(max-width:600px){.change-plan .plan-card .features-list .feature-item .icon{font-size:12px}}.change-plan .plan-card .features-list .feature-item .icon.check{color:#12b76a}.change-plan .plan-card .features-list .feature-item .icon.times{color:#f04438}.change-plan .plan-card .features-list .feature-item span{font-size:14px;font-weight:400;color:#3a3946;line-height:18px}@media(max-width:900px){.change-plan .plan-card .features-list .feature-item span{font-size:13px;line-height:17px}}@media(max-width:600px){.change-plan .plan-card .features-list .feature-item span{font-size:13px;line-height:16px}}.change-plan .plan-card .view-toggle{background:none;border:none;color:#6052cc;font-size:14px;font-weight:600;line-height:18px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto}.change-plan .plan-card .view-toggle .toggle-icon{margin-left:4px;font-size:12px}.change-plan .plan-card .view-toggle:hover{background:transparent}.change-plan .plan-card .custom-button{width:100%}.change-plan .plan-card .custom-button:disabled{background:#f0f2f7;border-color:#dfe0e6;color:#6b7280;cursor:not-allowed;opacity:1}.change-plan .no-plans{grid-column:1/-1;text-align:center;padding:40px;border:1px dashed #dfe0e6;border-radius:12px}.change-plan .no-plans p{font-size:16px;color:#3a3946}.feature-category{margin-bottom:16px}@media(max-width:600px){.feature-category{margin-bottom:12px}}.feature-category .feature-category-title{font-size:14px;font-weight:600;color:#1b1a3a;margin:8px 0;padding-left:0}@media(max-width:600px){.feature-category .feature-category-title{font-size:13px;margin:6px 0}}.feature-category .feature-category-items{margin-left:4px}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loader-container .spinner{animation:spin 1s linear infinite;font-size:32px;color:#6052cc;margin-bottom:16px}.loader-container p{font-size:16px;color:#3a3946}.cancel-membership .header{display:flex;align-items:center;gap:4px;margin:0 0 8px}.cancel-membership .back-button{background:none;border:none;color:#1b1a3a;font-size:12px;font-weight:500;padding:6px;border-radius:5px;cursor:pointer}.cancel-membership .back-button:hover{background:#f2f4f7}.cancel-membership h2{font-size:20px;font-weight:500;line-height:26px;color:#1b1a3a}.cancel-membership .cancellation-content{background:#fff;border:1px solid #dfe0e6;border-radius:10px;padding:24px}.cancel-membership .cancellation-content .info-section{margin-bottom:24px}.cancel-membership .cancellation-content .info-section .member-badge{display:inline-block;background:#6052cc;color:#fff;font-weight:500;line-height:18px;font-size:14px;padding:6px 12px;border-radius:5px;margin-bottom:16px}.cancel-membership .cancellation-content .info-section .downgrade-info{font-size:16px;font-weight:400;color:#3a3946;margin:0;line-height:20px}.cancel-membership .cancellation-content .info-section .downgrade-info strong{font-weight:500}.cancel-membership .cancellation-content form .form-group{margin-bottom:24px}.cancel-membership .cancellation-content form .form-group label{display:block;font-size:16px;font-weight:500;color:#1b1a3a;margin-bottom:8px}.cancel-membership .cancellation-content form .form-group .reason-select{width:100%;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #dfe0e6;border-radius:8px;padding:12px;color:#3a3946;font-size:16px;appearance:none;-webkit-appearance:none;cursor:pointer}.cancel-membership .cancellation-content form .form-group .reason-select:focus{outline:none;border-color:#6052cc}.cancel-membership .cancellation-content form .form-group .reason-select::placeholder{color:#9fa2ab}.cancel-membership .cancellation-content form .form-group .feedback-textarea{width:100%;height:80px;background:#fff;border:1px solid #dfe0e6;border-radius:8px;font-size:16px;resize:none}.cancel-membership .cancellation-content form .form-group .feedback-textarea:focus{outline:none;border-color:#6052cc}.cancel-membership .cancellation-content form .form-group .feedback-textarea::placeholder{color:#9fa2ab}.cancel-membership .cancellation-content form .form-group .max-length{display:block;font-size:12px;font-weight:400;color:#6b7280;margin-top:-18px;padding-left:12px}.cancel-membership .cancellation-content form .custom-button{width:100%;max-width:180px;color:#fff;font-size:14px;font-weight:500;margin-top:45px}.cancel-membership .stick-around{margin-top:24px;background:#fff;border:1px solid #dfe0e6;border-radius:10px;padding:24px}.cancel-membership .stick-around h3{font-size:24px;font-weight:600;color:#1b1a3a;line-height:33px;margin:0 0 8px}.cancel-membership .stick-around p{font-size:16px;font-weight:400;line-height:20px;color:#3a3946;margin:0 0 16px}.cancel-membership .stick-around .custom-button{background:#6052cc;color:#fff}.cancel-membership .stick-around .custom-button:hover{background:#4a3fc1}.payment-method-container{max-width:800px;margin:0 auto;padding:0 16px}@media(max-width:600px){.payment-method-container{padding:0}}.payment-method-container .back-button{background:none;border:none;color:#1b1a3a;font-size:14px;font-weight:500;padding:8px;margin-bottom:16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;width:fit-content}.payment-method-container .back-button:hover{text-decoration:underline;background:#f2f4f7}.manage-payment{background:#fff;border:1px solid #dfe0e6;border-radius:10px;padding:20px}@media(max-width:600px){.manage-payment{padding:16px}}.manage-payment .header{margin-bottom:32px;display:flex;align-items:flex-start;gap:16px}@media(max-width:600px){.manage-payment .header{margin-bottom:24px;gap:12px}}.manage-payment .header .header-icon{display:flex;align-items:center;justify-content:center;padding:8px;background:#f0f2fd;border-radius:50%;width:50px;height:50px;flex-shrink:0}@media(max-width:600px){.manage-payment .header .header-icon{width:40px;height:40px;padding:6px}}.manage-payment .header .shield-icon{color:#6052cc}@media(max-width:600px){.manage-payment .header .shield-icon{width:30px;height:30px}}.manage-payment .header .header-text{flex:1}.manage-payment .header .header-text h2{font-size:24px;font-weight:600;line-height:33px;color:#1b1a3a;margin:6px 0}@media(max-width:600px){.manage-payment .header .header-text h2{font-size:20px;line-height:28px;margin:0 0 4px}}.manage-payment .header .header-text p{font-size:16px;font-weight:400;color:#3a3946;line-height:20px;margin:0 8px 0 0}@media(max-width:600px){.manage-payment .header .header-text p{font-size:14px;line-height:18px}}.manage-payment .payment-methods{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.manage-payment .payment-method-card{padding:20px;border:1px solid #dfe0e6;border-radius:10px;display:flex;align-items:center;justify-content:space-between}@media(max-width:600px){.manage-payment .payment-method-card{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}}.manage-payment .payment-method-card .card-info{display:flex;align-items:center;gap:12px}@media(max-width:600px){.manage-payment .payment-method-card .card-info{width:100%;justify-content:space-between}}.manage-payment .payment-method-card .card-info img{height:30px}@media(max-width:600px){.manage-payment .payment-method-card .card-info img{height:24px}}.manage-payment .payment-method-card .card-info span{color:#3a3946;font-size:16px;font-weight:500;line-height:20px}@media(max-width:600px){.manage-payment .payment-method-card .card-info span{font-size:14px}.manage-payment .payment-method-card .card-info .card-number{flex:1;text-align:right;margin-right:8px}}.manage-payment .payment-method-card .card-info .default-label{color:#9194e8;font-size:16px;font-weight:500;line-height:20px;margin-left:4px}@media(max-width:600px){.manage-payment .payment-method-card .card-info .default-label{font-size:14px;margin-left:0}}.manage-payment .payment-method-card .card-actions,.manage-payment .payment-method-card .card-actions .desktop-actions{display:flex;align-items:center;gap:12px}.manage-payment .payment-method-card .card-actions .mobile-actions{display:none}@media(max-width:600px){.manage-payment .payment-method-card .card-actions{width:100%}.manage-payment .payment-method-card .card-actions .desktop-actions{display:none}.manage-payment .payment-method-card .card-actions .mobile-actions{display:block;width:100%}.manage-payment .payment-method-card .card-actions.multiple-buttons .mobile-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.manage-payment .payment-method-card .card-actions.multiple-buttons .mobile-actions .button-row{display:flex;gap:8px}.manage-payment .payment-method-card .card-actions.multiple-buttons .mobile-actions .remove-link{margin-top:8px}.manage-payment .payment-method-card .card-actions.single-button .mobile-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px}.manage-payment .payment-method-card .card-actions button{min-width:110px}}.manage-payment .payment-method-card .card-actions .remove-link{background:none;border:none;color:#c6385a;font-size:14px;font-weight:600;cursor:pointer;padding:4px 6px}.manage-payment .payment-method-card .card-actions .remove-link:hover{color:#c6385a}.manage-payment .payment-method-card .remove-link{background:none;border:none;color:#c6385a;font-size:14px;font-weight:600;cursor:pointer;padding:4px 6px}.manage-payment .payment-method-card .remove-link:hover{color:#c6385a}.add-method-link{background:none;border:none;color:#6052cc;font-size:16px;font-weight:600;line-height:20px;display:flex;align-items:center;gap:8px;padding:0;cursor:pointer;margin-top:8px}@media(max-width:600px){.add-method-link{font-size:14px}}.add-method-link icon,.add-method-link:hover{font-weight:600}.modal-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-wrapper .modal{background:#fff;border-radius:12px;padding:24px;width:550px;text-align:center}@media(max-width:600px){.modal-wrapper .modal{width:90%;max-width:350px;padding:20px}}.modal-wrapper .modal .modal-icon{width:50px;height:50px;background:#fdf3f4;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-wrapper .modal .modal-icon svg{color:#f04438}.modal-wrapper .modal h3{font-size:18px;font-weight:500;line-height:23px;color:#3a3946;margin:0 0 8px}@media(max-width:600px){.modal-wrapper .modal h3{font-size:16px;line-height:20px}}.modal-wrapper .modal p{font-size:16px;font-weight:400;line-height:20px;color:#3a3946;margin:0 0 24px}@media(max-width:600px){.modal-wrapper .modal p{font-size:14px;line-height:18px}}.modal-wrapper .modal .modal-actions{display:flex;gap:12px;justify-content:center;margin-top:30px}@media(max-width:600px){.modal-wrapper .modal .modal-actions{flex-direction:column;gap:8px}}.payment-method-modal .modal-icon{width:50px;height:50px;border-radius:100%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.payment-method-modal .modal-icon.success{background:#edfcf2}.payment-method-modal .modal-icon.success svg{color:#12b76a}.payment-method-modal .modal-icon.error{background:#fdf3f4}.payment-method-modal .modal-icon.error svg{color:#f04438}.payment-method-modal h3{font-size:18px;font-weight:500;line-height:23px;color:#3a3946;margin:0 0 8px}@media(max-width:600px){.payment-method-modal h3{font-size:16px;line-height:20px}}.payment-method-modal p{font-size:16px;font-weight:400;line-height:20px;color:#3a3946;margin:0 0 24px}@media(max-width:600px){.payment-method-modal p{font-size:14px;line-height:18px}}.payment-history-container{max-width:900px;margin:0 auto;padding:0 16px}@media(max-width:900px){.payment-history-container{padding:0}}@media(max-width:600px){.payment-history-container{padding:0}}.payment-history-container .back-button{background:none;border:none;color:#1b1a3a;font-size:14px;font-weight:500;padding:8px;margin-bottom:16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;width:fit-content}.payment-history-container .back-button:hover{text-decoration:underline;background:#f2f4f7}.payment-history h2{font-size:20px;font-weight:500;color:#1b1a3a;margin:0 0 16px}@media(max-width:600px){.payment-history h2{font-size:18px;margin-bottom:12px}}.payment-history .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff;border-radius:12px;border:1px solid #dfe0e6;margin-bottom:24px}.payment-history .loading-state .loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(96,82,204,.2);border-top-color:#6052cc;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-history .loading-state p{color:#6b7280;font-size:16px;margin:0}.payment-history .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#fff;border-radius:12px;border:1px solid #dfe0e6;margin-bottom:24px;text-align:center}.payment-history .empty-state .empty-icon{color:#6052cc;margin-bottom:16px}.payment-history .empty-state h3{font-size:18px;font-weight:500;color:#1b1a3a;margin:0 0 8px}.payment-history .empty-state p{color:#6b7280;font-size:14px;margin:0;max-width:400px;line-height:1.5}.payment-history .monthly-payment-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #dfe0e6;margin-bottom:32px}@media(max-width:900px){.payment-history .monthly-payment-card{padding:20px;margin-bottom:24px}}@media(max-width:600px){.payment-history .monthly-payment-card{padding:16px;margin-bottom:20px}}.payment-history .monthly-payment-card .member-since{display:inline-block;background:#f0f2fd;color:#6052cc;font-size:14px;border:1px solid #cfd5f6;padding:6px 12px;border-radius:6px;margin-bottom:16px}@media(max-width:600px){.payment-history .monthly-payment-card .member-since{font-size:12px;padding:4px 10px;margin-bottom:12px}}.payment-history .monthly-payment-card .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}@media(max-width:600px){.payment-history .monthly-payment-card .plan-header{flex-direction:column;align-items:flex-start;gap:4px}}.payment-history .monthly-payment-card .plan-header h3{font-size:24px;font-weight:500;color:#1b1a3a;margin:0}@media(max-width:900px){.payment-history .monthly-payment-card .plan-header h3{font-size:22px}}@media(max-width:600px){.payment-history .monthly-payment-card .plan-header h3{font-size:20px}}.payment-history .monthly-payment-card .plan-header .price{font-size:20px;font-weight:400;color:#1b1a3a}@media(max-width:600px){.payment-history .monthly-payment-card .plan-header .price{font-size:18px}}.payment-history .monthly-payment-card .next-billing{color:#3a3946;font-size:16px;line-height:1.5;margin:0 0 12px}@media(max-width:600px){.payment-history .monthly-payment-card .next-billing{font-size:14px}}.payment-history .monthly-payment-card .next-billing strong{color:#1b1a3a;font-weight:500}.payment-history .monthly-payment-card .payment-method-info{display:flex;align-items:center;gap:8px;color:#3a3946;font-size:14px}.payment-history .monthly-payment-card .payment-method-info img{width:28px;height:18px;object-fit:contain}.payment-history .payment-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #dfe0e6}.payment-history .table-responsive{overflow-x:auto;width:100%}.payment-history .mobile-payment-list{display:flex;flex-direction:column;gap:12px;padding:16px}.payment-history .mobile-payment-list .payment-card{background:#fff;border:1px solid #dfe0e6;border-radius:8px;padding:16px}.payment-history .mobile-payment-list .payment-card .payment-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.payment-history .mobile-payment-list .payment-card .payment-card-header .payment-date{font-size:14px;color:#6b7280}.payment-history .mobile-payment-list .payment-card .payment-card-header .payment-amount{font-size:16px;font-weight:500;color:#1b1a3a}.payment-history .mobile-payment-list .payment-card .payment-card-content{display:flex;justify-content:space-between;align-items:center}.payment-history .mobile-payment-list .payment-card .payment-card-content .payment-method{display:flex;align-items:center;gap:8px}.payment-history .mobile-payment-list .payment-card .payment-card-content .payment-method img{width:28px;height:18px;object-fit:contain}.payment-history .mobile-payment-list .payment-card .payment-card-content .payment-method span{font-size:14px;color:#1b1a3a}.payment-history .mobile-payment-list .payment-card .payment-card-content .no-invoice,.payment-history .mobile-payment-list .payment-card .payment-card-content .view-button{display:flex;align-items:center;gap:6px;cursor:pointer;color:#6052cc;font-size:14px;font-weight:500;padding:6px 10px;border-radius:4px;background:none;border:none;text-decoration:none}.payment-history .mobile-payment-list .payment-card .payment-card-content .no-invoice:hover,.payment-history .mobile-payment-list .payment-card .payment-card-content .view-button:hover{background:rgba(96,82,204,.05)}.payment-history .mobile-payment-list .payment-card .payment-card-content .no-invoice{color:#6b7280;cursor:default}.payment-history .mobile-payment-list .payment-card .payment-card-content .no-invoice:hover{background:transparent}.payment-history .payment-table{width:100%;border-collapse:collapse;min-width:600px}.payment-history .payment-table th{background:#f7f7ff;color:#3a3946;font-weight:500;font-size:14px;text-align:left;padding:12px 24px}@media(max-width:600px){.payment-history .payment-table th{padding:10px 16px;font-size:13px}}.payment-history .payment-table td{padding:16px 24px;border-bottom:1px solid #dfe0e6;color:#1b1a3a;font-size:14px}@media(max-width:600px){.payment-history .payment-table td{padding:12px 16px;font-size:13px}}.payment-history .payment-table td:last-child{font-weight:500}.payment-history .payment-table tr:last-child td{border-bottom:none}.payment-history .payment-table .amount-cell,.payment-history .payment-table .date-cell{white-space:nowrap}.payment-history .payment-table .payment-method{display:flex;align-items:center;gap:8px}@media(max-width:600px){.payment-history .payment-table .payment-method{gap:6px}}.payment-history .payment-table .payment-method img{width:32px;height:20px;object-fit:contain}@media(max-width:600px){.payment-history .payment-table .payment-method img{width:28px;height:17px}.payment-history .payment-table .payment-method span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}}.payment-history .payment-table .no-invoice,.payment-history .payment-table .view-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0;font-size:14px;color:#6052cc;text-decoration:none}@media(max-width:600px){.payment-history .payment-table .no-invoice,.payment-history .payment-table .view-button{font-size:13px}}.payment-history .payment-table .no-invoice:hover,.payment-history .payment-table .view-button:hover{text-decoration:underline}.payment-history .payment-table .no-invoice{color:#6b7280;cursor:default}.payment-history .payment-table .no-invoice:hover{text-decoration:none}.payment-history .table-footer{padding:16px 24px;display:flex;align-items:center;gap:10px;justify-content:space-between;border-top:1px solid #dfe0e6;flex-wrap:wrap}@media(max-width:900px){.payment-history .table-footer{padding:12px 20px}}@media(max-width:600px){.payment-history .table-footer{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:16px}}.payment-history .table-footer .pagination-info{color:#6b7280;font-size:14px}@media(max-width:600px){.payment-history .table-footer .pagination-info{font-size:13px;order:1}}.payment-history .table-footer .pagination-controls{display:flex;align-items:center;gap:4px}@media(max-width:600px){.payment-history .table-footer .pagination-controls{order:2;align-self:center;margin-bottom:8px}}.payment-history .table-footer .pagination-controls .pagination-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #dfe0e6;border-radius:6px;background:#fff;color:#1b1a3a;cursor:pointer}.payment-history .table-footer .pagination-controls .pagination-arrow:disabled{color:#dfe0e6;cursor:not-allowed}.payment-history .table-footer .pagination-controls .pagination-arrow:not(:disabled):hover{background:#f9fafb}.payment-history .table-footer .pagination-controls .pagination-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#1b1a3a;cursor:pointer}.payment-history .table-footer .pagination-controls .pagination-number:hover{background:#f9fafb}.payment-history .table-footer .pagination-controls .pagination-number.active{border:1px solid #6052cc;color:#6052cc}.payment-history .table-footer .pagination-controls .pagination-dots{color:#6b7280;padding:0 4px}.payment-history .table-footer .pagination-options{display:flex;align-items:center;gap:16px}@media(max-width:600px){.payment-history .table-footer .pagination-options{order:3;align-self:flex-end;gap:12px}}.payment-history .table-footer .pagination-options select{padding:6px 12px;border:1px solid #dfe0e6;border-radius:6px;color:#1b1a3a;font-size:14px;background:#fff;cursor:pointer}@media(max-width:600px){.payment-history .table-footer .pagination-options select{font-size:13px;padding:4px 8px}}.payment-history .table-footer .pagination-options select:hover{background:#f9fafb}.payment-history .table-footer .pagination-options .goto-wrapper{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}@media(max-width:600px){.payment-history .table-footer .pagination-options .goto-wrapper{font-size:13px;gap:6px}}.payment-history .table-footer .pagination-options .goto-wrapper input{width:64px;padding:6px 12px;border:1px solid #dfe0e6;border-radius:6px;color:#1b1a3a;font-size:14px}@media(max-width:600px){.payment-history .table-footer .pagination-options .goto-wrapper input{width:50px;padding:4px 8px;font-size:13px}}.payment-history .table-footer .pagination-options .goto-wrapper input::-webkit-inner-spin-button,.payment-history .table-footer .pagination-options .goto-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payment-status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .3s ease}.payment-status-modal,.payment-status-modal-overlay{display:flex;align-items:center;justify-content:center}.payment-status-modal{background:#fff;border-radius:16px;padding:32px;width:90%;max-width:480px;text-align:center;position:relative;box-shadow:0 10px 25px rgba(0,0,0,.1);animation:slideUp .3s ease;flex-direction:column}@media(max-width:600px){.payment-status-modal{padding:24px}}.payment-status-modal .close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer}.payment-status-modal .close-button:hover{color:#1b1a3a}.payment-status-modal .status-icon{font-size:56px;margin-bottom:16px}.payment-status-modal .status-icon.success{color:#10b981}.payment-status-modal .status-icon.error{color:#ef4444}.payment-status-modal h2{font-size:24px;font-weight:600;color:#1b1a3a;margin:0 0 16px}.payment-status-modal p{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.payment-status-modal button{min-width:160px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.friends-tab .tab-header{margin-bottom:24px}.friends-tab .tab-header h2{font-size:20px;font-weight:600;color:#1b1a3a;margin:0}.friends-tab .tab-content{border-radius:12px;padding:24px}@media(max-width:900px){.friends-tab .tab-content{padding:20px 0}}@media(max-width:600px){.friends-tab .tab-content{padding:20px 0}}