@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{min-height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298,#6b7280);display:flex;justify-content:center;align-items:center;padding:40px}.auth-container{background:#fffffff2;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0003;width:100%;max-width:450px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.auth-container:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000040}.auth-container h1{margin-bottom:25px;color:#1e3c72;font-weight:600}.auth-container input,.auth-container select,.auth-container textarea{width:100%;padding:12px;margin:10px 0;border:none;border-radius:8px;background:#f0f4f8;font-size:16px;transition:background .3s ease}.auth-container input:focus,.auth-container select:focus,.auth-container textarea:focus{background:#e8eef4;outline:none}.auth-container button{width:100%;padding:14px;background:linear-gradient(90deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background .3s ease,transform .2s ease}.auth-container button:hover{background:linear-gradient(90deg,#2a5298,#3b6db5);transform:translateY(-2px)}.auth-container p{margin-top:20px;color:#555}.auth-container a{color:#1e3c72;text-decoration:none;font-weight:500}.auth-container a:hover{text-decoration:underline}.dashboard{background:#fffffffa;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003;width:100%;max-width:900px;margin:0 auto;transition:all .3s ease}.dashboard:hover{box-shadow:0 15px 40px #00000040}.dashboard h1{color:#2a5298;font-size:24px;font-weight:600}.dashboard .logout-button{padding:10px 20px;background:linear-gradient(90deg,#721c24,#9b2c2c);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background .3s ease,transform .2s ease}.dashboard .logout-button:hover{background:linear-gradient(90deg,#9b2c2c,#c53030);transform:translateY(-2px)}.tests-section{margin-bottom:30px}.tests-section h2{color:#2a5298;font-size:20px;margin-bottom:15px}.tests-list{display:flex;flex-direction:column;gap:15px}.test-item{background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.test-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.test-item h4{color:#1e3c72;font-size:18px;margin-bottom:8px}.test-item p{color:#555;font-size:14px;margin-bottom:10px}.test-item.submitted{background:#e8eef4}.test-link{display:inline-block;padding:8px 15px;background:#2a5298;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;transition:background .3s ease}.test-link:hover{background:#3b6db5}.submissions{margin-top:10px}.submissions p{background:#f0f4f8;padding:8px;border-radius:6px;margin-bottom:8px;font-size:14px;color:#333}.teacher-dashboard{background:#fffffffa;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003;width:100%;max-width:1000px;margin:0 auto;transition:all .3s ease}.teacher-dashboard:hover{box-shadow:0 15px 40px #00000040}.dashboard-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-message{color:#d32f2f;background:#ffebee;padding:8px 12px;border-radius:6px;margin-top:10px}.dashboard-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e8eef4}.dashboard-tabs button{padding:10px 20px;background:none;border:none;color:#2a5298;cursor:pointer;font-weight:500;transition:all .3s ease}.dashboard-tabs button.active{background:#2a5298;color:#fff;border-radius:6px 6px 0 0}.test-card{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.test-card:hover{box-shadow:0 8px 20px #00000026}.test-header{padding:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#f8fafc}.test-header h3{color:#1e3c72;font-size:18px;font-weight:500}.question-count{color:#666;font-size:14px}.expand-icon{font-size:12px;color:#2a5298}.test-details{padding:15px}.assign-section{display:flex;gap:10px;margin-bottom:15px}.assign-section input{flex:1;padding:10px;border:none;border-radius:6px;background:#f0f4f8;font-size:14px}.assign-section button{padding:10px 20px;background:linear-gradient(90deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.assign-section button:hover{background:linear-gradient(90deg,#2a5298,#3b6db5)}.assigned-students,.submissions-section{margin-bottom:15px}.assigned-students h4,.submissions-section h4{color:#1e3c72;margin-bottom:10px;font-size:16px}.assigned-students p,.submissions-section p{color:#333;font-size:14px}.submission{background:#f0f4f8;padding:10px;border-radius:6px;margin-bottom:10px}.submission-meta{margin-bottom:8px;font-size:14px}.flag{padding:2px 6px;border-radius:4px;margin-left:8px;font-size:12px}.flag.paste{background:#ffebee;color:#d32f2f}.flag.plagiarism{background:#fff3cd;color:#ff9800}.flag.ai{background:#e8eef4;color:#2196f3}.answer{margin:8px 0;font-size:14px}.answer span{color:#555}.students-list{display:grid;gap:10px}.student-card{background:#f0f4f8;padding:12px;border-radius:6px}.student-card p{color:#333;font-size:14px}.empty-message{color:#666;text-align:center;padding:20px;font-size:16px}.camera-container{margin-bottom:20px;text-align:center}.camera-container video{border:2px solid #1e3c72;border-radius:8px}#status{padding:10px;border-radius:5px;font-weight:700;margin-top:10px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.test-form{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.test-form input,.test-form textarea{padding:12px;border:none;border-radius:8px;background:#f0f4f8;font-size:16px}.test-form button{padding:12px 25px;background:linear-gradient(90deg,#1e3c72,#2a5298);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.test-form button:hover{background:linear-gradient(90deg,#2a5298,#3b6db5)}.test-view{background:#fffffffa;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003;width:100%;max-width:900px;margin:0 auto}.test-view h1{color:#2a5298;font-size:24px;font-weight:600}.test-view .question-item{margin-bottom:20px}.test-view .question-item h3{color:#1e3c72;font-size:18px;margin-bottom:10px}.test-view .question-item textarea{width:100%;padding:12px;border:none;border-radius:8px;background:#f0f4f8;font-size:16px;min-height:120px;resize:vertical;transition:background .3s ease,box-shadow .3s ease}.test-view .question-item textarea:focus{background:#e8eef4;box-shadow:0 2px 8px #0000001a;outline:none}.test-view button[type=submit]{width:100%;padding:14px;background:linear-gradient(90deg,#2a5298,#3b6db5);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:background .3s ease,transform .2s ease;margin-top:20px}.test-view button[type=submit]:hover{background:linear-gradient(90deg,#3b6db5,#4a87d2);transform:translateY(-2px)}body{margin:0;padding:0;background:#f0f0f0}
