@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);#planName,.option-num,.timer,h1,h2,h3{font-weight:700}.btn,.btn-logout,.btn-start{text-decoration:none}#copyBtn,#finish-btn,.dot,.option-item,.tab-btn{cursor:pointer}#paymentModal,.top-progress-line{left:0;z-index:1000;position:fixed}*,.admin-input,.admin-select,.card input,.form-control{box-sizing:border-box}:root{--primary-color:#3182ce;--primary-hover:#2b6cb0;--bg-color:#f7fafc;--text-main:#2d3748;--text-muted:#718096;--white:#ffffff;--shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--radius:12px}*{margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}footer{text-align:center;padding:20px;margin-top:50px;border-top:1px solid #ddd;background:#fff;color:#666}.container{max-width:1200px;margin:0 auto;padding:20px 0}h1,h2,h3{color:#1a202c;margin-bottom:1rem}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;transition:.2s;font-size:14px}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px rgba(49,130,206,.3)}input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:12px 16px;margin:8px 0;display:inline-block;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:15px;transition:border-color .2s}.dot.active,.option-item:hover,input:focus{border-color:var(--primary-color)}input:focus{outline:0;box-shadow:0 0 0 3px rgba(66,153,225,.15)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s ease-out fadeIn}.exam-top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin-bottom:15px}.timer{font-size:1.5rem;color:#e53e3e;background:#fff5f5;padding:5px 15px;border-radius:8px;border:1px solid #feb2b2}.progress-container{width:100%;height:8px;background:#edf2f7;border-radius:10px;overflow:hidden;margin-top:10px}.progress-bar{background:var(--primary-color);transition:.3s}.q-image{border-radius:15px;margin:0 auto 20px}.options-list{display:flex;flex-direction:column;display:flex;flex-direction:column;gap:12px;width:100%;margin-top:20px}.question-title h3{font-weight:600;padding:0 10px;font-size:1.2rem;line-height:1.5;color:var(--text-main)}.question-title{text-align:center;margin-bottom:25px}.option-text{flex:1;text-align:left;word-break:break-word;word-break:break-word}.option-item,.option-num{align-items:center;display:flex}#paymentModal .card,#result-box,.card,.card h2,.header-box,.hero-section,.nav-actions,.nav-timer-box,.result-card,.tg-login{text-align:center}.option-item{gap:15px;background:#f8fafc}.option-item:hover{background:#ebf8ff}.option-num{min-width:35px;height:35px;justify-content:center;background:#cbd5e0;color:#fff;border-radius:50%;flex-shrink:0}.option-item.correct .option-num{background:#48bb78}.option-item.wrong .option-num{background:#f56565}#paymentModal{display:none;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);align-items:center;justify-content:center}#paymentModal .card{max-width:400px;width:90%;padding:30px}#planName{color:#3182ce}#copyToast,.dot{font-weight:600}.cart_content{background:#f7fafc;padding:15px;border-radius:12px;margin:15px 0;border:1px dashed #cbd5e0}.close_model,.dot{background:#edf2f7}.card h2,.nav-dots{margin-bottom:20px}.cart_content .text_cart{margin:0;font-size:.9rem;color:#718096}#copyBtn{display:flex}#copyToast{display:none;font-size:.75rem;color:#48bb78;margin-top:5px}.cart_content .cart_name{margin:0;font-size:.8rem}.cart_txt{font-size:.85rem;color:#e53e3e}.close_model{width:100%;margin-top:10px}.pay_btn{width:100%}.nav-dots{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-height:200px;overflow-y:auto;padding:10px;border:1px solid #e2e8f0;border-radius:8px}.cardnum,.dot{align-items:center;display:flex}.dot{width:35px;height:35px;justify-content:center;border:2px solid #cbd5e0;border-radius:8px;transition:.2s}.dot.active{color:var(--primary-color);transform:scale(1.1)}.dot.answered-correct{background:#48bb78;border-color:#48bb78;color:#fff}.dot.answered-wrong{background:#f56565;border-color:#f56565;color:#fff}.option-item.correct,.option-item.wrong{pointer-events:none}.option-item.correct{border-color:#48bb78!important;background-color:#f0fff4!important;font-weight:600}.option-item.wrong{border-color:#f56565!important;background-color:#fff5f5!important;opacity:.8}.nav-actions{margin-top:20px;border-top:1px solid #eee;padding-top:15px}#finish-btn{padding:12px 30px;font-size:16px;font-weight:700;border:none;border-radius:8px;transition:.3s;box-shadow:0 4px 6px rgba(245,101,101,.2)}#finish-btn:hover{background:#c53030!important;transform:translateY(-2px);box-shadow:0 6px 12px rgba(245,101,101,.3)}.cardnum{justify-content:center;gap:10px;margin:10px 0}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.circular-progress{width:100px;height:100px;border-radius:50%;background:conic-gradient(#48bb78 0,#edf2f7 0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:background .3s}.card,.tab-btn{transition:.3s}.inner-circle{width:82px;height:82px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.err,.msg{padding:10px;border-radius:8px;margin-bottom:10px}.timer-text{font-size:1.1rem;font-weight:800;color:#2d3748}.mini-progress{font-size:.8rem;color:#718096;font-weight:700}.err,.msg{font-size:14px}.auth-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:50px}.auth-wrapper .card{padding:40px}.msg{background:#c6f6d5;color:#22543d}.err{background:#fed7d7;color:#822727}.auth-container{max-width:450px;margin:50px auto;background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);overflow:hidden}.grid,.tg-login{margin-top:20px}.topic-card,.welcome-card{box-shadow:0 4px 6px rgba(0,0,0,.1)}.auth-tabs{display:flex;background:#f7fafc;border-bottom:1px solid #edf2f7}.tab-btn{flex:1;padding:15px;border:none;background:0 0;font-weight:600;color:#718096}.tab-btn.active{color:#38a169;background:#fff;border-bottom:3px solid #38a169}.tab-content{display:none;padding:30px}.question-box.active,.tab-content.active{display:block}.card h2{color:#2d3748}.card input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #e2e8f0;border-radius:8px}.btn-primary{color:#fff}.tg-login{border-top:1px solid #eee;padding-top:15px}.welcome-card{background:#fff;padding:30px;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{border-bottom:5px solid #007bff}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.btn-logout{color:#ff4757;font-weight:700}.btn-start{background:#28a745;color:#fff;padding:10px 20px;border-radius:5px;display:inline-block;margin-top:10px}.status-alert,.update-badge{border-radius:50px;font-size:.9rem}.hero-section{margin-bottom:40px}.hero-section h1{font-size:2rem;color:#1e293b;margin-bottom:12px}.update-badge{background:#f1f5f9;color:#64748b;padding:8px 20px;font-weight:500}.status-alert{display:inline-flex;align-items:center;padding:10px 20px;margin-top:15px;border:1px solid transparent}.status-premium{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.status-trial{background:#eff6ff;color:#3b82f6;border-color:#bfdbfe}.status-expired{background:#fef2f2;color:#dc2626;border-color:#fecaca}.status-guest{background:#f8fafc;color:#64748b;border-color:#e2e8f0}.upgrade-link{margin-left:10px;font-weight:700;text-decoration:underline;color:inherit}.btn-back,.btn-sm,.btn-success,.btn_clear,.grid-card,.nav-icon-link,.nav-item,.nav-logo,.price-btn,.topic-card{text-decoration:none}.main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.grid-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:24px;display:flex;gap:20px;align-items:flex-start;transition:.3s cubic-bezier(.4, 0, .2, 1)}.grid-card:hover{border-color:#3b82f6;box-shadow:0 12px 20px -5px rgba(0,0,0,.05);transform:translateY(-4px)}.result-card{animation:.5s ease-out slideUp;padding:30px;border:2px solid #edf2f7;border-radius:15px;background:#fff;max-width:600px;margin:20px auto}.result-header{margin-bottom:20px;font-size:1.8rem}.stats-grid{display:flex;justify-content:space-around;margin-bottom:30px;background:#f7fafc;padding:20px;border-radius:10px}.stat-box span{display:block;font-size:24px;font-weight:700}.percentage-display{font-size:4rem;font-weight:800;color:#2d3748;margin-bottom:20px}.result-actions{display:flex;gap:10px;justify-content:center}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.topic-card{background:#fff;border-radius:12px;padding:20px;transition:.3s;color:#333;display:flex;flex-direction:column;border:1px solid #eee}.topic-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.15);border-color:#3498db}.topic-number{font-size:.9rem;color:#7f8c8d;margin-bottom:8px;font-weight:700}.topic-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;line-height:1.4;color:#2c3e50}.topic-info{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}#result-box,.mobile-only-text,.question-box{display:none}.q-badge{background:#e1f5fe;color:#0288d1;padding:4px 10px;border-radius:20px;font-weight:500}.go-test{color:#3498db;font-weight:700}.header-box{padding:50px 20px;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);margin-bottom:30px;border-radius:20px}.test-container{margin:40px auto;padding:20px;background:#fff;border-radius:15px;box-shadow:0 10px 25px rgba(0,0,0,.1)}.q-text{font-size:1.2rem;font-weight:600;margin-bottom:20px;line-height:1.5}.btn,.score{font-weight:700}.options-list{list-style:none;padding:0}.option-item{padding:15px;border:2px solid #eee;margin-bottom:10px;border-radius:10px;transition:.2s;font-size:1rem}.option-item:hover{background-color:#f8f9fa;border-color:#3498db}.option-item.selected{background-color:#e3f2fd;border-color:#2196f3}.test-footer{display:flex;justify-content:space-between;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.btn,.btn-activate{border:none;cursor:pointer}.btn{width:100%;padding:10px 25px;border-radius:5px}.btn-next{background:#27ae60;color:#fff}.btn-prev{background:#95a5a6;color:#fff}.btn.desktop-label{text-align:left;padding-left:5px;padding-right:5px}.score{font-size:3rem;color:#2ecc71}.progress-bar{width:100%;height:10px;background:#eee;border-radius:5px;margin-bottom:30px}.progress-fill{height:100%;background:#3498db;width:0%;border-radius:5px;transition:width .3s}.card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.blue{background:#eff6ff}.green{background:#f0fdf4}.purple{background:#faf5ff}.gray{background:#f8fafc}.sky{background:#e0f2fe;color:#0369a1}.orange{background:#fff7ed;color:#c2410c}.card-body h3{font-size:1.15rem;color:#1e293b;margin:0 0 8px}.card-body p{font-size:.95rem;color:#64748b;margin:0 0 16px;line-height:1.5}.card-link{font-size:.9rem;font-weight:600;color:#3b82f6}.grid-card.highlight{border-left:4px solid #3b82f6}.grid-card.locked{opacity:.8;background:#fcfdfe}.results-header{margin-bottom:30px;border-bottom:2px solid #edf2f7;padding-bottom:15px}.results-header h2{color:#2d3748;margin:0}.results-header p{color:#718096;margin:5px 0 0}.table-responsive{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);overflow:hidden}.styled-table{width:100%;border-collapse:collapse;font-size:.95rem}.styled-table thead tr{background-color:#f7fafc;color:#4a5568;text-align:left}.styled-table td,.styled-table th{padding:15px 20px;border-bottom:1px solid #edf2f7;text-align:center}.styled-table tbody tr:hover{background-color:#f8fafc}.progress-bar-bg{width:100%;height:8px;background:#edf2f7;border-radius:10px;margin-bottom:4px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .5s}.btn-back{color:#4a5568;font-weight:500;transition:.3s}.btn-back:hover,.nav-item:hover{color:#3182ce}@media (max-width:600px){.styled-table td:nth-child(3),.styled-table th:nth-child(3){display:none}}.navbar{background:#48bb78;padding:.5rem 1rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700}.nav-logo span{color:#005724}.seo-content-section{padding-top:60px;padding-bottom:30px}.admin-flex-container{display:flex;gap:30px;flex-wrap:wrap;font-family:Inter,'Segoe UI',sans-serif;padding:20px}.admin-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);min-width:320px}.activation-form-box{flex:1;height:fit-content}.user-list-box{flex:1.5}.admin-card h2,.admin-card h3{margin-top:0;color:#2d3748}.admin-card h2{border-bottom:2px solid #4299e1;padding-bottom:10px;display:inline-block}.form-group,.mb-20{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#4a5568}.admin-input,.admin-select{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;transition:.3s}.admin-input:focus{outline:0;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.15)}.btn-activate{width:100%;background:#4299e1;color:#fff;padding:15px;border-radius:8px;font-weight:700;font-size:16px;transition:.3s}.btn-activate:hover{background:#3182ce;transform:translateY(-1px)}.table,.user-table{width:100%;border-collapse:collapse}.user-table thead tr{text-align:left;border-bottom:2px solid #edf2f7;color:#718096;font-size:14px}.user-table td,.user-table th{padding:12px}.user-table tr{border-bottom:1px solid #f7fafc;transition:background .2s}.user-table tr:hover{background:#fdfdfd}.user-id{font-weight:700;color:#4299e1}.btn-select,.user-name{font-weight:600}.user-tel{font-size:12px;color:#a0aec0}.btn-select{background:#edf2f7;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;color:#4a5568;transition:.2s}.msg-error,.msg-success{padding:15px;margin-bottom:20px}.btn-select:hover{background:#e2e8f0;color:#2d3748}.msg-success{background:#f0fff4;color:#2f855a;border-radius:10px;border:1px solid #c6f6d5;font-weight:700}.msg-error{background:#fff5f5;color:#c53030;border-radius:10px;border:1px solid #feb2b2}.status-badge{text-transform:uppercase;padding:5px 10px;border-radius:15px;font-size:11px;font-weight:700;display:inline-block;white-space:nowrap}.status-pass{background:#c6f6d5;color:#22543d}.status-fail{background:#fed7d7;color:#822727}.lang-switcher{display:flex;gap:4px}.header-controls,.nav-links{display:flex;align-items:center;gap:15px}.nav-item{color:#e2e8f0;font-size:.95rem;font-weight:500;transition:.3s}.logout-link{color:#feb2b2;padding:5px 10px;border:1px solid #f56565;border-radius:5px}.logout-link:hover{background:#f56565;color:#fff}@media (max-width:768px){.fixed-status-widget{top:70px;right:10px}.circular-progress{width:80px;height:80px}.inner-circle{width:66px;height:66px}.timer-text{font-size:.9rem}.main-grid{grid-template-columns:1fr}.grid-card{padding:20px}.hero-section h1{font-size:1.5rem}.nav-container{flex-direction:row;gap:0;text-align:center}.nav-links{width:100%;justify-content:center;border-top:1px solid #2d3748;padding-top:10px}.lang-switcher{order:2}}.nav-timer-box{background:rgba(245,101,101,.15);padding:4px 10px;border-radius:6px;font-size:14px;border:1px solid rgba(245,101,101,.3);min-width:55px}.top-progress-line{top:52px;height:4px;background:#48bb78;transition:width .3s}@media (max-width:480px){.result-card{padding:15px;margin:10px}.result-header{font-size:1.4rem}.stats-grid{padding:10px;flex-wrap:wrap;gap:10px}.stat-box{flex:1 1 30%}.stat-box span{font-size:18px}.percentage-display{font-size:2.5rem}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.nav-timer-box{font-size:12px;padding:2px 6px;min-width:45px}.nav-actions-wrapper{gap:6px}}.fixed-status-widget{position:fixed;top:100px;right:30px;z-index:999;display:block}.mobile-stats-header{display:none;align-items:center;gap:8px}@media (max-width:768px){.container{padding:0}.card{padding:3px}.fixed-status-widget{display:none!important}.mobile-stats-header{display:flex}.nav-timer-box{background:#007832;color:#fff;padding:2px 8px;border-radius:4px;font-weight:800;font-size:13px}.nav-q-idx{color:#a0aec0;font-size:12px;font-weight:600;background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px}}.exam-wrapper{margin:20px auto;padding:0 15px 50px;position:relative}@media (min-width:1100px){.fixed-status-widget{position:fixed;top:100px;left:calc(50% + 520px);right:auto;display:block}}@media (max-width:1099px) and (min-width:769px){.fixed-status-widget{position:relative;top:0;right:0;float:right;margin-bottom:20px;z-index:10}}.nav-right-side{display:flex;align-items:center;gap:20px}.header-stats{display:flex;align-items:center;gap:10px;background:rgba(72,187,120,.1);padding:5px 12px;border-radius:50px;border:1px solid rgba(72,187,120,.3)}.nav-timer-box{color:#48bb78;font-weight:800;font-family:'Courier New',monospace}.nav-q-idx{color:#a0aec0;font-size:.85rem;border-left:1px solid #4a5568;padding-left:10px}.badge,.lang-btn{font-size:.75rem;font-weight:700}.nav-icon-link{color:#fff;transition:.3s;display:flex;align-items:center}.nav-icon-link:hover{color:#ceffe3}.lang-switcher{display:flex;background:#007832;padding:3px;border-radius:8px}.lang-btn{padding:4px 10px;border:none;border-radius:6px;cursor:pointer;color:#fff;background:0 0;transition:.3s}.lang-btn.active{background:#48bb78;color:#fff}.price-header{text-align:center;margin-bottom:50px}.price-header h1{font-size:2.2rem;color:#1e293b;margin-bottom:15px}.price-header p{color:#64748b;font-size:1.1rem;max-width:600px;margin:0 auto}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;align-items:center}.price-card{background:#fff;padding:40px 30px;border-radius:24px;border:1px solid #e2e8f0;text-align:center;position:relative;transition:.3s}.addSavol label,.features{text-align:left}.price-card.featured{border:2px solid #3b82f6;box-shadow:0 20px 25px -5px rgba(59,130,246,.1);transform:scale(1.05)}.badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#3b82f6;color:#fff;padding:5px 15px;border-radius:50px}.card-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:20px}.price-value{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:30px}.price-value span{font-size:.9rem;color:#64748b;font-weight:400}.features{list-style:none;padding:0;margin-bottom:35px}.features li{margin-bottom:12px;font-size:.95rem;color:#475569;display:flex;align-items:center}.features li.disabled{color:#cbd5e1}.features i{margin-right:10px;font-style:normal}.features .check{color:#10b981;font-weight:700}.features .x{color:#ef4444;font-weight:700}.price-btn{display:block;padding:15px;border-radius:12px;font-weight:700;transition:.2s}.price-btn.primary{background:#3b82f6;color:#fff;border:none;cursor:pointer;width:100%}.price-btn.primary:hover{background:#2563eb}.price-btn.secondary{background:#f1f5f9;color:#475569}.price-btn.secondary:hover{background:#e2e8f0}@media (max-width:768px){.fixed-status-widget{display:none!important}.navbar{height:auto;padding:10px}#question-content h3{margin-top:10px;padding-right:0}.mobile-only-text{display:block;text-align:right;font-size:.8rem;color:#718096;margin-bottom:10px}.price-card.featured{transform:scale(1)}.price-grid{gap:20px}}@media (max-width:480px){.nav-logo{font-size:1.1rem}.nav-right-side{gap:10px}.header-stats{padding:4px 8px}.nav-q-idx{display:none}}.widthauto{max-width:auto;width:auto}.mt-20{margin-top:20px}.mt-15{margin-top:15px}.mt-10{margin-top:10px}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px}.variant-row{display:flex;gap:10px;align-items:center}.variant-row input[type=radio]{width:22px;height:22px;cursor:pointer}.btn-remove{background:#e53e3e;color:#fff;border:none;padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:700}.alert{padding:15px;border-radius:8px;margin-bottom:20px}.alert-success{background:#c6f6d5;color:#22543d;border:1px solid #9ae6b4}.alert-danger{background:#fed7d7;color:#822727;border:1px solid #feb2b2}.mt-30{margin-top:30px}.btn-search,.btn_clear{width:auto;height:40px;margin-top:7px}.card{box-shadow:0 4px 10px rgba(0,0,0,.1);background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.table td,.table th{padding:12px;border-bottom:1px solid #eee;text-align:left}.btn-sm{padding:5px 10px;font-size:12px;margin-right:5px;cursor:pointer;border:none;border-radius:4px;color:#fff}.btn-info{background:#17a2b8}.btn-primary{background:#007bff}.btn-danger{background:#dc3545}.btn-success{background:#28a745;padding:10px 20px;color:#fff;border-radius:5px}.absolutenone{position:static}.btn_clear{display:flex;align-items:center;color:#fff}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.modal-content{background:#fff;margin:5% auto;padding:25px;width:60%;border-radius:10px;position:relative;max-height:80vh;overflow-y:auto}.close{position:absolute;right:20px;top:10px;font-size:28px;cursor:pointer}.pagination{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.btn-active{background:#333!important;color:#fff}