html,body,#root{height:100%;margin:0;padding:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#f8f8f8;box-shadow:0 2px 6px #0000001a}.logo a{font-size:20px;font-weight:700;text-decoration:none;color:#333}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{text-decoration:none;color:#333}.logout-button{background-color:transparent;border:none;color:#e53935;font-weight:700;cursor:pointer}.user-icon{font-size:20px}.user-icon{font-size:20px;margin-right:10px}.logout-button{background:none;border:none;color:#e53935;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}.login-link{display:flex;align-items:center;gap:5px}.info-block{width:70%;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;text-align:center}.info-title{font-size:28px;margin-bottom:16px;color:#222}.info-text{font-size:28px;margin-bottom:24px;color:#555;line-height:1.5}.start-button{background-color:#007bff;border:none;padding:12px 32px;color:#fff;font-size:18px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.start-button:hover{background-color:#0056b3}.free-trial-block{text-align:center;padding:40px 20px;background-color:#f0f8ff;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin:40px auto;width:25%;max-width:500px}.free-trial-block h2{font-size:24px;margin-bottom:10px}.free-trial-block p{font-size:16px;margin-bottom:20px;color:#333}.free-trial-button{padding:12px 24px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.free-trial-button:hover{background-color:#0056b3}html,body,#root{margin:0;padding:0;height:100%}.app-container{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;padding:40px;gap:40px}@media (max-width: 768px){.app-container{flex-direction:column;align-items:center}.info-block,.free-trial-block{width:90%}}body{font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif}.question-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:800px;margin:auto;text-align:center}.question-image{max-width:100%;margin:20px 0;border-radius:8px}.question-video{width:100%;margin:20px 0;border-radius:8px}.answers{display:flex;flex-direction:column;gap:15px;margin-top:20px}.answer-button{padding:12px;border:none;border-radius:8px;background-color:#f0f0f0;font-size:16px;cursor:pointer;transition:.3s}.answer-button:hover{background-color:#d0eaff}.answer-button.selected{background-color:#007bff;color:#fff}.login-wrapper{min-height:100vh;background:linear-gradient(to right,#6a11cb,#2575fc);display:flex;justify-content:center;align-items:center;padding:20px}.login-card{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 6px 20px #00000026;width:100%;max-width:400px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px;width:100%}.login-form input{padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px;width:100%;box-sizing:border-box}.login-form button{padding:12px;background-color:#2575fc;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.login-form button:hover{background-color:#1a5edb}.register-wrapper{min-height:100vh;background:linear-gradient(to right,#11998e,#38ef7d);display:flex;justify-content:center;align-items:center;padding:20px}.register-card{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 6px 20px #00000026;width:100%;max-width:400px;text-align:center}.register-form{display:flex;flex-direction:column;gap:16px;width:100%}.register-form input{padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:16px;width:100%;box-sizing:border-box}.register-form button{padding:12px;background-color:#38ef7d;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.register-form button:hover{background-color:#11998e}.success{color:green;font-size:14px}.error{color:red;font-size:14px}.all-tickets-container{max-width:1200px;margin:0 auto;padding:30px 20px;text-align:center}.all-tickets-container h2{margin-bottom:30px;font-size:32px;color:#333;display:flex;justify-content:center;align-items:center;gap:10px}.tickets-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.ticket-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .3s ease}.ticket-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.ticket-card h3{font-size:20px;color:#222;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:8px}.ticket-card p{font-size:16px;color:#555;margin-bottom:20px}.view-button{display:inline-flex;align-items:center;justify-content:center;background-color:#007bff;color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:700;gap:8px;transition:background-color .3s ease}.view-button:hover{background-color:#0056b3}.loading,.error{text-align:center;margin-top:80px;font-size:20px;display:flex;justify-content:center;align-items:center;gap:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 0 15px #0000001a;color:#222;font-size:1.1rem;line-height:1.6}.test-header{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;margin-bottom:1.5rem;color:#000}.progress{font-weight:700}.timer{display:flex;align-items:center;font-weight:700;color:#333}.timer.warning{color:red}.question-block h3{margin-bottom:1rem;color:#111}.question-media{margin:1rem 0;max-width:100%;border-radius:8px}.answers{display:flex;flex-direction:column;gap:.75rem}.answer-btn{padding:1rem;font-size:1.05rem;border:2px solid #bbb;border-radius:8px;background-color:#f0f0f0;cursor:pointer;transition:.2s ease-in-out;text-align:left;color:#111}.answer-btn:hover{background-color:#d9f0ff;border-color:#007acc}.answer-btn.selected{background-color:#cce6ff;border-color:#007acc;font-weight:700;color:#000}.answer-btn.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.answer-btn.incorrect{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.nav-buttons{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.nav-buttons button{flex:1;padding:.85rem;font-size:1rem;background-color:#007acc;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px}.nav-buttons button:hover{background-color:#1890ff}.test-result{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 0 15px #0000001a;color:#222}.test-result h2{margin-bottom:1rem}.result-list{list-style:none;padding-left:0;margin-top:1rem}.result-list li{padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:1.05rem}.result-list li.correct{background-color:#d4edda;color:#155724;border:2px solid #28a745}.result-list li.incorrect{background-color:#f8d7da;color:#721c24;border:2px solid #dc3545}.icon{margin-right:6px;font-size:1.1rem}.loading{text-align:center;margin-top:3rem;font-size:1.2rem;color:#444}.admin-add-test{max-width:800px;margin:0 auto;padding:20px}.admin-add-test h2{text-align:center;margin-bottom:20px}.admin-add-test input[type=text],.admin-add-test select{width:100%;padding:10px;margin-bottom:10px;box-sizing:border-box;border-radius:4px;border:1px solid #ccc}.question-block{border:1px solid #ddd;padding:15px;margin-bottom:20px;border-radius:6px;background-color:#f9f9f9}.add-btn,.save-btn{padding:10px 15px;margin-top:20px;margin-right:10px;font-size:16px;cursor:pointer;border:none;border-radius:4px}.add-btn{background-color:#007bff;color:#fff}.save-btn{background-color:#28a745;color:#fff}.add-btn:hover{background-color:#0056b3}.save-btn:hover{background-color:#218838}.remove-btn{background-color:red;color:#fff;padding:5px 10px;border:none;margin-top:10px;border-radius:4px;cursor:pointer}.media-input{margin-top:10px}.remove-btn{margin-top:10px;background-color:red;color:#fff;padding:5px 10px;border:none;border-radius:4px;cursor:pointer}.remove-btn:hover{background-color:#8b0000}.admin-panel{max-width:600px;margin:60px auto;padding:30px;border-radius:12px;background-color:#f9f9f9;box-shadow:0 4px 12px #0000001a;text-align:center}.admin-panel h2{margin-bottom:24px;font-size:28px;color:#333}.admin-actions{display:flex;flex-direction:column;gap:20px}.admin-button{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#007bff;color:#fff;text-decoration:none;font-size:18px;padding:14px;border-radius:8px;transition:background-color .3s ease}.admin-button:hover{background-color:#0056b3}.edit-test-container{padding:40px;text-align:center}input{padding:10px;width:300px;margin:10px 0;border:1px solid #ccc;border-radius:6px}button{padding:10px 20px;margin-left:10px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}button:hover{background-color:#0056b3}.error{color:red;margin-top:10px}.found-test{margin-top:20px;background-color:#f1f1f1;padding:20px;border-radius:10px}