@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.dashboard-container{height:100vh}.dashboard-navbar{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-content{display:flex;flex:1 1}.dashboard-sidebar{background-color:#34495e;color:#fff;padding:1rem;width:250px}.menu-item{border-radius:4px;margin-bottom:.5rem;padding:.5rem 1rem}.menu-item:hover{background-color:#2c3e50}.start-quiz-btn:hover{background-color:#2980b9}.dashboard-main{background-color:#ecf0f1;flex:1 1;padding:2rem}.quiz-container-in-dashboard{margin:0 auto;max-width:800px;padding:1rem}.welcome-message{margin-top:2rem;text-align:center}.back-to-dashboard{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:1rem;padding:.5rem 1rem}.back-to-dashboard:hover{background-color:#c0392b}.sidebar-menu{list-style:none;margin:0;padding:0}.menu-item{cursor:pointer;padding:.75rem 1rem;transition:background .2s}.menu-item:hover{background:#0000001a}.logout-item{color:#e53e3e;font-weight:600;margin-top:auto}.logout-item:hover{background:#e53e3e1a}.login-container{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;padding:1rem}.login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000040;max-width:360px;text-align:center;width:100%}.login-card:hover{box-shadow:0 16px 48px #0000004d}.login-input{background:#ffffff40}.login-input:focus{background:#fff6;box-shadow:0 0 0 3px #ffffff80}.login-button{color:#764ba2}@media (max-width:480px){.login-card{padding:1.5rem}}.recommendation-card{align-items:flex-start;background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;gap:16px;margin-bottom:12px;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.recommendation-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card-image img{border-radius:8px;height:80px;object-fit:cover;width:80px}.card-content{flex:1 1}.card-header{align-items:center;display:flex;justify-content:space-between}.quiz-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.meta{display:flex;gap:6px}.badge{border-radius:6px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px}.badge-label{background-color:#4a90e2}.badge-conf{background-color:#16a34a}.quiz-id{color:#6b7280;font-size:.8rem;margin-top:4px}.stress-score{color:#374151;font-size:.85rem;margin-top:4px}.recommendations-list{list-style:none;margin-top:8px;padding:0}.recommendations-list li{background:#f3f4f6;border-radius:6px;font-size:.8rem;margin-bottom:4px;padding:6px 10px}.recommendations-scroll-container{max-height:400px;overflow-y:auto;padding-right:6px;scrollbar-color:#ccc #0000;scrollbar-width:thin}.recommendations-scroll-container::-webkit-scrollbar{width:8px}.recommendations-scroll-container::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.recommendations-scroll-container::-webkit-scrollbar-track{background:#0000}.login-container{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;justify-content:center;min-height:100vh}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:1rem;box-shadow:0 8px 32px #0003;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:360px}.login-card:hover{box-shadow:0 16px 48px #00000040;transform:translateY(-5px)}.login-card h2{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-shadow:0 1px 2px #0003}.login-input{background:#ffffff4d;border:none;border-radius:.5rem;color:#fff;font-size:1rem;margin-bottom:1.25rem;padding:.75rem 1rem;transition:background .3s ease,box-shadow .3s ease;width:100%}.login-input::placeholder{color:#e0e0e0}.login-input:focus{background:#ffffff80;box-shadow:0 0 0 3px #fff6;outline:none}.login-button{background:#fff;border:none;border-radius:.5rem;color:#2575fc;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:background .3s ease,transform .2s ease;width:100%}.login-button:hover{background:#f0f0f0;transform:translateY(-2px)}@media (max-width:480px){.login-card{padding:1.5rem;width:90%}}.login-spinner{animation:spin .75s linear infinite;border:3px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:8px;vertical-align:middle;width:18px}.login-card.loading{opacity:.85;pointer-events:none}:root{--header-h:60px;--sidebar-w:240px;--sidebar-collapsed-w:60px;--bg-dark:#2a2738;--bg-glass:#ffffff0d;--blur:8px;--accent:#6c63ff;--text-light:#0f213b;--text-bright:#a5a2a2}*{margin:0;padding:0}.dashboard-root{background:#2a2738;background:var(--bg-dark);color:#0f213b;color:var(--text-light);display:flex;flex-direction:column;height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffff0d;background:var(--bg-glass);box-shadow:0 2px 8px #0000004d;height:60px;height:var(--header-h);justify-content:space-between;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:10}.dashboard-header,.header-left{align-items:center;display:flex}.header-toggle{background:none;border:none;cursor:pointer;margin-right:1rem}.header-title,.header-toggle{color:#a5a2a2;color:var(--text-bright)}.header-title{font-size:1.25rem}.header-right{align-items:center;display:flex}.user-name{color:#a5a2a2;color:var(--text-bright);font-weight:500;margin-right:1.25rem}.logout-btn{background:#6c63ff;background:var(--accent);border-radius:.375rem;transition:background .2s}.logout-btn:hover{background:darken(#6c63ff,10%);background:darken(var(--accent),10%)}.dashboard-body{display:flex;flex:1 1;overflow:hidden;padding-top:60px;padding-top:var(--header-h)}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffff0d;background:var(--bg-glass);box-shadow:2px 0 8px #0000004d;overflow:hidden;padding-top:1rem;transition:width .3s;width:240px;width:var(--sidebar-w)}.sidebar.collapsed{width:60px;width:var(--sidebar-collapsed-w)}.nav-link{align-items:center;color:#0f213b;color:var(--text-light);display:flex;padding:.75rem 1rem;text-decoration:none;transition:background .2s,color .2s}.nav-link:hover{background:#ffffff1a;color:#a5a2a2;color:var(--text-bright)}.nav-link.active{background:#6c63ff;border-radius:15px;color:#fff;margin-left:20px;margin-top:10px;width:210px}.link-text{margin-left:.75rem;white-space:nowrap}.sidebar.collapsed .link-text{display:none}.main-content{overflow-y:auto;padding:1.5rem}.content-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));background:#ffffff0d;background:var(--bg-glass);border-radius:.75rem;box-shadow:0 2px 12px #0003;color:#a5a2a2;color:var(--text-bright);padding:1rem}@media (max-width:768px){.sidebar{display:none}.dashboard-body{padding-left:0}}*{box-sizing:border-box;font-family:Inter,sans-serif}.create-quiz-container{align-items:center;background:#f0f2f5;display:flex;justify-content:center;min-height:92vh;padding:1rem}.create-quiz-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:1rem;box-shadow:0 8px 24px #0000001a;max-width:500px;padding:2rem;transition:opacity .3s;width:100%}.create-quiz-card.loading{opacity:.7;pointer-events:none}.create-quiz-card h2{color:#333;margin-bottom:1rem;text-align:center}.create-quiz-card label{display:block;font-weight:500;margin-top:1rem}.create-quiz-card input,.create-quiz-card select,.create-quiz-card textarea{border:none;border-radius:.5rem;margin-top:.25rem;padding:.75rem;width:100%}.options-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.opt-group label{margin-bottom:.25rem}.create-quiz-card button{background:#6c63ff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem;transition:background .2s;width:100%}.create-quiz-card button:hover{background:#5848c2}.admin-quiz-list{background-color:#1a1a1a;color:#fff;padding:20px}.admin-quiz-list h2{color:#fff;margin-bottom:20px}.quiz-table{border-collapse:collapse;color:#fff;width:100%}.quiz-table td,.quiz-table th{border:1px solid #fff;padding:10px;text-align:left}.quiz-table th{background-color:#333}.analyze-btn,.delete-btn{background-color:initial;border:1px solid #fff;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 10px}.analyze-btn:hover,.delete-btn:hover{background-color:#ffffff1a}.error,.loading{color:#fff;padding:20px;text-align:center}.analyze-btn{background-color:green;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 12px;transition:background-color .2s ease}.analyze-btn:hover{background-color:#006400}.delete-btn{background-color:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s ease}.delete-btn:hover{background-color:darkred}.quizzes-page h2{color:#333;font-size:1.75rem;margin-bottom:1rem}.quiz-card{background:#8a84847a;border:1px solid #b4b0b0}.quiz-topic{color:#555}.quizzes-page{padding:2rem;position:relative}.spinner-container{align-items:center;display:flex;height:60vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#6c63ff;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#e53e3e;font-size:1.1rem;text-align:center}.quiz-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.quiz-card{background:#fafafa;border:1px solid #ddd;border-radius:.5rem;cursor:pointer;padding:1rem;transition:transform .2s,box-shadow .2s}.quiz-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.quiz-id{font-weight:600;margin-bottom:.5rem}.quiz-title{color:#555}:root{--primary:#4361ee;--primary-light:#4895ef;--secondary:#3f37c9;--accent:#f72585;--success:#4cc9f0;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--light-gray:#e9ecef;--border-radius:12px;--box-shadow:0 8px 30px #0000001f;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7ff;color:#212529;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}.quiz-container{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--box-shadow);margin:2rem auto}.progress-text{color:#6c757d;color:var(--gray);display:flex;font-size:1rem;font-weight:500;justify-content:space-between;margin-bottom:.75rem}.progress-bar{background:#e9ecef;background:var(--light-gray);border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4361ee,#4895ef);background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:4px;height:100%;transition:width .6s cubic-bezier(.79,.21,.06,.81)}.question-card{background:#fff;border-radius:12px;border-radius:var(--border-radius)}.question-card h3{color:#212529;color:var(--dark);font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:2rem}.options-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.option-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border:2px solid var(--light-gray);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.option-btn:hover{border-color:#4895ef;border-color:var(--primary-light);box-shadow:0 5px 15px #4361ee1a;transform:translateY(-3px)}.option-btn.selected{background:#4361ee0d;border-color:#4361ee;border-color:var(--primary);box-shadow:0 5px 15px #4361ee1a}.option-letter{align-items:center;background:#4361ee1a;border-radius:50%;color:#4361ee;color:var(--primary);display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;margin-bottom:.5rem;width:32px}.option-text{color:#212529;color:var(--dark);font-size:.95rem;font-weight:500}.home-btn,.submit-btn{background:linear-gradient(135deg,#4361ee,#3f37c9);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 14px #4361ee4d;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-top:1rem;padding:1rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:100%}.submit-btn:disabled{background:#e9ecef;background:var(--light-gray);box-shadow:none;color:#6c757d;color:var(--gray)}.home-btn:hover,.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #4361ee66;transform:translateY(-2px)}.completion-screen{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0000001f;box-shadow:var(--box-shadow);margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.completion-screen h2{color:#4361ee;color:var(--primary);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.completion-screen p{color:#6c757d;color:var(--gray);font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem}.completion-icon{color:#4cc9f0;color:var(--success);font-size:5rem;margin-bottom:2rem}.webcam-wrapper{margin:1.5rem auto;max-width:320px;transition:all .3s ease;width:100%}.webcam-wrapper.hidden{max-height:40px;overflow:hidden}.webcam-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.webcam-toggle-container{align-items:center;display:flex;gap:.5rem}.toggle-visibility-btn{align-items:center;background:#f8f9fa;background:var(--light);border:none;border-radius:20px;color:#6c757d;color:var(--gray);cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition)}.toggle-visibility-btn:hover{background:#e9ecef;background:var(--light-gray);color:#212529;color:var(--dark)}.toggle-label{font-weight:500}.webcam-header h4{color:#212529;color:var(--dark);font-size:1rem;font-weight:600;margin:0}.flip-btn{align-items:center;background:#f8f9fa;background:var(--light);border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4361ee;color:var(--primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition);width:32px}.flip-btn:hover{background:#4895ef;background:var(--primary-light);color:#fff;transform:rotate(90deg)}.webcam-container{background:#fff;border:2px solid #fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 8px 20px #0000001a;overflow:hidden;position:relative}.webcam-container,.webcam-overlay{align-items:center;display:flex;height:100%;justify-content:center}.webcam-overlay{left:0;pointer-events:none;position:absolute;top:0;width:50%}.webcam-icon{align-items:center;background:#00000080;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.webcam-instruction{color:#6c757d;color:var(--gray);font-size:.85rem;font-weight:500;margin-top:.75rem;text-align:center}.completion-screen{margin:0 auto;max-width:800px;padding:20px}.question-result{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:15px}.question-result.correct{border-left:4px solid #28a745}.question-result.incorrect{border-left:4px solid #dc3545}.options-container{margin-top:10px}.option{background:#e9ecef;border-radius:4px;margin:5px 0;padding:8px 12px}.correct-answer{background:#d4edda;font-weight:700}.incorrect-selection{background:#f8d7da;text-decoration:line-through}.user-selection{background:#cce5ff}.correct-marker{color:#28a745;margin-left:5px}.incorrect-marker{color:#dc3545;margin-left:5px}.correct-answer-text{color:#28a745;font-style:italic;margin-top:8px}.home-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.dashboard-container{display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.navbar{align-items:center;background-color:#2c3e50;box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{font-size:1.5rem;font-weight:700}.user-info{align-items:center;display:flex;gap:1rem}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.main-content{flex:1 1;height:calc(100vh - 64px)}.sidebar{background-color:#f8f9fa;box-shadow:1px 0 5px #0000001a;padding:1rem 0;width:250px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar-item{cursor:pointer;padding:1rem 2rem;transition:background-color .2s}.sidebar-item:hover{background-color:#e9ecef}.start-quiz-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:.5rem auto;padding:.5rem 1rem;width:80%}.start-quiz-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.content-area{background-color:#fff;flex:1 1;overflow-y:auto;padding:2rem}.dashboard-welcome{margin:0 auto;max-width:800px;text-align:center}.stats-cards{display:flex;gap:2rem;justify-content:space-between;margin-top:3rem}.stat-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:1 1;padding:1.5rem;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-number{color:#2c3e50;font-size:2rem;font-weight:700}.quiz-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.error-message{background-color:#fadbd8;border-radius:4px;color:#e74c3c;margin:1rem 0;padding:1rem}.submit-btn{background-color:#2ecc71;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem;width:100%}.submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}
/*# sourceMappingURL=main.31eb9bde.css.map*/