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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{display:flex;min-height:100vh}.sidebar{background:linear-gradient(135deg,#44e5b2,#2a8f6e);color:#fff;height:100vh;position:fixed;transition:transform .3s ease;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #fff3;padding:2rem 1rem;text-align:center}.logo-circle{align-items:center;background:#fff;border:3px solid #44e5b2;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;overflow:hidden;width:80px}.logo{height:60px;object-fit:cover;width:60px}.company-name{color:#fff;font-size:1.2rem;font-weight:700;margin-top:1rem}.sidebar-nav{padding:2rem 0}.nav-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;text-align:left;transition:all .3s ease;width:100%}.nav-button:hover{background-color:#ffffff26;transform:translateX(5px)}.nav-button.active{background-color:#ffffff40;border-right:4px solid #fff;font-weight:700}.main-content{background-color:#fff;flex:1 1;margin-left:250px;min-height:100vh}.desktop-header{background:#fff;border-bottom:2px solid #44e5b2;box-shadow:0 2px 10px #0000001a;display:block;padding:1.5rem 2rem}.desktop-company-name{color:#44e5b2;font-size:1.5rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.mobile-header{background:#fff;border-bottom:2px solid #44e5b2;box-shadow:0 2px 10px #0000001a;display:none}.mobile-header-content{align-items:center;display:flex;justify-content:space-between;padding:1rem}.mobile-company-name{color:#44e5b2;flex:1 1;font-size:1.2rem;font-weight:700}.mobile-logo{background:#fff;border:2px solid #44e5b2;border-radius:50%;height:40px;margin:0 1rem;overflow:hidden;width:40px}.mobile-logo-img{height:100%;object-fit:cover;width:100%}.hamburger{background:none;border:none;color:#44e5b2;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .3s ease}.hamburger:hover{color:#2a8f6e}.sidebar-overlay{background:#000000b3;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.page-content{background-color:#f8f9fa;min-height:calc(100vh - 80px);padding:2rem}.dashboard h1{color:#333;font-weight:600;margin-bottom:2rem;text-align:center}.subjects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.subject-box{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#333;cursor:pointer;font-weight:600;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.subject-box:before{background:#44e5b2;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.subject-box:hover{border-color:#44e5b2;box-shadow:0 8px 25px #44e5b24d;transform:translateY(-8px)}.subject-box:hover:before{transform:scaleX(1)}.subject-box:hover{background:linear-gradient(135deg,#44e5b2,#2a8f6e);color:#fff}.loading{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:2rem auto;max-width:400px;padding:4rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#44e5b2;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#666;font-size:1.1rem}.quiz-container{margin:0 auto;max-width:800px;position:relative}.close-quiz{background:#ff4757;border:none;border-radius:50%;box-shadow:0 4px 15px #ff475766;color:#fff;cursor:pointer;font-size:1.5rem;height:45px;position:fixed;right:2rem;top:2rem;transition:all .3s ease;width:45px;z-index:100}.close-quiz:hover{background:#ff3742;transform:scale(1.1)}.quiz-container h1{color:#333;font-weight:600;margin-bottom:2rem;text-align:center}.question-card{background:#fff;border-left:4px solid #44e5b2;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.question-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.question-card h3{color:#333;font-weight:600;line-height:1.5;margin-bottom:1.5rem}.unanswered{background-color:#ffe6e6;border:2px solid #ff4757;border-left-width:4px}.choices{flex-direction:column;margin:1.5rem 0}.choice,.choices{display:flex;gap:.75rem}.choice{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.choice:hover{background-color:#e9ecef;border-color:#44e5b2;transform:translateX(5px)}.choice input[type=radio]{accent-color:#44e5b2;height:18px;width:18px}.choice.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.choice.incorrect{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.short-answer input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin:1rem 0;padding:1rem;transition:border-color .3s ease;width:100%}.short-answer input:focus{background:#fff;border-color:#44e5b2;box-shadow:0 0 0 3px #44e5b21a;outline:none}.description{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #44e5b2;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.description p{color:#333;line-height:1.6;margin:0}.description strong{color:#44e5b2}.back-button,.send-button,.submit-button{background:linear-gradient(135deg,#44e5b2,#2a8f6e);border:none;border-radius:8px;box-shadow:0 4px 15px #44e5b266;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:300px;padding:1.2rem 2.5rem;transition:all .3s ease;width:100%}.back-button:hover,.send-button:hover,.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #44e5b299;transform:translateY(-3px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.feedback{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.feedback h1{color:#333;font-weight:600;margin-bottom:2rem;text-align:center}.feedback-form{background:#fff}.form-group{margin-bottom:2rem}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.form-group input,.form-group textarea{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#44e5b2;box-shadow:0 0 0 3px #44e5b21a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.send-button{margin-top:1rem}.no-questions{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:2rem auto;max-width:500px;padding:4rem;text-align:center}.no-questions h2{color:#666;font-weight:500;margin-bottom:2rem}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.desktop-header{display:none}.mobile-header,.sidebar-overlay{display:block}.page-content{padding:1rem}.subjects-grid{gap:1rem;grid-template-columns:1fr}.subject-box{padding:2rem 1.5rem}.close-quiz{height:40px;right:1rem;top:1rem;width:40px}.question-card{margin-bottom:1rem;padding:1.5rem}.quiz-container h1{font-size:1.5rem;margin-bottom:1.5rem}.feedback{margin:0 1rem;padding:1.5rem}.back-button,.send-button,.submit-button{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.page-content{padding:.5rem}.question-card{padding:1rem}.choice{padding:.75rem}.feedback{padding:1rem}.mobile-header-content{padding:.75rem}.mobile-company-name{font-size:1.1rem}}.text-primary{color:#44e5b2}.bg-primary{background-color:#44e5b2}.border-primary{border-color:#44e5b2}
/*# sourceMappingURL=main.4c91248d.css.map*/