@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css");:root{--background:#ffffff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9}*,body{margin:0;padding:0}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.sidebar{background:linear-gradient(180deg,#f6faff,#eff2f6);color:#000000;min-height:100vh;position:fixed;top:0;left:0;width:15%;z-index:1000;border-right:1px solid #ddd}.sidebar-title{font-size:1.2rem;font-weight:700;text-align:center;padding:1.2rem;background-color:#f8f9fa;border:1px solid #e9ecef}.option-button{background-color:white;border:2px solid #e9ecef;border-radius:12px;padding:1.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1.2rem;text-align:left;min-height:90px}.option-button:hover:not(.locked){border-color:#007bff;background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.15)}.option-button.selected{border-color:#007bff;background-color:#e3f2fd;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.option-button.locked{opacity:.6;cursor:not-allowed}.option-letter{background-color:#6c757d;color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.option-button.selected .option-letter{background-color:#007bff}.option-text{font-size:1.2rem;color:#495057;flex:1 1;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.timeout-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:1.5rem;text-align:center;color:#856404;display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:2rem;font-size:1.1rem;font-weight:500}.timeout-message i{color:#fd7e14;font-size:1.3rem}.test-results{max-width:70%;margin:0 auto;text-align:center}.score-circle{display:inline-block;width:150px;height:150px;border-radius:50%;background:linear-gradient(45deg,#28a745,#20c997);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 8px 24px rgba(40,167,69,.3)}.score-value{font-size:3rem;font-weight:700;color:white;line-height:1}.score-label{font-size:1rem;color:rgba(255,255,255,.9);margin-top:.5rem}.results-details{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:2rem}.result-item{background-color:white;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid #e9ecef}.result-item i{font-size:2rem;margin-bottom:.5rem}.result-item.correct i{color:#28a745}.result-item.wrong i{color:#dc3545}.result-item.points i{color:#ffc107}.result-item span{font-weight:600;color:#495057}.performance-message{background-color:white;border-radius:12px;padding:2rem;margin-top:2rem;border:1px solid #e9ecef}.performance-message>div{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.2rem;font-weight:600}.excellent{color:#28a745}.good{color:#20c997}.average{color:#ffc107}.needs-work{color:#fd7e14}.performance-message i{font-size:2rem}.test-actions-left{display:flex;align-items:center}.test-score{background-color:white;border:1px solid #dee2e6;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;color:#495057;margin:0 auto}@media (max-width:768px){.test-modal-content{width:99vw;height:98vh}.test-modal-header{padding:1.2rem}.test-modal-title{font-size:1.5rem}.test-modal-body{padding:2rem 1rem}.options-container{grid-template-columns:1fr;gap:1rem;padding:0}.option-button{padding:1.5rem;min-height:70px;gap:1rem}.option-letter{width:32px;height:32px;font-size:1rem}.option-text{font-size:1rem}.test-actions-left{order:-1}.test-score{order:-2;margin:0;text-align:center}.test-progress{flex-direction:column;gap:.5rem;align-items:flex-start}.test-progress span{min-width:auto}.progress-bar{width:100%}.test-stats{gap:1rem}.results-details,.test-stats{grid-template-columns:1fr}.score-circle{width:120px;height:120px}.score-value{font-size:2.5rem}.test-info-card,.test-rules{padding:1.5rem}.performance-message>div{font-size:1rem;flex-direction:column;text-align:center}}@media (max-width:480px){.test-active-header{padding:1rem!important}.test-timer{font-size:1rem}.option-button{padding:1.2rem;min-height:60px}.option-letter{width:28px;height:28px;font-size:.9rem}.option-text{font-size:.95rem}.results-summary{padding:2rem 1rem}.score-circle{width:100px;height:100px}.score-value{font-size:2rem}.timeout-message{padding:1rem;font-size:1rem;margin-top:1.5rem}}.sidebar-description{text-align:center;padding:.5rem;font-style:italic;font-size:.9rem;color:#333;border-bottom:1px solid #e9ecef}.sidebar-menu{padding:0}.sidebar-menu-holder{height:80vh}.menu-item{display:block;padding:.8rem 1rem;border-bottom:1px solid #ddd;font-size:.9rem;cursor:pointer}.menu-item,.menu-item:hover{color:#333;text-decoration:none}.menu-item:hover{background-color:#f2f4ff}.menu-item.active{background-color:#e7e9ff}.main-content{margin-left:15%;min-height:100vh;display:flex;flex-direction:column}.sticky-header{position:-webkit-sticky;position:sticky;top:0;z-index:999;background:linear-gradient(180deg,rgba(248,250,255,.98) 0,rgba(240,248,255,.95));border-bottom:1px solid rgba(200,220,240,.6);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;position:relative}.sticky-header:before{height:40px;background:rgba(200,220,240,.15);-webkit-clip-path:polygon(0 100%,15% 40%,25% 45%,35% 35%,45% 50%,55% 30%,70% 45%,85% 25%,100% 35%,100% 100%);clip-path:polygon(0 100%,15% 40%,25% 45%,35% 35%,45% 50%,55% 30%,70% 45%,85% 25%,100% 35%,100% 100%)}.sticky-header:after,.sticky-header:before{content:"";position:absolute;bottom:0;left:0;right:0;pointer-events:none}.sticky-header:after{height:25px;background:rgba(180,210,240,.12);-webkit-clip-path:polygon(0 100%,10% 60%,20% 50%,35% 65%,50% 45%,65% 60%,80% 40%,95% 55%,100% 100%);clip-path:polygon(0 100%,10% 60%,20% 50%,35% 65%,50% 45%,65% 60%,80% 40%,95% 55%,100% 100%)}.sticky-header.sakura-mist{position:-webkit-sticky;position:sticky;top:0;z-index:999;background:radial-gradient(circle 2px at 15% 30%,rgba(255,210,220,.7),transparent 100%),radial-gradient(circle 1.5px at 85% 25%,rgba(255,220,230,.6),transparent 100%),radial-gradient(circle 2.5px at 60% 40%,rgba(255,210,220,.5),transparent 100%),radial-gradient(circle 1px at 30% 20%,rgba(255,220,230,.7),transparent 100%),linear-gradient(180deg,rgba(235,242,250,.98) 0,rgba(248,248,250,.95));border-bottom:1px solid rgba(255,220,230,.5);box-shadow:0 2px 12px rgba(220,200,210,.2);overflow:hidden;position:relative}.sticky-header.sakura-mist:before{height:40px;background:rgba(200,215,230,.2);-webkit-clip-path:polygon(0 100%,15% 40%,25% 45%,35% 35%,45% 50%,55% 30%,70% 45%,85% 25%,100% 35%,100% 100%);clip-path:polygon(0 100%,15% 40%,25% 45%,35% 35%,45% 50%,55% 30%,70% 45%,85% 25%,100% 35%,100% 100%)}.sticky-header.sakura-mist:after,.sticky-header.sakura-mist:before{content:"";position:absolute;bottom:0;left:0;right:0;pointer-events:none}.sticky-header.sakura-mist:after{height:25px;background:rgba(215,225,235,.18);-webkit-clip-path:polygon(0 100%,10% 60%,20% 50%,35% 65%,50% 45%,65% 60%,80% 40%,95% 55%,100% 100%);clip-path:polygon(0 100%,10% 60%,20% 50%,35% 65%,50% 45%,65% 60%,80% 40%,95% 55%,100% 100%)}.content-header{background-color:"#f8f9fabc";padding:1.5rem;border-bottom:1px solid #ddd}.content-header h1{font-size:1.8rem;color:#333;margin:0}.content-body{padding:1rem;flex:1 1;overflow-y:auto;max-height:calc(100vh - 200px)}.section{margin-bottom:2rem;background-color:white;border-radius:4px;border:1px solid #fbd5d5}.section-header{background-color:#fff;background-image:linear-gradient(70deg,rgb(255,231,231),rgb(255,242,242) 20%);color:#333;padding:1rem;font-size:1.1rem;font-weight:700;border-bottom:1px solid#fbd5d5;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px}.section-content{padding:1rem}.subsection{margin-bottom:1.5rem}.subsection-header{background-color:#fafafa;color:#555;padding:.8rem;font-size:1rem;font-weight:700;border-bottom:1px solid #eee;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));grid-gap:8px;gap:8px}.section[data-section=word] .item-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.item-button{background-color:#fff;background-image:linear-gradient(90deg,rgb(243,255,236),rgb(252,255,249) 20%);border:1px solid #ccc;color:#324d13;padding:8px;border-radius:4px;font-size:1.2rem;cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:center}.item-button-vocabulary{font-size:1rem!important}.section[data-section=word] .item-button{min-height:80px;width:120px;justify-self:center;text-align:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.item-button:hover{background-color:#fff;background-image:linear-gradient(90deg,rgb(255,236,236),rgb(255,249,249) 20%)}.item-list{display:flex;flex-direction:column;gap:8px}.sentences-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}@media (max-width:768px){.sentences-grid{grid-template-columns:1fr}}.item-link{display:flex;align-items:flex-start;padding:12px;background-image:linear-gradient(90deg,rgb(243,255,236),rgb(252,255,249) 20%);border:1px solid #ddd;border-radius:4px;transition:background-color .2s;cursor:pointer;width:100%;text-align:left}.item-link,.item-link:hover{background-color:#fff;text-decoration:none;color:#333}.item-link:hover{background-image:linear-gradient(90deg,rgb(255,236,236),rgb(255,249,249) 20%)}.item-number{font-weight:700;margin-right:12px;color:#666;min-width:30px}.test-modal-overlay{z-index:3000}.test-modal-content{background-color:#ffffff;color:#333;border-radius:12px;width:99vw;height:98vh;overflow-y:auto}.test-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background:linear-gradient(135deg,#007bff,#0056b3);color:white;flex-shrink:0}.test-modal-title{margin:0;font-size:2rem;font-weight:700;display:flex;align-items:center;gap:1rem}.test-modal-header .modal-close{background:rgba(255,255,255,.2);border:none;font-size:2rem;cursor:pointer;padding:.5rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:white;transition:background-color .2s}.test-modal-header .modal-close:hover{background:rgba(255,255,255,.3)}.test-active-header{background:#f8f9fa!important;color:#333!important;border-bottom:1px solid #dee2e6!important;padding:1.5rem 2rem!important}.test-progress{display:flex;align-items:center;gap:1rem;flex:1 1}.test-progress span{font-weight:600;color:#495057;min-width:120px}.progress-bar{flex:1 1;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width .3s ease}.test-timer{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;color:#28a745}.timer-warning{color:#dc3545!important;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.test-completed-header{background:linear-gradient(135deg,#28a745,#20c997)!important}.test-modal-body{padding:2rem;flex:1 1;background-color:#ffffff}.test-intro{max-width:80%;margin:0 auto}.test-content-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-top:1rem}.test-left-column,.test-right-column{display:flex;flex-direction:column;height:100%}.test-info-card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:2rem;margin-bottom:0;text-align:center;height:100%}.test-info-card h3{color:#495057;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.test-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:white;border-radius:8px;border:1px solid #e9ecef}.stat-item i{color:#007bff;font-size:1.2rem}.test-rules{background-color:white;border:1px solid #dee2e6;border-radius:12px;padding:2rem;height:100%}.test-rules h4{color:#495057;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.test-rules ul{list-style:none;padding:0;margin-top:1rem}.test-rules li{border-bottom:1px solid #f1f3f4;position:relative;padding:.6rem 0 .6rem 2.5rem;font-size:1rem;color:#495057}.test-rules li:last-child{border-bottom:none}.test-rules li:before{content:"✓";position:absolute;left:.5rem;color:#28a745;font-weight:700;font-size:1.2rem}.test-question-body{padding:3rem 2rem;background-color:#ffffff;display:flex;align-items:center;justify-content:center}.question-container{max-width:800px;width:100%}.test-error,.test-loading,.test-no-content{text-align:center;padding:3rem 2rem}.test-loading i{font-size:3rem;color:#007bff;margin-bottom:1rem}.test-error i,.test-no-content i{font-size:3rem;color:#dc3545;margin-bottom:1rem}.test-error h3,.test-loading h3,.test-no-content h3{color:#495057;margin-bottom:1rem}.test-error p,.test-loading p,.test-no-content p{color:#6c757d;font-size:1.1rem;line-height:1.5}.loading{text-align:center;padding:2rem;color:#666;font-size:1rem}.error-message{padding:1rem;border-left:3px solid #ccc}.coming-soon,.error-message{background-color:#f8f8f8;color:#666;border-radius:4px;margin:1rem}.coming-soon{padding:3rem;text-align:center;border-left:3px solid #007bff;font-size:1.2rem}@media (max-width:768px){.sidebar{width:100%;position:relative;min-height:auto}.sidebar,.sidebar-menu-holder{height:auto}.main-content{margin-left:0}.content-header h1{font-size:1.5rem}.section-nav{margin-left:0;flex-wrap:wrap}.item-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.item-button{min-height:35px;font-size:.9rem;padding:6px}.modal-content{width:95%;margin:1rem}.content-body{max-height:calc(100vh - 250px)}.section-header,.subsection-header{flex-direction:column;gap:.5rem;align-items:flex-start}.test-content-columns{grid-template-columns:1fr;gap:1rem}}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}.audio-player-container{display:flex;flex-direction:column;align-items:center}.audio-player{width:280px;height:40px;border-radius:8px;outline:none}.audio-player::-webkit-media-controls-panel{background-color:#f8f9fa;border-radius:8px}.audio-question-container{display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem}.audio-question-label{font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:1rem;text-align:center}.test-audio-player{width:350px;height:50px;border-radius:12px}.audio-play-icon{font-size:2rem;color:#007bff;margin-bottom:1rem}@media (max-width:768px){.audio-player,.test-audio-player{width:100%;max-width:300px}.test-history-modal-content{width:95vw;max-height:95vh}.test-history-body{padding:1rem}.chart-container{height:300px!important}}.test-history-modal-content{width:90vw;max-width:900px;max-height:90vh;overflow-y:auto}.test-history-header{position:-webkit-sticky;position:sticky;top:0;z-index:100}.test-history-body{min-height:400px}.stat-card{transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.chart-bar-container{padding:.5rem 0}.question-item{transition:background-color .2s ease}.question-item:hover{background-color:rgba(0,0,0,.05)!important}.chart-container{position:relative}.chart-legend .badge{font-size:.75rem;padding:.5rem .75rem}.premium-item{cursor:pointer!important}.premium-item:hover{background-color:#e9ecef!important;transform:translateY(-1px)!important}.btn.btn-success[data-active=true]{cursor:default;opacity:.8}.btn.btn-success[data-active=true]:hover{transform:none;box-shadow:none}.subscription-modal-overlay{z-index:4000}.modal.fade.show.d-block{z-index:5000!important}.modal-backdrop.show{z-index:4999!important}.existing-registration-modal{z-index:5000!important}.existing-registration-modal .modal-dialog{z-index:5001!important}.subscription-modal-content{width:90vw;max-width:85vw;max-height:90vh;overflow-y:auto;margin:0 auto}.subscription-header{position:-webkit-sticky;position:sticky;top:0;z-index:100}.subscription-body{min-height:400px}.plan-card{border:3px solid #e9ecef;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .4s ease;position:relative;height:100%;background:linear-gradient(135deg,#ffffff,#f8f9fa);transform:translateY(0)}.plan-card:hover{border-color:#007bff;box-shadow:0 8px 25px rgba(0,123,255,.2);transform:translateY(-4px)}.plan-card.selected{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);box-shadow:0 12px 30px rgba(0,123,255,.3);transform:translateY(-6px);position:relative}.plan-card.selected:before{content:"✓ SELECTED";position:absolute;top:60px;right:15px;background:#007bff;color:white;padding:.3rem .6rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.plan-card.popular{border-color:#28a745;background:linear-gradient(135deg,#f8fff9,#e8f5e8)}.plan-card.popular:hover{border-color:#007bff;box-shadow:0 8px 25px rgba(0,123,255,.2)}.plan-card.popular.selected{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#f0f8ff)}.plan-card.popular.selected:before{content:"✓ SELECTED";background:#007bff}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(45deg,#ff6b35,#f7931e);color:white;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px rgba(255,107,53,.4);text-transform:uppercase;letter-spacing:.5px}.plan-name{color:#495057;font-weight:700;margin-bottom:.5rem}.plan-price .price{font-size:2rem;font-weight:700}.plan-price .original-price{text-decoration:line-through;color:#6c757d;font-size:1rem}.plan-duration{font-size:.9rem;margin-top:.25rem}.plan-benefits{margin-top:1rem}.plan-benefits h6{color:#495057;font-weight:600}.plan-benefits li{font-size:.9rem;color:#6c757d}.payment-method{border:2px solid #e9ecef;border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.payment-method:hover{border-color:#007bff;background-color:#f8f9fa}.payment-method.selected{border-color:#007bff;background-color:#f8f9ff}.payment-icon{width:48px;height:48px;background-color:#e9ecef;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#495057}.payment-method.selected .payment-icon{background-color:#007bff;color:white}.payment-info{flex:1 1}.payment-info h6{margin-bottom:.25rem;color:#495057}.payment-check{font-size:1.5rem}.success-icon{font-size:4rem}.subscription-success .success-icon i{animation:successPulse .6s ease-in-out}@keyframes successPulse{0%{transform:scale(.5)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.subscription-modal-content{width:95vw;max-height:95vh}.plan-card,.subscription-body{padding:1rem}.plan-card{margin-bottom:1rem}.plan-price .price{font-size:1.5rem}}.selection-instructions{animation:fadeInSlide .6s ease-out;border-left-color:#17a2b8!important}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plan-card:after{content:"Click to select";position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,123,255,.1);color:#007bff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;opacity:0;transition:opacity .3s ease}.plan-card:hover:after{opacity:1}.plan-card.selected:after{content:"Selected!";background:rgba(40,167,69,.1);color:#28a745;opacity:1}.plan-price{background:rgba(0,123,255,.05);border-radius:12px;padding:1rem;margin:1rem 0;border:1px solid rgba(0,123,255,.1)}.plan-card.selected .plan-price{background:rgba(0,123,255,.1);border-color:rgba(0,123,255,.2)}.plan-price .price{font-size:2.2rem;font-weight:900;color:#007bff;text-shadow:0 2px 4px rgba(0,123,255,.1)}.plan-benefits ul{background:rgba(248,249,250,.8);border-radius:8px;padding:1rem}.plan-card.selected .plan-benefits ul{background:rgba(255,255,255,.6)}@media (max-width:768px){.plan-card:after{position:static;display:block;text-align:center;margin-top:1rem;opacity:1;transform:none}.plan-card.selected:before{top:10px;right:10px;font-size:.6rem;padding:.2rem .4rem}.selection-instructions{font-size:.9rem}}.custom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1050}.custom-modal-content{background-color:white;border-radius:.375rem;box-shadow:0 10px 25px rgba(0,0,0,.1);min-width:70%;max-width:90%;max-width:75%;max-height:90vh;overflow:auto}.custom-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.custom-modal-title{margin:0;font-size:1.25rem;font-weight:500}.custom-modal-close{border:none;background:none;font-size:1.5rem;cursor:pointer;padding:.25rem;color:#6c757d;transition:color .2s ease}.custom-modal-close:hover{color:#000}.custom-modal-body{padding:1.5rem 1.5rem 80px;max-height:calc(90vh - 140px);overflow-y:auto}.custom-modal-footer{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid #dee2e6;background-color:#f8f9fa;z-index:10}.custom-modal-nav-buttons{display:flex;gap:.5rem}.custom-modal-nav-btn{border:1px solid #6c757d;background-color:white;color:#6c757d;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:all .2s ease}.custom-modal-nav-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#495057;color:#495057}.custom-modal-nav-btn:disabled{background-color:#f8f9fa;color:#adb5bd;cursor:not-allowed;border-color:#dee2e6}.custom-modal-position{color:#6c757d;font-size:.875rem}.custom-modal-close-btn{border:1px solid #6c757d;background-color:#6c757d;color:white;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.custom-modal-close-btn:hover{background-color:#495057;border-color:#495057}@media (max-width:768px){.custom-modal-content{min-width:70%;max-width:95%;max-height:95vh}.custom-modal-body{padding:1rem 1rem 70px}.custom-modal-header{padding:1rem}.custom-modal-footer{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.custom-modal-nav-buttons{order:2;width:100%;justify-content:center}.custom-modal-position{order:1;width:100%;text-align:center}.custom-modal-close-btn{order:3;width:100%}}.sakura-container{position:fixed;top:-25px;left:0;width:100%;height:110%;pointer-events:none;z-index:999999;overflow:hidden}.sakura-petal{position:absolute;width:24px;height:24px;background:radial-gradient(circle,#ffb6c1 0,#ffc0cb 50%,transparent 70%);background-image:url("data:image/svg+xml,%3Csvg viewBox='-50 -50 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFB7C5' stroke='%23E598B2' stroke-width='1'%3E%3Cpath d='M0,0 C-10,-10 -10,-30 0,-40 C10,-30 10,-10 0,0' transform='rotate(0)'/%3E%3Cpath d='M0,0 C-10,-10 -10,-30 0,-40 C10,-30 10,-10 0,0' transform='rotate(72)'/%3E%3Cpath d='M0,0 C-10,-10 -10,-30 0,-40 C10,-30 10,-10 0,0' transform='rotate(144)'/%3E%3Cpath d='M0,0 C-10,-10 -10,-30 0,-40 C10,-30 10,-10 0,0' transform='rotate(216)'/%3E%3Cpath d='M0,0 C-10,-10 -10,-30 0,-40 C10,-30 10,-10 0,0' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle r='4' fill='%23FFF44F' stroke='%23E598B2' stroke-width='0.5'/%3E%3C/svg%3E");background-size:contain;border-radius:50% 0 50% 0;animation:sakuraFall linear infinite;opacity:.5}.sakura-petal:first-child{left:4%;animation-duration:30s;animation-delay:60s}.sakura-petal:nth-child(2){left:35%;animation-duration:28s;animation-delay:55s}.sakura-petal:nth-child(3){left:60%;animation-duration:30s;animation-delay:65s}.sakura-petal:nth-child(4){left:85%;animation-duration:30s;animation-delay:60s}.sakura-petal:nth-child(5){left:95%;animation-duration:32s;animation-delay:40s}.sakura-petal:nth-child(6){left:15%;animation-duration:24s;animation-delay:30s}@keyframes sakuraFall{0%{top:-10%;transform:translateX(20px) rotate(0deg)}25%{transform:translateX(-60px) rotate(45deg)}50%{transform:translateX(10px) rotate(90deg)}75%{transform:translateX(-80px) rotate(135deg)}to{top:calc(100vh + 110px);transform:translateX(40px) rotate(180deg)}}.admin-login-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.admin-login-card{border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.1);overflow:hidden}.admin-login-card .card-header{background:linear-gradient(45deg,#007bff,#0056b3);border:none}.admin-login-card .form-control-lg{border-radius:10px;border:2px solid #e9ecef;padding:.75rem 1rem;font-size:1.1rem}.admin-login-card .form-control-lg:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.admin-login-card .btn-lg{border-radius:10px;padding:.75rem 1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-dashboard{background-color:#f8f9fa;min-height:100vh}.admin-navbar{box-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-stats-card{border-radius:10px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.admin-stats-card:hover{transform:translateY(-2px)}.admin-table-card{border-radius:12px;border:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.admin-table-card .card-header{background:linear-gradient(45deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;border-radius:12px 12px 0 0}.admin-table{margin-bottom:0}.admin-table th{border-top:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;padding:1rem .75rem}.admin-table td{padding:.75rem;vertical-align:middle;border-color:#f1f3f4}.admin-table tbody tr:hover{background-color:rgba(0,123,255,.05)}.admin-search-card{border-radius:12px;border:none;box-shadow:0 2px 8px rgba(0,0,0,.08)}.admin-search-input{border-radius:8px;border:2px solid #e9ecef;padding:.75rem 1rem;font-size:1rem}.admin-search-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.admin-modal .modal-header{background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:.375rem .375rem 0 0}.admin-modal .modal-content{border-radius:12px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.2)}.admin-modal .form-control,.admin-modal .form-select{border-radius:8px;border:2px solid #e9ecef;padding:.6rem .75rem}.admin-modal .form-control:focus,.admin-modal .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.admin-modal .is-invalid{border-color:#dc3545}.admin-modal .invalid-feedback{font-size:.875rem;margin-top:.25rem}.badge-status-active{background-color:#28a745}.badge-status-active,.badge-status-expired{color:white;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem}.badge-status-expired{background-color:#dc3545}.badge-payment-bkash{background-color:#e91e63}.badge-payment-bkash,.badge-payment-cash{color:white;font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem}.badge-payment-cash{background-color:#17a2b8}.admin-alert-preview{border-radius:8px;border:1px solid #b3d4fc;background-color:#e3f2fd;padding:1rem}.admin-alert-preview .alert-heading{color:#1976d2;margin-bottom:.5rem}.admin-loading{text-align:center;padding:3rem 2rem}.admin-loading i{font-size:3rem;color:#007bff;margin-bottom:1rem}.admin-empty-state{text-align:center;padding:3rem 2rem;color:#6c757d}.admin-empty-state i{font-size:3rem;margin-bottom:1rem;opacity:.5}@media (max-width:768px){.admin-table-responsive{font-size:.875rem}.admin-table td,.admin-table th{padding:.5rem .25rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.admin-search-input{font-size:16px}.admin-modal .modal-dialog{margin:.5rem}.admin-table .badge{font-size:.625rem;padding:.125rem .25rem}}@keyframes admin-counter{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.admin-stat-number{animation:admin-counter .6s ease-out}.admin-table-container::-webkit-scrollbar{height:8px}.admin-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.admin-table-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.avatar-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 8px rgba(0,123,255,.3)}.info-icon{width:16px;text-align:center}.info-row{padding:.25rem 0}.info-card{transition:all .2s ease}.info-card:hover{background-color:#e9ecef!important;transform:translateY(-1px)}.card{transition:all .3s ease}.card .show-hover:hover{box-shadow:0 4px 15px rgba(255,123,123,.25)!important}.badge{font-size:.75rem;font-weight:500;letter-spacing:.3px}.user-button-container{display:flex;align-items:center}.user-details-content{text-align:left;font-size:.9rem}.user-details-content .row{margin-bottom:.5rem;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.user-details-content .row:last-child{border-bottom:none}.user-details-content .col-4{font-weight:600;color:#495057}.user-details-content .col-8{word-break:break-word}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000}.video-modal-content{background-color:white;border-radius:12px;width:90vw;max-width:900px;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.3)}.video-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#007bff,#0056b3);color:white;border-radius:12px 12px 0 0}.video-modal-title{margin:0;font-size:1.25rem;font-weight:600}.video-modal-close{background:rgba(255,255,255,.2);border:none;color:white;font-size:1.5rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.video-modal-close:hover{background:rgba(255,255,255,.3)}.video-modal-body{flex:1 1;overflow-y:auto;display:flex;flex-direction:column}.video-section{flex-shrink:0;background-color:#000;display:flex;align-items:center;justify-content:center}.video-player{width:100%;height:auto;max-height:50vh;object-fit:contain;display:block}.video-content-section{flex:1 1;padding:1.5rem;background-color:#f8f9fa;overflow-y:auto}.video-title-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.video-title{margin:0;text-align:center}.title-jp{color:#333;font-family:Hiragino Sans,Yu Gothic,sans-serif}.title-bn{color:#666;font-style:italic}.video-dialog-section{background-color:white;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef}.dialog-label{color:#495057;font-weight:600;margin-bottom:1rem}.dialog-text{line-height:1.8;color:#333}.dialog-line{margin-bottom:.5rem;padding:.25rem 0}.dialog-line:empty{margin-bottom:1rem}.custom-modal-content .video-section{background-color:#000;display:flex;align-items:center;justify-content:center;margin:-1.5rem -1.5rem 1.5rem}.custom-modal-content .video-player{width:100%;height:auto;max-height:50vh;object-fit:contain;display:block}.custom-modal-content .video-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:#f8f9fa;color:#6c757d;min-height:200px;width:100%}.custom-modal-content .video-not-found i{font-size:3rem;margin-bottom:1rem;opacity:.7}.custom-modal-content .video-not-found p{margin:0;font-size:1.1rem;font-weight:500}.custom-modal-content .video-content-section{margin-top:1.5rem}.custom-modal-content .video-title-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.custom-modal-content .video-title{margin:0;text-align:center}.custom-modal-content .title-jp{color:#333;font-family:Hiragino Sans,Yu Gothic,sans-serif}.custom-modal-content .title-bn{color:#666;font-style:italic}.custom-modal-content .video-dialog-section{background-color:white;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef}.custom-modal-content .dialog-label{color:#495057;font-weight:600;margin-bottom:1rem}.custom-modal-content .dialog-text{line-height:1.8;color:#333}.custom-modal-content .dialog-line{margin-bottom:.5rem;padding:.25rem 0}.custom-modal-content .dialog-line:empty{margin-bottom:1rem}@media (max-width:768px){.custom-modal-content .video-section{margin:-1rem -1rem 1rem}.custom-modal-content .video-player{max-height:40vh}.custom-modal-content .title-jp{font-size:1.2rem!important}.custom-modal-content .title-bn{font-size:1rem!important}.custom-modal-content .video-dialog-section{padding:1rem}}.content-item-card{transition:all .2s ease;border:1px solid #e9ecef}.content-item-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.field-key,.field-value{border:1px solid transparent;border-radius:4px;padding:.25rem .5rem;transition:all .2s ease;word-wrap:break-word;white-space:pre-wrap;min-height:31px;display:flex;align-items:center}.field-key:hover,.field-value:hover{border-color:#007bff;background-color:#f8f9fa}.content-item-card .card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.content-item-card .btn-outline-danger{border-color:#dc3545;color:#dc3545}.content-item-card .btn-outline-danger:hover{background-color:#dc3545;color:white}.content-item-card .row.align-items-center{min-height:40px}.modal-fullscreen .modal-body{padding:0}.modal-fullscreen .modal-dialog{margin:0}@media (max-width:768px){.content-item-card .row{margin-bottom:1rem}.content-item-card .col-1{flex:0 0 10%;max-width:10%}.content-item-card .col-5{flex:0 0 40%;max-width:40%}.content-item-card .col-6{flex:0 0 50%;max-width:50%}}@media (max-width:576px){.content-item-card .row.mb-2{margin-bottom:1rem!important}.content-item-card .col-1,.content-item-card .col-5,.content-item-card .col-6{flex:0 0 100%;max-width:100%;margin-bottom:.5rem}.content-item-card .col-1{text-align:center}.content-item-card .container-fluid .row>div{flex:0 0 100%;max-width:100%}}.object-preview{background-color:#f8f9fa}.object-preview .fas.fa-pencil-alt{opacity:0;transition:opacity .2s ease}.object-preview:hover .fas.fa-pencil-alt{opacity:1}.border.rounded.p-2.bg-light{border:2px solid #007bff!important;background-color:#f0f8ff!important}.border.rounded.p-2.bg-light .btn-info,.border.rounded.p-2.bg-light .btn-outline-secondary,.border.rounded.p-2.bg-light .btn-primary,.border.rounded.p-2.bg-light .btn-warning{font-size:.75rem;padding:.25rem .5rem}.array-preview{transition:all .2s ease;background-color:#f0f8f0;border-color:#28a745!important}.array-preview:hover{border-color:#28a745!important;background-color:#d4edda}.array-preview .fas.fa-pencil-alt{opacity:0;transition:opacity .2s ease}.array-preview:hover .fas.fa-pencil-alt{opacity:1}.object-preview{transition:all .2s ease;background-color:#f0f8ff;border-color:#007bff!important}.object-preview:hover{border-color:#007bff!important;background-color:#e3f2fd}.border.rounded.p-2.bg-light:has(.array-preview){border:2px solid #28a745!important;background-color:#f0fff0!important}.content-item-card.deleting{opacity:.6;pointer-events:none;transition:opacity .3s ease}.content-item-card .btn-primary:disabled{opacity:.7}.content-item-card .btn-outline-danger:disabled{opacity:.5}.raw-json-modal-overlay{z-index:2400!important}.raw-json-editor-container{position:relative;height:100%;border-radius:0}.raw-json-textarea{font-family:Menlo,Monaco,Courier New,monospace!important;font-size:13px!important;line-height:1.6!important;border:none!important;border-radius:0!important;resize:none!important;background-color:#1e1e1e!important;color:#d4d4d4!important;padding:1.5rem!important;tab-size:2;-moz-tab-size:2;-o-tab-size:2;outline:none!important;box-shadow:none!important;width:100%!important}.raw-json-textarea.light-theme{background-color:#ffffff!important;color:#333333!important;border:1px solid #e9ecef!important}.raw-json-textarea.is-invalid{border-left:4px solid #dc3545!important;background-color:#2d1b1b!important}.raw-json-textarea.light-theme.is-invalid{background-color:#fdf2f2!important;border-left:4px solid #dc3545!important}.json-validation-badge.valid{background:linear-gradient(45deg,#28a745,#20c997)!important;box-shadow:0 2px 8px rgba(40,167,69,.3)!important;animation:validPulse 1s ease-in-out!important}.json-validation-badge.invalid,.json-validation-badge.valid{color:white!important;font-weight:600!important;font-size:.8rem!important;padding:.4rem .8rem!important;border-radius:20px!important}.json-validation-badge.invalid{background:linear-gradient(45deg,#dc3545,#c82333)!important;box-shadow:0 2px 8px rgba(220,53,69,.3)!important;animation:invalidShake .5s ease-in-out!important}@keyframes validPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes invalidShake{0%,20%,40%,60%,80%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}}.raw-json-modal-header{background:linear-gradient(135deg,#2c3e50,#34495e)!important;border-bottom:3px solid #1abc9c!important}.raw-json-modal-title{color:white!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.raw-json-toolbar{background:linear-gradient(90deg,#f8f9fa 0,#e9ecef)!important;border-bottom:2px solid #dee2e6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.raw-json-info-badge{background-color:#e3f2fd!important;color:#1976d2!important;border:1px solid #bbdefb!important;font-size:.75rem!important;padding:.3rem .6rem!important;border-radius:12px!important}.raw-json-progress{background:linear-gradient(45deg,#007bff,#0056b3)!important;color:white!important;padding:.4rem .8rem!important;border-radius:20px!important;font-size:.8rem!important;font-weight:600!important;box-shadow:0 2px 8px rgba(0,123,255,.3)!important;animation:progressPulse 1.5s ease-in-out infinite!important}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.raw-json-modal-footer{background:linear-gradient(90deg,#f8f9fa 0,#e9ecef)!important;border-top:2px solid #dee2e6!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.raw-json-btn-save{background:linear-gradient(45deg,#28a745,#20c997)!important;border:none!important;color:white!important;font-weight:600!important;padding:.6rem 1.5rem!important;border-radius:25px!important;box-shadow:0 4px 12px rgba(40,167,69,.3)!important;transition:all .3s ease!important}.raw-json-btn-save:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(40,167,69,.4)!important;background:linear-gradient(45deg,#218838,#1e7e34)!important}.raw-json-btn-save:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.raw-json-btn-cancel{background:linear-gradient(45deg,#6c757d,#495057)!important;border:none!important;color:white!important;font-weight:600!important;padding:.6rem 1.5rem!important;border-radius:25px!important;transition:all .3s ease!important}.raw-json-btn-cancel:hover:not(:disabled){transform:translateY(-2px)!important;background:linear-gradient(45deg,#545b62,#343a40)!important}.raw-json-textarea::-webkit-scrollbar{width:12px!important}.raw-json-textarea::-webkit-scrollbar-track{background:#2d2d2d!important;border-radius:6px!important}.raw-json-textarea::-webkit-scrollbar-thumb{background:#555555!important;border-radius:6px!important;border:2px solid #2d2d2d!important}.raw-json-textarea::-webkit-scrollbar-thumb:hover{background:#666666!important}.raw-json-textarea.light-theme::-webkit-scrollbar-track{background:#f1f1f1!important}.raw-json-textarea.light-theme::-webkit-scrollbar-thumb{background:#c1c1c1!important;border:2px solid #f1f1f1!important}.raw-json-textarea.light-theme::-webkit-scrollbar-thumb:hover{background:#a1a1a1!important}.raw-json-error-alert{border-left:4px solid #dc3545!important;background:linear-gradient(45deg,#f8d7da,#f1b0b7)!important;color:#721c24!important;border-radius:0 8px 8px 0!important;animation:errorSlide .3s ease-in-out!important}@keyframes errorSlide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-toggle-btn{position:absolute!important;top:1rem!important;right:1rem!important;z-index:10!important;background:rgba(0,0,0,.1)!important;border:none!important;color:#666!important;padding:.4rem!important;border-radius:50%!important;width:36px!important;height:36px!important;transition:all .2s ease!important}.theme-toggle-btn:hover{background:rgba(0,0,0,.2)!important;color:#333!important}@media (max-width:768px){.raw-json-textarea{font-size:12px!important;width:100%!important}.raw-json-modal-footer,.raw-json-textarea{padding:1rem!important}.raw-json-modal-footer .d-flex{flex-direction:column!important;gap:.5rem!important}.raw-json-btn-cancel,.raw-json-btn-save{width:100%!important;margin:.25rem 0!important}.json-validation-badge.invalid,.json-validation-badge.valid{font-size:.7rem!important;padding:.3rem .6rem!important}.raw-json-info-badge{font-size:.65rem!important}}.raw-json-saving-spinner{display:inline-block!important;width:18px!important;height:18px!important;border:2px solid transparent!important;border-top-color:currentcolor!important;border-radius:50%!important;animation:rawJsonSpin 1s linear infinite!important}@keyframes rawJsonSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.raw-json-textarea:focus{outline:3px solid rgba(0,123,255,.3)!important;outline-offset:-3px!important}.raw-json-line-numbers{position:absolute!important;left:0!important;top:0!important;width:50px!important;height:100%!important;background-color:#252526!important;color:#858585!important;font-family:Menlo,Monaco,Courier New,monospace!important;font-size:13px!important;line-height:1.6!important;padding:1.5rem .5rem!important;border-right:1px solid #3e3e3e!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;pointer-events:none!important}.hover-shadow{transition:all .3s ease}.hover-shadow:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,123,255,.25)!important}.schools-list-container{display:flex;flex-direction:column;gap:.75rem}.school-item{background:white;border:1px solid #e0e0e0;border-radius:6px;padding:1rem 1.25rem;transition:all .2s ease}.school-item:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.1)}.school-main-info{display:grid;grid-template-columns:1fr auto auto;grid-gap:1.5rem;gap:1.5rem;align-items:center}.school-name-location{display:flex;flex-direction:column;gap:.25rem}.school-name{margin:0;font-size:1rem;font-weight:600;color:#2c3e50}.school-location{font-size:.875rem;color:#6c757d}.school-cost{min-width:120px;text-align:center}.cost-amount{font-size:1.125rem;font-weight:700;color:#28a745}.cost-na{font-size:.875rem;color:#999}.school-action{min-width:100px;text-align:right}.btn-visit{display:inline-block;padding:.4rem 1rem;background:#007bff;color:white;text-decoration:none;border-radius:4px;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-visit:hover{background:#0056b3;color:white;transform:translateY(-1px)}.no-website{font-size:.875rem;color:#999}@media (max-width:768px){.school-main-info{grid-template-columns:1fr;gap:.75rem}.school-action,.school-cost{text-align:left}.school-item{padding:1rem}}.question-count-selector .form-select-lg{border:2px solid #007bff;border-radius:8px;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;color:#495057;background-color:#fff;cursor:pointer;transition:all .2s ease}.question-count-selector .form-select-lg:hover{border-color:#0056b3;box-shadow:0 2px 8px rgba(0,123,255,.2)}.question-count-selector .form-select-lg:focus{border-color:#007bff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:none}@media (max-width:768px){.question-count-selector .form-select-lg{max-width:100%!important;font-size:1rem}}.tooltip,.tooltip-inner{font-size:1.1rem!important}.tooltip-inner{background-color:rgb(253,228,228)!important;color:#333!important;border:1px solid #d4a3a3!important;box-shadow:0 2px 8px rgba(0,0,0,.15)!important;padding:.5rem .75rem!important}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-top-color:#d4a3a3!important}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-right-color:#d4a3a3!important}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:#d4a3a3!important}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{border-left-color:#d4a3a3!important}.options-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.option-button.image-option{min-height:220px;flex-direction:row;padding:1rem;align-items:center;justify-content:flex-start;gap:.5rem}.option-image-container{width:100%;flex:1 1;display:flex;align-items:center;justify-content:center;padding:.5rem}.option-image{max-width:100%;max-height:160px;width:auto;height:auto;object-fit:contain;border-radius:4px;border:1px solid #e9ecef}.option-button.image-option .option-letter{align-self:flex-start;flex-shrink:0}.option-button.image-option:hover{border-color:#007bff}.option-button.image-option.selected{border-color:#007bff;background-color:#e3f2fd}.option-button.image-option.selected .option-image{border-color:#007bff}@media (max-width:768px){.options-container{grid-template-columns:1fr;gap:1rem;padding:0}.option-button.image-option{min-height:180px}.option-image{max-height:140px}}@media (max-width:480px){.option-image{max-height:120px}.option-button.image-option{min-height:160px;padding:.75rem}.option-button{padding:1.2rem;min-height:60px}}.menu-item button.menu-item{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit}.menu-item button.menu-item:hover{background-color:#f2f4ff}.manual-sort-item{transition:background-color .2s ease,transform .1s ease}.manual-sort-item:hover{background-color:#e9ecef!important;transform:translateX(2px)}.manual-sort-item.list-group-item-primary:hover{background-color:#b8daff!important}@media (max-width:768px){.video-not-found.premium-restriction{padding:2rem 1rem;min-height:250px}.video-not-found.premium-restriction i{font-size:2.5rem!important}.video-not-found.premium-restriction p{font-size:1rem}}.video-not-found.premium-restriction{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(135deg,#fff9e6,#fff3cd);color:#856404;min-height:300px;width:100%;border-radius:8px}.video-not-found.premium-restriction i{color:#ffc107;margin-bottom:1rem;opacity:.9;animation:lockPulse 2s ease-in-out infinite}.video-not-found.premium-restriction h5{color:#856404;font-weight:600;margin-bottom:.5rem}.video-not-found.premium-restriction p{font-size:1.1rem;margin-bottom:1.5rem}.video-not-found.premium-restriction .btn-primary{background:linear-gradient(45deg,#ffc107,#ff9800);border:none;padding:.75rem 2rem;font-weight:600;box-shadow:0 4px 12px rgba(255,193,7,.3);transition:all .3s ease}.video-not-found.premium-restriction .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,193,7,.4);background:linear-gradient(45deg,#ff9800,#ffc107)}.locked-content-preview{position:relative;min-height:300px}.locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;background:rgba(255,255,255,.95);padding:2rem;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-width:400px;width:90%}.locked-icon-container{background:linear-gradient(135deg,#fff3cd,#ffeaa7);width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:lockPulse 2s ease-in-out infinite}.locked-overlay h6{color:#856404;font-weight:600;margin-bottom:.5rem}.locked-overlay p{color:#6c757d;font-size:.95rem;margin-bottom:1rem}.locked-overlay .btn-warning{background:linear-gradient(45deg,#ffc107,#ff9800);border:none;color:#fff;font-weight:600;padding:.5rem 1.5rem;box-shadow:0 4px 12px rgba(255,193,7,.3);transition:all .3s ease}.locked-overlay .btn-warning:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,193,7,.4);background:linear-gradient(45deg,#ff9800,#ffc107)}.content-blur-preview{filter:blur(5px);opacity:.4;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.content-blur-preview .video-dialog-section,.content-blur-preview .video-title-section{background-color:#f8f9fa;border-radius:8px;padding:1rem}.custom-modal-header .badge{font-size:.75rem;padding:.35rem .65rem;font-weight:600;vertical-align:middle}@keyframes lockPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.1);opacity:1}}@media (max-width:768px){.video-not-found.premium-restriction{padding:2rem 1rem;min-height:250px}.video-not-found.premium-restriction i{font-size:2.5rem!important}.video-not-found.premium-restriction p{font-size:1rem}.locked-overlay{padding:1.5rem 1rem;max-width:90%}.locked-icon-container{width:60px;height:60px}.locked-icon-container i{font-size:1.5rem!important}.locked-overlay h6{font-size:1rem}.locked-overlay p{font-size:.85rem}}.tips-section-container{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;margin:0 0 1.5rem;overflow:hidden;box-shadow:0 2px 8px rgba(76,175,80,.15);border:1px solid #a5d6a7}.tips-header{background:linear-gradient(135deg,#4caf50,#66bb6a);color:white;padding:1.2rem 1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tips-header:hover{background:linear-gradient(135deg,#43a047,#5cb85c);transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,.3)}.tips-header-content{display:flex;align-items:center}.tips-header-content h3{font-size:1.3rem;font-weight:600;margin:0}.tips-toggle-icon{font-size:1.2rem;transition:transform .3s ease}.tips-content{padding:2rem 1.5rem;background:white;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tips-intro{margin-bottom:2rem;padding:1.2rem;background:#f1f8e9;border-left:4px solid #4caf50;border-radius:8px}.tips-intro p{margin:0;line-height:1.8;color:#2e7d32;font-size:1.05rem}.tips-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid #e8f5e9}.tips-section:last-child{border-bottom:none;padding-bottom:0}.tips-section h4{color:#2e7d32;margin-bottom:1.2rem;font-weight:600;font-size:1.4rem}.tips-section p{line-height:1.8;color:#424242;margin-bottom:1.2rem;text-align:justify}.character-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.character-type-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;padding:1.5rem;transition:all .3s ease}.character-type-card:hover{border-color:#4caf50;box-shadow:0 4px 12px rgba(76,175,80,.15);transform:translateY(-3px)}.character-type-card h5{color:#2e7d32;margin-bottom:1rem;font-weight:600;font-size:1.2rem}.character-type-card ul{list-style:none;padding:0;margin:0}.character-type-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6;color:#616161}.character-type-card li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.n5-requirements{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.requirement-card{background:#ffffff;border:2px solid #e8f5e9;border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;transition:all .3s ease}.requirement-card:hover{border-color:#4caf50;box-shadow:0 4px 12px rgba(76,175,80,.15);transform:translateY(-3px)}.requirement-icon{width:60px;height:60px;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.8rem;color:white}.requirement-content h5{color:#2e7d32;margin-bottom:.8rem;font-weight:600;font-size:1.2rem}.requirement-content p{margin:.5rem 0;line-height:1.6;color:#424242}.requirement-content .text-muted{color:#757575!important;font-size:.9rem;font-style:italic}.jlpt-info-box{background:#e3f2fd;border-left:4px solid #2196f3;padding:1.5rem;border-radius:8px;margin:1.5rem 0}.jlpt-info-box h5{color:#1565c0;margin-bottom:1rem;font-weight:600}.jlpt-info-box ul{list-style:none;padding:0;margin:0}.jlpt-info-box li{padding:.6rem 0 .6rem 1.8rem;position:relative;line-height:1.6;color:#424242}.jlpt-info-box li:before{content:"●";position:absolute;left:0;color:#2196f3;font-size:1.2rem}.learning-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.feature-card{background:#ffffff;border:2px solid #f5f5f5;border-radius:10px;padding:1.5rem;transition:all .3s ease}.feature-card:hover{border-color:#4caf50;box-shadow:0 4px 12px rgba(76,175,80,.15);transform:translateY(-3px)}.feature-icon{width:60px;height:60px;background:#f1f8e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.8rem}.feature-card h5{color:#2e7d32;margin-bottom:1rem;font-weight:600;font-size:1.1rem}.feature-card ul{list-style:none;padding:0;margin:0}.feature-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6;color:#616161;font-size:.95rem}.feature-card li:before{content:"→";position:absolute;left:0;color:#4caf50;font-weight:700}.getting-started{display:grid;grid-gap:1.2rem;gap:1.2rem;margin:1.5rem 0}.step-card{background:#ffffff;border:2px solid #e8f5e9;border-radius:10px;padding:1.2rem;display:flex;gap:1.2rem;transition:all .3s ease}.step-card:hover{border-color:#4caf50;box-shadow:0 4px 12px rgba(76,175,80,.15);transform:translateX(5px)}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content h5{color:#2e7d32;margin-bottom:.6rem;font-weight:600;font-size:1.1rem}.step-content p{margin:0;color:#616161;line-height:1.6}.tips-section-footer{margin-top:2rem}.motivation-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:4px solid #ff9800;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.motivation-box p{margin:0;line-height:1.8;color:#e65100}.contact-info-box{background:#e8f5e9;border-left:4px solid #4caf50;padding:1rem 1.5rem;border-radius:8px}.contact-info-box p{margin:0;color:#2e7d32;font-size:1rem}.text-purple{color:#9c27b0}@media (max-width:768px){.tips-header-content h3{font-size:1.1rem}.tips-content{padding:1.5rem 1rem}.character-types-grid,.learning-features,.n5-requirements{grid-template-columns:1fr}.step-card{flex-direction:column;align-items:center;text-align:center}}