*{box-sizing:border-box;margin:0;padding:0}#root,body,html{min-height:100%;width:100%}body{background:#f5f7fb;color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:clamp(12px,3vw,20px);width:100%}.navbar{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-brand{color:#4f46e5;font-size:24px;font-weight:700;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:20px}.nav-link{border-radius:5px;color:#333;padding:8px 16px;text-decoration:none;transition:all .3s}.nav-link.active,.nav-link:hover{background:#4f46e5;color:#fff}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s;white-space:nowrap}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca;box-shadow:0 5px 15px #4f46e566;transform:translateY(-2px)}.btn-secondary{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-small{font-size:14px;padding:8px 16px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;max-width:100%;overflow-x:auto;padding:clamp(16px,3vw,24px);width:100%}.card-header{color:#333;font-size:20px;font-weight:700;margin-bottom:16px}.form-group{margin-bottom:20px}.form-label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-input{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px;transition:all .3s;width:100%}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-select{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px;width:100%}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}.quiz-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;padding:20px;transition:all .3s}.quiz-card:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.quiz-icon{font-size:48px;margin-bottom:12px}.quiz-title{color:#333;font-size:20px;font-weight:700;margin-bottom:8px}.quiz-description{color:#666;font-size:14px;margin-bottom:12px}.quiz-meta{color:#888;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.badge-easy{background:#d4edda;color:#155724}.badge-medium{background:#fff3cd;color:#856404}.badge-hard{background:#f8d7da;color:#721c24}.question-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;max-width:100%;overflow-wrap:anywhere;padding:clamp(16px,3vw,24px)}.question-number{color:#4f46e5;font-weight:700;margin-bottom:12px}.question-text{color:#333;font-size:18px;line-height:1.6;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:12px}.option{background:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;overflow-wrap:anywhere;padding:16px;transition:all .3s}.option:hover{background:#eef2ff;border-color:#4f46e5}.option.selected{background:#4f46e5;border-color:#4f46e5;color:#fff}.option.correct{background:#d4edda;border-color:#28a745;color:#155724}.option.incorrect{background:#f8d7da;border-color:#dc3545;color:#721c24}.timer{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#4f46e5;font-size:24px;font-weight:700;padding:16px 24px;position:fixed;right:20px;top:80px;z-index:99}.timer.warning{animation:pulse 1s infinite;background:#dc3545;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:100%;overflow-x:auto;padding:clamp(18px,4vw,32px);text-align:center}.result-score{color:#4f46e5;font-size:clamp(48px,14vw,72px);font-weight:700;margin:20px 0}.result-status{font-size:clamp(24px,7vw,32px);margin-bottom:16px}.result-status.pass{color:#28a745}.result-status.fail{color:#dc3545}.result-details{background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-around;margin:24px 0;padding:24px}.result-item{text-align:center}.result-item-value{color:#4f46e5;font-size:28px;font-weight:700}.result-item-label{color:#666;margin-top:8px}.leaderboard-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;width:100%}.leaderboard-table th{background:#4f46e5;color:#fff;font-weight:600;padding:16px;text-align:left}.leaderboard-table td{border-bottom:1px solid #e1e8ed;padding:16px}.leaderboard-table tr:hover{background:#eef2ff}.rank-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.rank-1{background:gold}.rank-2{background:silver}.rank-3{background:#cd7f32}.rank-other{background:#6c757d}.loading{color:#4f46e5;font-size:24px;padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e1e8ed;border-radius:50%;border-top-color:#4f46e5;height:50px;margin:20px auto;width:50px}.scroll-to-top{background:#4f46e5;border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 20px #4f46e54d;color:#fff;cursor:pointer;display:grid;font-size:18px;height:46px;opacity:0;place-items:center;position:fixed;right:24px;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease;visibility:hidden;width:46px;z-index:120}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top:focus-visible,.scroll-to-top:hover{background:#4338ca;outline:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;text-align:center}.stat-value{color:#4f46e5;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:14px}.admin-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-width:680px;overflow:hidden;width:100%}.admin-table th{background:#4f46e5;color:#fff;padding:12px;text-align:left}.admin-table td{border-bottom:1px solid #e1e8ed;padding:12px;vertical-align:top}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;width:min(100%,600px)}.modal-header{font-size:24px;font-weight:700;margin-bottom:20px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@media (max-width:768px){.desktop-nav-menu{display:none!important}.mobile-menu-toggle{display:grid!important}body{font-size:15px}h1{line-height:1.15;overflow-wrap:anywhere}button,input,label,p,select,span,td,th{max-width:100%}.navbar-content{flex-direction:column;gap:12px}.navbar-links{flex-direction:column;width:100%}.nav-link{text-align:center;width:100%}.timer{font-size:18px;margin:12px auto 16px;padding:12px 16px;position:static;width:-webkit-fit-content;width:fit-content}.grid-2,.grid-3{grid-template-columns:1fr}.result-details{flex-direction:column;gap:16px;padding:16px}.btn{padding:12px 16px;width:100%}.btn-small{flex:1 1 110px;width:auto}.card{border-radius:10px}.question-text{font-size:16px}.option{padding:14px}.scroll-to-top{bottom:88px;font-size:16px;height:42px;right:16px;width:42px}.admin-table{font-size:14px;min-width:620px}.admin-table td,.admin-table th{padding:10px}.modal-overlay{padding-bottom:96px}.modal{border-radius:12px;max-height:82vh;padding:20px;width:100%}.modal-footer{flex-direction:column-reverse}.auth-card{padding:28px 20px}}@media (max-width:420px){.container{padding:10px}.admin-table{min-width:560px}.result-item-value{font-size:24px}}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:16px;padding:12px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:16px;padding:12px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.auth-title{color:#4f46e5;font-size:28px;margin-bottom:30px;text-align:center}.auth-footer{color:#666;margin-top:20px;text-align:center}.auth-link{color:#4f46e5;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}
/*# sourceMappingURL=main.d29d211c.css.map*/