body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mobile-header-layout{align-items:center;background:#fff;box-shadow:0 2px 5px #0000001a;display:flex;gap:15px;justify-content:space-between;padding:10px 20px}.header-top-row{align-items:center;display:flex;flex:1 1}.header-nav-content{align-items:center;display:flex;flex:2 1;gap:15px;justify-content:flex-end}.hamburger-btn{display:none}.btn-upgrade{background:#28a745;border:none;cursor:pointer;padding:2px 8px}.badge-admin,.btn-upgrade{border-radius:4px;color:#fff;font-size:.8rem}.badge-admin{background:#dc3545;font-weight:700;padding:4px 8px}.theme-locked{background:#eee;border:1px solid #ccc;border-radius:5px;color:#999;font-size:.9rem;padding:8px}.locked-alert{background:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404;margin-bottom:10px;padding:10px}.header-search-container{max-width:300px;position:relative;width:100%}.search-form{display:flex;width:100%}.search-input{border:1px solid #ccc;border-radius:20px;outline:none;padding:8px 30px 8px 12px;width:100%}.search-btn{background:none;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.header-controls{align-items:center;display:flex;gap:10px}@media (max-width:1200px){body,html{overflow-x:hidden;position:relative;width:100%}#root,.dashboard,.main-content,.user-content{box-sizing:border-box;overflow-x:hidden;padding:10px!important;width:100%!important}.mobile-header-layout{align-items:flex-start;flex-direction:column;padding:15px}.header-top-row{justify-content:space-between;width:100%}.header-brand h1{font-size:1.1rem;margin-bottom:5px}.hamburger-btn{background:#0000;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;display:block;font-size:1.5rem;padding:2px 12px}.header-nav-content{border-top:1px solid #eee;display:none;flex-direction:column;gap:15px;margin-top:15px;padding-top:15px;width:100%}.header-nav-content.menu-open{animation:slideDown .3s ease-out;display:flex}.header-controls{flex-direction:column;width:100%}.header-controls button,.header-controls select,.theme-locked{padding:12px;text-align:center;width:100%}.header-search-container{max-width:100%}.search-input{padding:12px}.main-content,.practice-session,.quiz-container{display:flex;flex-direction:column!important;width:100%!important}.question-card,.question-section{margin-bottom:20px;margin-right:0!important;width:100%!important}.question-text{font-size:1.1rem!important;line-height:1.6}img{display:block;height:auto!important;margin:10px auto;max-width:100%!important}.options-grid,.options-list{display:flex;flex-direction:column;gap:12px}.option{-webkit-tap-highlight-color:transparent;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#333;font-size:1rem;min-height:50px;padding:15px!important;width:100%!important}.active-option,.option-selected,.option.selected{background-color:#007bff!important;border-color:#0056b3!important;color:#fff!important;font-weight:700;opacity:1!important}.option:hover{background-color:initial;color:inherit}.option.selected:hover{background-color:#007bff!important;color:#fff!important}.question-palette,.sidebar-right{border-top:2px solid #eee;height:auto!important;margin-top:30px;max-height:300px;overflow-y:auto;padding-top:20px;position:relative!important;width:100%!important}.palette-btn,.question-number{font-size:1rem!important;height:45px!important;margin:5px!important;width:45px!important}.action-buttons,.quiz-footer{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.action-buttons button,.quiz-footer button{flex:1 1;font-size:1rem;padding:12px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.quiz-header{display:flex;flex-direction:column}.quiz-controls{justify-content:space-between;width:100%}.timer-box{background-color:#212529!important;color:#fff!important;white-space:nowrap}}.table-container,.table-responsive,table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;white-space:nowrap;width:100%}td button{font-size:.85rem!important;margin:0 2px;padding:5px 10px!important}.loading-container{align-items:center;background-color:#fffc;display:flex;flex-direction:column;gap:15px;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;width:50px}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#555;font-family:sans-serif;font-size:1.1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}:root{--brand-blue:#0056b3;--brand-dark:#003d80;--brand-gold:#ffc107;--text-dark:#333;--text-light:#666;--bg-light:#f8f9fa}.landing-page{color:#333;color:var(--text-dark);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background:#fff;box-shadow:0 2px 10px #0000000d;justify-content:space-between;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{color:#0056b3;color:var(--brand-blue);font-size:1.5rem;font-weight:800;gap:10px}.nav-links{align-items:center;display:flex;gap:20px;list-style:none}.nav-links a,.nav-links button{background:none;border:none;color:#333;color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links button:hover{color:#0056b3;color:var(--brand-blue)}.nav-buttons{display:flex;gap:10px}.hero{background:linear-gradient(135deg,#0056b3,#003d80);color:#fff;overflow:hidden;padding:80px 0;position:relative;text-align:center}.hero:after{background:#fff;bottom:-50px;content:"";height:100px;left:0;position:absolute;transform:skewY(-3deg);width:100%}.hero h1{font-size:3rem;font-weight:800;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}.btn{border-radius:50px;display:inline-block;font-weight:600;padding:12px 25px;text-decoration:none;transition:transform .2s}.btn:active{transform:scale(.98)}.btn-primary{background:#0056b3;background:var(--brand-blue)}.btn-gold{background:#ffc107;background:var(--brand-gold);color:#000}.btn-outline{background:#0000;border:2px solid #0056b3;border:2px solid var(--brand-blue);color:#0056b3;color:var(--brand-blue)}.section{padding:60px 0}.section-title{color:#003d80;color:var(--brand-dark);font-size:2rem;margin-bottom:40px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:30px;text-align:center;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:15px}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plan-card{background:#fff;border:1px solid #eee;border-radius:15px;padding:40px;position:relative;text-align:center}.plan-card.popular{border:2px solid #0056b3;border:2px solid var(--brand-blue);box-shadow:0 10px 30px #0056b326;transform:scale(1.05);z-index:1}.plan-tag{background:#ffc107;background:var(--brand-gold);border-radius:20px;color:#000;font-size:.8rem;font-weight:700;left:50%;padding:5px 15px;position:absolute;top:-12px;transform:translateX(-50%)}.price{color:#003d80;color:var(--brand-dark);font-size:2.5rem;font-weight:800;margin:20px 0}.features-list{list-style:none;margin-bottom:30px;padding:0;text-align:left}.features-list li{color:#666;color:var(--text-light);margin-bottom:10px}.ad-space{align-items:center;background:#e9ecef;border:2px dashed #ccc;border-radius:8px;color:#999;display:flex;height:150px;justify-content:center;margin:40px 0}.footer{background:#1a1a1a;color:#fff;margin-top:60px;padding:60px 0 20px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.footer-col h4{color:#ffc107;color:var(--brand-gold);margin-bottom:20px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:10px}.footer-col li,.footer-col p,.footer-col span{color:#e0e0e0!important}.footer-col a{color:#bbb!important;text-decoration:none}.footer-col a:hover{color:#fff!important;text-decoration:underline}.copyright{border-top:1px solid #333;color:#777!important;font-size:.9rem;padding-top:20px;text-align:center}@media (max-width:768px){.hero h1{font-size:2rem}.nav-links{display:none}.plans-grid{padding:0 10px}.plan-card.popular{transform:scale(1)}}.dashboard-layout{overflow-x:hidden;position:relative}.dashboard-layout,.sidebar{display:flex;min-height:100vh}.sidebar{background-color:#2c3e50;color:#fff;flex-direction:column;flex-shrink:0;padding:20px;transition:transform .3s ease;width:260px}.sidebar h2{border-bottom:1px solid #34495e;color:#fff;margin-bottom:20px;padding-bottom:10px}.sidebar-menu{list-style:none;padding:0}.sidebar-menu li{margin-bottom:10px}.sidebar-btn{background:#0000;border:none;border-radius:5px;color:#ecf0f1;cursor:pointer;font-size:1rem;padding:12px;text-align:left;width:100%}.sidebar-btn:hover{background:#34495e}.main-content,.user-content{background-color:var(--bg-app);flex:1 1;padding:20px;width:100%}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1200px){.dashboard-layout{flex-direction:column}.sidebar{bottom:0;box-shadow:2px 0 10px #0000004d;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-overlay.active{display:block}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal-content{background:var(--bg-card);border-radius:8px;max-width:500px;padding:30px;position:relative;width:90%}.modal-close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}body{background-color:var(--bg-app);color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);margin:0;transition:background-color .3s ease,color .3s ease}.App{min-height:100vh}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);margin-bottom:20px;padding:20px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px)}h1,h2,h3,h4{margin-top:0}h1,h2,h3,h4,label,p,small,span{color:var(--text-primary)}small{color:var(--text-secondary)}.btn{border:none;border-radius:5px;cursor:pointer;font-family:var(--font-primary);font-size:1rem;padding:10px 15px;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-danger{background-color:var(--color-danger);color:#fff}input,select,textarea{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;color:var(--text-primary);font-family:var(--font-primary);padding:10px}.dashboard{margin:0 auto;max-width:1200px;padding:20px}.dashboard-header{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 20px}.subjects-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.active-option,.option-selected,.option.selected,.selected{background-color:#007bff!important;border-color:#0056b3!important;color:#fff!important;opacity:1!important}.option:hover{background-color:initial;color:inherit}.option.selected:hover{background-color:#007bff!important;color:#fff!important}}
/*# sourceMappingURL=main.6ba41683.css.map*/