.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(233,231,242,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{min-height:304px;background:white;border-radius:16px;width:100%;max-width:680px;max-height:80vh;overflow-y:auto;box-shadow:0 1px 3px rgba(186,186,186,.1),0 5px 5px rgba(186,186,186,.09),0 11px 6px rgba(186,186,186,.05),0 19px 8px rgba(186,186,186,.01),0 30px 8px rgba(186,186,186,0);margin:0 20px}.modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin:0 25px;padding:33px 0 18px;border-bottom:1px solid #e2e8f0}.modal .modal-header h2{font-size:24px;font-weight:400;color:var(--secondary);width:100%;max-width:520px}.modal .close-btn{background:none;border:none;cursor:pointer;color:var(--secondary);font-size:20px;transition:background-color .2s}.modal .close-btn:hover{background:#f7fafc}.modal .modal-content{padding:24px;display:flex;flex-direction:column;gap:20px}.modal .plan{display:flex;justify-content:space-between;padding-bottom:20px}.modal .plan:not(:last-child){border-bottom:1px solid #e2e8f0}.modal .plan .plan-dis .heading{display:flex;align-items:center;gap:8px;margin-bottom:5px}.modal .plan .plan-dis .heading span{font-size:20px;font-weight:400;color:var(--secondary)}.modal .plan .plan-dis p{font-size:14px;font-weight:400;color:var(--gray-400);max-width:380px}.modal .plan .subscription-btn{display:flex;flex-direction:column;gap:10px}.modal .plan .cancel-btn,.modal .plan .downgrade-btn{background:transparent;border-radius:12px;height:40px;padding:12px 16px;font-size:14px}.modal .plan .downgrade-btn{border:1px solid var(--secondary);color:var(--secondary)}.modal .plan .cancel-btn{border:1px solid #ffcaa5;color:#e42c00}.modal .plan-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.modal .plan-header svg{color:#667eea}.modal .plan-header h3{font-size:16px;font-weight:600;color:#2d3748}.modal .plan p{font-size:14px;color:#718096;line-height:1.5;margin-bottom:16px}.modal .plan-actions{display:flex;align-items:center;justify-content:space-between}.modal .current-plan{background:linear-gradient(135deg,rgba(25,13,76,1),rgba(118,74,248,1));color:white;padding:4px 12px;border-radius:16px;font-size:14px;font-weight:400}.modal .plan-btn{padding:8px 16px;border-radius:8px;border:1px solid;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.modal .plan-btn.secondary{background:white;border-color:#e2e8f0;color:#4a5568}.modal .plan-btn.secondary:hover{background:#f7fafc}.modal .plan-btn.tertiary{background:none;border-color:transparent;color:#e53e3e}.modal .plan-btn.tertiary:hover{background:#fed7d7}.modal .modal-form{display:flex;flex-direction:column;gap:1rem}.modal .modal-form label{font-size:.9rem;color:#333;margin-bottom:.3rem;font-weight:500}.modal .modal-form input,.modal .modal-form select{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:10px;font-size:.95rem;transition:all .2s ease}.modal .modal-form input:focus,.modal .modal-form select:focus{border-color:var(--primary,#4f46e5);outline:none;box-shadow:0 0 0 3px rgba(79,70,229,.2)}.modal .modal-form button{background:var(--primary,#4f46e5);color:#fff;padding:.9rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .25s}.modal .modal-form button:hover{background:var(--primary-dark,#4338ca)}.modal .modal-footer{margin-top:1.5rem;font-size:.9rem;text-align:center;color:#555}.modal .modal-footer a{color:var(--primary,#4f46e5);font-weight:500;text-decoration:none}.modal .modal-footer a:hover{text-decoration:underline}.modal .search-input{flex:1 1;border:none;border-radius:6px;background:transparent;outline:none;font-size:16px;color:var(--gray-400)}.modal .chat-list{max-height:400px;overflow-y:auto;padding:10px 25px;gap:0}.modal .chat-list .skeleton-search{display:flex;align-items:center;gap:5px}.modal .chat-section{margin-bottom:4px}.modal .chat-section .no-found-section{display:flex;align-items:center;gap:8px;color:var(--gray-400)}.modal .chat-section h4{font-size:14px;color:var(--secondary);margin:8px 0;font-weight:400;padding:4px 6px}.modal .chat-group .chat-item{display:flex;align-items:center;justify-content:normal;gap:5px;cursor:pointer;color:var(--gray-400);border-radius:6px;padding:4px 6px;font-size:16px;transition:background .2s;margin-bottom:2px;text-decoration:none}.modal .chat-group .chat-item:hover{background:#f5f5f5}.modal .chat-list .new-chat{display:flex;align-items:center;gap:4px;color:var(--gray-400);font-size:14px;margin-bottom:4px;cursor:pointer;padding:4px 6px;border-radius:6px}.modal .chat-list .new-chat:hover{background:#f5f5f5}.modal .chat-list .new-chat span{color:var(--gray-400);font-size:14px}#AikeywordModal .keyword-table{width:100%;border-collapse:collapse;font-size:14px}#AikeywordModal .keyword-table td,#AikeywordModal .keyword-table th{padding:10px;text-align:left}#AikeywordModal .keyword-table thead{background:#f8f6ff;position:-webkit-sticky;position:sticky;top:0}#AikeywordModal .keyword-table tbody tr:nth-child(2n){background:#fafafa}#AikeywordModal .badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}#AikeywordModal .badge.medium{background:#fff4e5;color:#d9822b}#AikeywordModal .badge.very-easy{background:#e6f9f0;color:#1c9d57}#AikeywordModal .modal-description{font-size:14px;color:var(--gray-400);margin-bottom:16px}#AikeywordModal .modal-footer-btns{display:flex;justify-content:space-between;gap:10px;margin-top:20px}#AikeywordModal .btn-outline{background:transparent;border:1px solid var(--secondary);color:var(--secondary)}#AikeywordModal .table-wrapper{max-height:400px;overflow:hidden;overflow-x:auto;overflow-y:auto;opacity:1;transform:none}#AikeywordModal .table-wrapper:hover{overflow:auto}#AikeywordModal .table-wrapper::-webkit-scrollbar{width:6px;height:6px}#AikeywordModal .table-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:10px}#AikeywordModal .table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:775px){.modal .modal-content{padding:12px}.modal .modal-header{margin:0 12px}}@media (max-width:415px){.modal{max-width:350px!important}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(
    --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%)
  );transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}#sub .subscription-modal{background:linear-gradient(135deg,#ffffff,#f9fafb);border-radius:18px;width:100%;max-width:710px;padding:24px;box-shadow:0 15px 35px rgba(0,0,0,.15);animation:slideUp .35s ease;margin:0 30px}#sub .modal-topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:10px;margin-bottom:18px}#sub .modal-topbar h2{font-size:20px;font-weight:600;color:#111827}#sub .close-btn{background:transparent;border:none;font-size:20px;color:#6b7280;cursor:pointer;transition:.2s}#sub .close-btn:hover{color:#111}#sub .subscription-card{display:grid;grid-template-columns:48% 48%;justify-content:space-between;align-items:center;background:#fff;border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:.3s ease}#sub .subscription-card.active{border:1.5px solid #dbd0ff;box-shadow:0 3px 5px rgba(37,99,235,.15);background:linear-gradient(135deg,rgba(237,228,255,.35),rgba(219,208,255,.93))}#sub .subscription-card .subcription-content{position:relative;background:linear-gradient(135deg,rgba(69,30,147,.24),rgba(219,208,255,0));border-radius:14px;padding:18px;height:276px}#sub .subscription-header{display:flex;align-items:center;gap:6px}#sub .subscription-header h3{font-size:16px;font-weight:600;color:var(--secondary)}#sub .plan-desc{color:#6b7280;font-size:16px;margin:8px 0 14px}#sub .plan-details{display:grid;grid-gap:8px;gap:8px;font-size:14px;color:var(--secondary);margin-bottom:18px}#sub .plan-details span{color:#6b7280;margin-right:4px;font-size:16px}#sub .plan-details span.non-renewing{color:#cfa20d;background-color:var(--secondary);border-radius:12px;padding:2px 8px;font-size:12px}#sub .subscription-actions{display:flex;align-items:center}#sub .badge{background:linear-gradient(135deg,rgba(25,13,76,1),rgba(118,74,248,1));padding:4px 12px;border-radius:16px}#sub .badge,#sub .cancel-btn{cursor:pointer;color:white;font-size:14px;font-weight:400}#sub .cancel-btn{background:#d85252;padding:6px 12px;border:none;width:100%;height:30px}#sub .cancel-btn:hover{background:#e98585}#sub .subscribe-btn{height:30px;font-size:14px}#sub .change-card-btn{height:28px}#sub .payment-card{background:linear-gradient(135deg,rgba(69,30,147,.24),rgba(219,208,255,0));border-radius:14px;padding:18px;height:276px}#sub .payment-card h4{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--secondary)}#sub .payment-grid{grid-template-columns:1fr;grid-gap:8px;gap:8px;font-size:14px;color:var(--secondary)}#sub .payment-grid .payment-detail{display:flex;flex-direction:column}#sub .payment-grid span{color:#6b7280}#sub .payment-method-btn-action{display:flex;align-items:center;gap:8px}#sub .empty-text,#sub .loading-text{text-align:center;color:#6b7280;font-size:15px}#sub .text-green{color:#059669}#sub .text-red{color:#dc2626}#sub .other-plans-section{border-top:1px solid #e5e7eb;padding-top:18px;margin-top:22px}#sub .other-plans-title{font-size:17px;font-weight:600;margin-bottom:14px;color:var(--secondary)}#sub .other-plans-list{display:grid;grid-template-columns:30% 30% 30%;justify-content:space-between}#sub .other-plans-list .subscription-card{display:flex;flex-direction:column;background:#f9fafb;border:1px solid #e5e7eb;box-shadow:none;transition:.25s ease}#sub .other-plans-list .subscription-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(118,74,248,.1)}#sub .plans-tab-container{margin-top:25px;animation:fadeIn .3s ease-in-out}#sub .plans-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:16px}#sub .tab-btn{padding:8px 18px;border-radius:20px;border:1.5px solid #dbd0ff;background:#f9f9ff;color:#6b5bd1;font-weight:500;cursor:pointer;transition:.25s ease}#sub .tab-btn.active{background:linear-gradient(135deg,#7b61ff,#624bff);color:white;border-color:#7b61ff;box-shadow:0 3px 8px rgba(123,97,255,.3)}#sub .tab-btn:hover{transform:translateY(-2px)}.fade-in{animation:fadeIn .3s ease-in-out}#Confirmation .confirmation-modal{max-width:460px;min-height:auto;text-align:center}#Confirmation .confirmation-actions{display:flex;justify-content:center;gap:12px}#Confirmation .btn-danger{background-color:#f22424;color:white}#Confirmation .btn-danger:hover{background-color:#cc5252}#Confirmation .warn-title{color:var(--secondary);font-size:26px;font-weight:500}#Confirmation .confirmation-warning{color:#6b7280;font-size:16px}#sub .card-type-badge{background:#f0f0f0;padding:2px 8px;border-radius:4px;font-size:.8em;text-transform:uppercase}#sub .card-preview{margin-top:15px;padding:20px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;min-height:160px;max-width:400px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(135deg,#6c757d,#495057);color:#ffffff}#sub .card-preview .expire-chip{background:#ff101096;height:32px;font-size:14px;display:flex;justify-content:center;align-items:center;padding:0 6px;border-radius:4px}#sub .card-header{display:flex;align-items:center;justify-content:space-between}#sub .card-header .cardicon{width:45px;height:32px;border-radius:4px}#sub .card-chip-container{display:flex;justify-content:flex-start}#sub .card-chip{width:45px;height:32px;background:linear-gradient(135deg,#d4af37,#b8941f,#9a7b17);border-radius:5px;position:relative;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 0 8px rgba(255,215,0,.4),0 2px 4px rgba(0,0,0,.2);overflow:hidden}#sub .chip-line{position:absolute;background:rgba(0,0,0,.4);border-radius:1px}#sub .chip-line:first-child{top:8px;left:5px;right:5px;height:2px}#sub .chip-line:nth-child(2){top:15px;left:8px;right:8px;height:1px}#sub .chip-line:nth-child(3){top:20px;left:10px;width:2px;height:8px}#sub .chip-line:nth-child(4){top:22px;right:10px;width:1px;height:6px}#sub .card-number{font-family:Courier New,monospace;font-weight:600;font-size:14px;letter-spacing:2px;margin:10px 0;text-shadow:0 1px 2px rgba(0,0,0,.2)}#sub .card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}#sub .card-holder{font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600}#sub .card-type{font-size:.8em;font-weight:700;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.2)}#sub .payment-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:15px}#sub .payment-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}#sub .payment-detail span{color:#666;font-size:.9em}#sub .payment-detail strong{font-size:.95em}@media (max-width:655px){#sub .subscription-modal{max-height:75vh;overflow-y:auto}#sub .subscription-actions{flex-direction:column;align-items:start}#sub .cancel-btn{margin-left:0!important;margin-top:8px}#sub .subscription-card{grid-template-columns:100%;gap:20px}#sub .card-preview{min-height:22px}#sub .other-plans-list{grid-template-columns:49% 49%;gap:12px}}@media (max-width:450px){#sub .other-plans-list .subscription-card .subscription-content{width:100%}#sub .other-plans-list{grid-template-columns:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}#paymentBillingModal .payment-billing-modal{max-width:1100px;width:100%;display:flex;flex-direction:column}#paymentBillingModal .payment-billing-content{display:flex;flex-direction:row}#paymentBillingModal .payment-billing-content .form-group-row{display:flex;justify-content:space-between;gap:14px}#paymentBillingModal .payment-billing-content .form-group{width:100%;margin-bottom:0}#paymentBillingModal .modal .modal-form label{color:#525281}#paymentBillingModal .modal .modal-form input{outline:none}#paymentBillingModal .billing-form-section{flex:1.5 1;min-width:340px}#paymentBillingModal .payment-summary-section{flex:1 1;min-width:300px}#paymentBillingModal .summary-card{background:#faf9ff;border:1px solid #e5e4fa;border-radius:16px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.03)}#paymentBillingModal .summary-card h3{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--secondary)}#paymentBillingModal .summary-item,#paymentBillingModal .summary-total{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:15px;font-weight:400;border-bottom:1px solid #e2e8f0;padding-bottom:46px;color:#525281}#paymentBillingModal .plan-item{flex-direction:column;align-items:start}#paymentBillingModal .plan-item .plan-selected-date{color:#b0b0ce;font-size:14px}#paymentBillingModal .plan-item .plan-summany-item{width:100%;display:flex;justify-content:space-between}#paymentBillingModal .terms-section{margin-top:20px;font-size:13px;color:#555}#paymentBillingModal .terms-section a{color:#5b46e6;text-decoration:none}#paymentBillingModal .terms-section a:hover{text-decoration:underline}#paymentBillingModal .subscribe-btn{width:100%;margin-top:16px;font-weight:400;font-size:18px}#paymentBillingModal .modal .modal-form button:hover{background-color:var(--secondary)}#paymentBillingModal .auto-renew-note{text-align:center;font-size:12px;color:#777;margin-top:10px}.react-tel-input .form-control{width:100%!important;height:42px!important;font-size:14px}.css-13cymwt-control{min-height:42px;font-size:14px}.css-t3ipsp-control{border-color:#007bff!important;box-shadow:0 0 0 1px #007bff!important}.css-1nmdiq5-menu{height:120px;overflow:scroll}@media (max-width:768px){#paymentBillingModal .payment-billing-content{flex-direction:column;gap:24px}#paymentBillingModal .payment-billing-content .form-group-row{flex-direction:column}}@media (max-width:415px){#paymentBillingModal .billing-form-section{flex:1.5 1;min-width:100%}}