.auth-container{margin:2rem;display:flex;justify-content:center;align-items:center}.auth-form{width:400px;max-width:450px;height:600px;max-width:400px;background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.auth-form h2{font-size:1.8rem;color:#b833ff;margin:3.5rem 0}.auth-form input{width:100%;padding:.8rem;margin-bottom:1rem;border:none;border-bottom:2px solid #48dfd0;font-size:1.1rem;box-sizing:border-box;outline:none}.auth-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f5f5f5 inset;box-shadow:0 0 0 1000px #fff inset;color:#333}.auth-form button{margin:3.5rem 0;width:100%;padding:.8rem;background:linear-gradient(45deg,#48dfd0,#b833ff);color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:.7s ease-in-out;position:relative;overflow:hidden}.auth-form button:before{content:"";position:absolute;top:-100%;left:-100%;width:200%;height:200%;background:#ffffff80;transform:rotate(45deg);transition:all .7s ease-in-out}.auth-form button:hover{background:linear-gradient(45deg,#b833ff,#48dfd0)}.auth-form button:hover:before{top:0;left:0}.auth-form button:focus{box-shadow:0 0 15px #3cfc}.link{color:#48dfd0;transition:all .5s ease-in-out}.link:hover{text-decoration:underline}.password-strength{text-align:center;font-size:1.1rem}.password-strength.strong{color:green}.password-strength.medium{color:orange}.password-strength.weak{color:red}.error-message{color:red;text-align:center;font-size:1.1rem}@media screen and (max-width: 768px){.auth-container{margin:2rem 0}.auth-form{width:100%;max-width:100%}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;max-width:400px;width:100%}.quiz-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:1000px;margin:3rem auto}.quiz-container h2{text-align:center;color:#0077b6;margin-bottom:20px}.quiz-container p{font-size:18px;color:#333;margin-bottom:20px}.quiz-container label{font-size:16px;margin-left:10px}.quiz-container .options{background:#cde4d6;border:2px solid #48dfd0;margin:.5rem;display:flex;padding:1rem;align-items:center}.quiz-container .buttons{display:flex;justify-content:space-between}.quiz-container button{background-color:#b833ff;color:#fff;padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin:20px;width:250px}.quiz-container button:hover{background-color:#b833ff;transform:scale(1.05)}.quiz-container button:disabled{background-color:gray;cursor:not-allowed}.quiz-container,.quiz-container *{-webkit-user-select:none;user-select:none}.link-btn{margin-top:10px;padding:8px 16px;border:none;background-color:#48dfd0;color:#fff;cursor:pointer;border-radius:4px;transition:background-color .4s ease}.link-btn:hover{background-color:#b833ff}.create-form{width:100%;display:flex;flex-direction:column;align-items:center}.create-form input{width:75%;margin:.7rem;padding:.5rem;border-radius:.3rem}.create-form .create-btn{background-color:#48dfd0;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.create-btn:hover{background-color:#b833ff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px #0000004d;text-align:center}.modal-actions{margin-top:20px;display:flex;justify-content:space-evenly}.confirm-btn{background-color:#ff4d4d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.cancel-btn{background-color:#ccc;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.confirm-btn:hover{background-color:#ff1a1a}.cancel-btn:hover{background-color:#b3b3b3}.room{padding:1rem;display:grid;grid-template-columns:2fr 1fr;gap:1rem}.create{height:70vh;padding:.5rem;text-align:center;color:#555;border-radius:.5rem;box-shadow:1px 3px 10px #333}.create .create-room-btn{border:none;background:#3cf;padding:.5rem 1rem;border-radius:.5rem;font-size:1.05rem;color:#fff}.create-room-btn{padding:.6rem 1.2rem;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:.3rem;cursor:pointer;transition:background-color .4s ease-in-out}.create-room-btn:hover{background-color:#b833ff}.float{position:absolute;top:40%;right:10%;z-index:99}.float h2{padding:1rem;color:#fff;border-radius:.5rem;background:#33333353}.create-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.create-modal-content{background:#fff;padding:2rem;width:90%;max-width:400px;border-radius:.5rem;text-align:center;box-shadow:0 4px 8px #0003}.create-modal-content .header{display:flex;align-items:center;padding:0 2rem}.create-close-btn{position:relative;left:40%;background:none;border:none;border-radius:.3rem;font-size:1.7rem;cursor:pointer;transition:color .3s ease}.create-close-btn:hover{color:#f55}.create-modal-content p{font-size:1rem;color:#b833ff}.card-list{padding:2rem;border-radius:.5rem;box-shadow:1px 3px 10px #333}.room-section{display:flex;flex-direction:column}.list{width:900px;display:flex;gap:1rem;overflow-x:auto}.card{min-width:250px;height:100px;padding:.6rem;margin:.6rem;display:flex;text-align:center;color:#ddd;flex-direction:column;justify-content:center;border-radius:.5rem;background:radial-gradient(circle,#b833ff,#3dd8d3);font-size:1.1rem;cursor:default;transition:background .4s ease-in-out,transform .3s ease-in-out}.card:hover{background:radial-gradient(circle,#b833ff,#3dd8d3,#b833ff);transform:scale(1.05)}.card-actions{display:flex;justify-content:space-evenly;color:#fff}.card-actions button{padding:.4rem .8rem;border:2px solid;background:#3cf;border-radius:.3rem;color:#fff;cursor:pointer;transition:.4s ease-in-out}.card-actions button:hover{background:#b833ff}@media screen and (max-width: 768px){.room{display:flex;flex-direction:column-reverse;font-size:.9rem}.create{height:auto}.float{height:150px;color:#fff;left:0;right:0;bottom:0;margin:0 3rem}.card-list{padding:1rem}.list{width:100%}}.add-question-container{padding:.8rem;text-align:center;color:#555;border-radius:.5rem;box-shadow:1px 3px 10px #333}.add-question-container .header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;cursor:default}.header .csv-btn{padding:.6rem 1rem;font-size:16px;color:#333;background-color:#fff;border-radius:.4rem;cursor:pointer;transition:.4s ease-in-out}.header .csv-btn:hover{color:#fff;background-color:#48dfd0}.add-question-input,.add-question-option{width:95%;padding:.7rem;margin:.5rem 0;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.add-question-option{width:85%;margin-left:10%}.correct{color:#2db72d}.add-question-input:focus,.add-question-option:focus{outline:none;border-color:#48dfd0;box-shadow:0 0 5px #0077b64d}.add-question-button{width:95%;padding:.6rem;background-color:#48dfd0;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.add-question-button:hover{background-color:#b833ff}.add-question-button:focus{outline:none;box-shadow:0 0 5px #005f8c4d}.bulk-upload-container{max-width:400px;margin:20px auto;text-align:center}.bulk-upload{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;padding:20px;border:2px dashed #48dfd0;border-radius:8px;max-width:400px;margin:20px auto;text-align:center;box-shadow:0 4px 6px #0000001a;position:relative;transition:background-color .3s ease}.bulk-upload.dragging{background-color:#48dfd0;border-color:#b833ff}.bulk-upload h3{font-size:18px;margin-bottom:15px;color:#333}.bulk-upload p{font-size:14px;color:#555;margin-bottom:15px}.custom-file-upload{width:100px;display:inline-block;padding:10px 20px;margin:.5rem 0;font-size:16px;color:#fff;background-color:#48dfd0;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.custom-file-upload:hover{background-color:#b833ff}.file-info{margin-top:10px;display:flex;align-items:center;text-wrap:wrap}.file-name{margin-top:10px;font-size:14px;color:#333}.download-template-link{color:#48dfd0}.download-template-link:hover{color:#b833ff;text-decoration:underline}.bulk-upload-container button{margin-top:10px;background-color:#48dfd0;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.bulk-upload-container button:disabled{background-color:#ccc;cursor:not-allowed}.bulk-upload-container .upload-btn:hover:not(:disabled){background-color:#b833ff}.file-info .remove-file-btn{color:#333;background:none;border:none;border-radius:4px;padding:5px 10px;font-size:1.5rem;cursor:pointer;margin-top:0}.file-info .remove-file-btn:hover{color:#f55}.question-list{height:70vh;padding:1rem;text-align:center;color:#333;border-radius:.5rem;box-shadow:1px 3px 10px #333;overflow-y:auto;background:#fff}.questions{padding:1rem;margin:1rem 0;display:flex;flex-direction:column;align-items:flex-start;border:1px solid #ddd;border-radius:.5rem;background:#fff;box-shadow:0 2px 5px #0000001a;cursor:pointer}.questions ol{list-style-type:lower-alpha;margin:.5rem 0 1rem;padding-left:1.5rem}.questions p{margin:.5rem 0;font-size:1rem;color:#555}.questions button{align-self:flex-end;border:none;background:#f33;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;color:#fff;cursor:pointer;transition:background-color .3s ease-in-out}.questions button:hover{background:#c80000}.question-list::-webkit-scrollbar{width:10px}.question-list::-webkit-scrollbar-thumb{background:#0003;border-radius:5px}.question-list::-webkit-scrollbar-thumb:hover{background:#0006}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}.up .popup{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 5px 15px #0000004d;max-width:400px;width:90%;height:50px;text-align:center;position:relative;z-index:1000;animation:popup-fade-in .3s ease-in-out}@keyframes popup-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-close-btn,.upload-close-btn{position:relative;background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer;transition:color .3s ease;box-shadow:0 5px 5px #00000089}.popup-close-btn{left:250px}.upload-close-btn{left:180px}.popup-close-btn:hover,.upload-close-btn:hover{color:#f55}@media screen and (max-width: 768px){.qroom{display:flex;flex-direction:column}.add-question-input,.add-question-option,.add-question-button,.header .csv-btn,.questions button{padding:.6rem;font-size:.8rem}.question-list{height:auto;display:flex;gap:1rem;padding:1rem 1rem 0}.questions{min-width:300px}.popup-close-btn{left:250px}.upload-close-btn{left:140px}}.navbar{display:flex;justify-content:space-between;align-items:center;margin:.5rem;margin-bottom:0;padding:1rem;color:#fff;border-radius:.5rem;box-shadow:4px .6px 10px #333}.navbar .logo{width:25%;font-size:1.6rem;cursor:pointer;background-image:linear-gradient(45deg,#48dfd0,#b833ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%;background-position:left;transition:background-position .4s ease-in-out}.navbar .logo:hover{background-position:right}.navbar .navLinks{width:60%;list-style:none;display:flex;justify-content:space-evenly}.navbar .link{text-decoration:none;color:#1ee8e4;font-size:1.15rem;font-weight:700;transition:color .4s}.link:hover{color:#b833ff;text-decoration:underline}.navbar .active-link{color:#b833ff;font-weight:700;border-bottom:2px solid #b833ff}.active-link:hover{text-decoration:none}.hamburger{width:10%;display:none;cursor:pointer;flex-direction:column;align-items:end;gap:5px;margin:1.4rem;transition:all .3s ease}.hamburger .line{width:25px;height:3px;background-color:#48dfd0;border-radius:5px;transition:transform .5s ease}.hamburger.open .line{background-color:#b833ff}.hamburger.open .line:nth-child(1){transform:rotate(-45deg) translateY(11px)}.hamburger.open .line:nth-child(2){opacity:0}.hamburger.open .line:nth-child(3){transform:rotate(45deg) translateY(-11px)}@media screen and (max-width: 768px){.navbar{height:60px}.navbar .logo{width:50%}.navbar .navLinks{position:absolute;top:105px;right:0;display:none;flex-direction:column;align-items:flex-start;padding:1rem;background:#ffffffb0;border-radius:.5rem;margin:0 .5rem;box-shadow:0 5px 10px #333;z-index:100}.navbar .navLinks.show{display:flex;transition:.5s ease}.navbar .link{width:90%;padding:1rem;text-align:left;font-size:1.2rem;border-bottom:2px solid #b833ff}.link:hover{text-decoration:none}.navbar .link:last-child{border:none}.hamburger{display:flex}}.results{margin:1rem;height:75vh;padding:.5rem 1rem;color:#555;border-radius:.5rem;box-shadow:1px 3px 10px #333;display:flex;flex-direction:column}.room-buttons{width:100%;display:flex;gap:.8rem;margin-bottom:1rem;overflow-x:auto}.room-buttons button{width:200px;padding:1rem;border:none;border-radius:4px;cursor:pointer;background-color:#ddd;color:#000;font-weight:700;transition:background-color .3s ease,color .3s ease}.table{height:45vh;overflow-y:auto}table{width:100%;border-collapse:collapse}table th,table td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}table th{background-color:#48dfd0;font-weight:700}table td{background-color:#fff}table tr:nth-child(2n) td{background-color:#f9f9f9}table tr:hover td{background-color:#f1f1f1}table td:first-child{font-weight:700;color:#3cf}.page-controls{width:100%;display:flex;justify-content:space-between}.page-controls button{width:200px;margin:1rem 0;padding:1rem;border:none;border-radius:4px}.page-info{text-align:center}@media screen and (max-width: 768px){.results{height:80vh;padding:0 1rem}.room-buttons button,.page-controls button{width:100px}}body{margin:0;padding:0;background-color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;width:100%}