body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee;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}.dashboard-main{font-size:30px;height:100vh}.row1{display:flex;display:grid;flex-direction:column;grid-template-columns:9fr 1fr}.heading{font-size:30px}h2{margin:1% 0 0 1%}.dashboard-main p{font-size:20px}.home-container-login{padding:20px;text-align:center}.popup-overlay{animation:fadeIn .3s ease-in;height:100%;padding-left:22.25%;padding-top:16.5%;width:100%}.createbtncol{padding:10px 20px 10px 10px}.createbtn{background-color:#222831;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.createbtncol>*,.heading>*{align-self:flex-start}.session-list{flex-wrap:wrap}.flashcard,.session-list{display:flex;justify-content:center}.flashcard{background-color:#000;border-radius:5px;color:#eee;margin:10px;padding:20px;width:300px}.detailsbtn,.flashcard:hover{background-color:#222831}.detailsbtn{border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10%;padding:6px 12px}.detailsbtn:hover{background-color:#31363f}.detailsbtn:focus{outline:none}.new-popup{animation:fadeIn .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#474839,#3498db);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 10px 30px #0003;color:#fff;left:50%;min-width:350px;padding:30px;position:fixed;top:50%;transform:translate(-50%,-50%)}h5{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:.5px;padding:12px 0}.new-popup-inner{text-align:center}.new-popup-inner h2{margin-top:0}.new-popup-inner button{margin-top:10px}.qr-code{align-items:center}.popup{background-color:#000;border-radius:5px;box-shadow:0 0 10px #0000004d;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:1000px}.popup-content{display:flex;margin-left:10px}.popup-content,.popup-inner{align-items:center}.session-details{flex:1 1;margin-right:20px}.session-details p{color:#fff;margin-bottom:10px}.session-details button{margin-top:10px}.qr-code{padding:20px;width:200px}.QRCode{border:2px solid #000;border-radius:10px;height:200px;width:200px}.scrollable-content{max-height:300px;overflow-y:auto}table{background-color:#f0f8ff;border-radius:5px;margin-top:20px}th{background-color:#222831;color:#fff;font-size:medium}td,th{border:1px solid #000;font-size:small;padding:10px}.copybtn{margin-left:38%}.copybtn,button{background-color:#222831;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.copybtn:hover{background-color:#31363f}.landing-main{align-items:center;background-color:#e8e2ff;display:flex;flex-direction:column;font-size:30px;height:100vh;justify-content:center;width:100%}.landing-login-button{font-size:20px}.landing-login-button,.landing-register-button{background:#000;border:3px solid #000;border-radius:4px;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:16px;text-align:center;text-decoration:none;transition:background 1s linear 0ms;transition:color .5s linear 0ms;width:500px}.landing-register-button{font-size:16px;font-size:20px}.landing-login-button:hover,.landing-register-button:hover{background-color:#fff;color:#333}.slider{margin-top:-100px;max-width:60vw}.slide{display:none;position:relative}.slide.active{display:block}.slide span{align-items:center;background:#000000b3;border-radius:5px;bottom:6px;color:#fff;display:flex;height:98.5%;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:100%}.slide span li{list-style-type:none;padding:10px}.slide span h1{font-size:1.5em}.slide span h1,.slide span p{padding:10px;text-align:center}.slide span p{font-size:1em}.slide span{animation:slide-up .5s ease}@keyframes slide-up{0%{height:0}to{height:95%}}.slide img{border:1px solid #000;border-radius:5px;width:100%}.navigation-bottom{align-items:center;display:flex;justify-content:center}.preview{border:3px solid gray;cursor:pointer;margin:0 2px;transition:all .2s ease}.preview.active{border-color:skyblue}.navigation-next-prev .next-prev{cursor:pointer;font-size:1.5em;position:absolute;top:50%;transform:translateY(-100%);z-index:10000}.next{right:10px}.prev{left:10px}.skipbtn{cursor:pointer;font-size:medium;padding:10px 20px;position:absolute;right:20%;top:95%;transform:translateY(-100%);z-index:10000}.login-main{display:flex;overflow-y:auto}.login-left{align-items:center;border-radius:5px;display:flex;flex-grow:1;height:80vh;justify-content:center;margin-left:20px;margin-top:60px}.login-left img{width:400px}.login-right{flex-grow:1;height:100vh}.login-right-container{height:80%;justify-content:center;margin:0 auto;width:80%}.login-right form,.login-right-container{display:flex;flex-direction:column}.login-logo{align-self:center;border-radius:5px;margin-top:20px}.login-center{margin:auto 0}.login-logo img{width:50px}.login-center h2{font-size:35px}.login-center{text-align:center}.login-center p{font-size:20px;font-weight:400;margin-bottom:40px}form input[type=email],form input[type=password],form input[type=text]{border:0;border-bottom:1px solid #222831;box-sizing:border-box;margin-bottom:16px;outline:none;padding:16px;width:100%}.pass-input-div{position:relative}.pass-input-div button{font-size:15px;top:15px}.hide,.pass-input-div button,.see{cursor:pointer;outline:none;position:absolute;right:5px}.login-center-options{display:flex;justify-content:space-between}.remember-div{align-items:center;column-gap:5px;display:flex}.remember-div label{cursor:pointer;font-size:13px;font-weight:500;margin-top:2px}.forgot-pass-link{font-size:13px;text-decoration:none}.forgot-pass-link:hover{text-decoration:underline}.login-center-buttons{display:flex;flex-direction:column;margin-top:40px;row-gap:10px}.login-center-buttons button:first-child{background:#222831;border:3px solid #222831;color:#fff;transition:background 1s linear 0ms;transition:color .5s linear 0ms}.login-center-buttons button:first-child:hover{background-color:#fff;color:#333}.login-center-buttons button:nth-child(2){align-items:center;background:#f0f0f0;column-gap:10px;display:flex;justify-content:center;transition:background .5s linear 0ms}.login-center-buttons button:nth-child(2) img{width:30px}.login-center-buttons button:nth-child(2):hover{background:#c4c4c4c2}.login-bottom-p{font-size:15px;text-align:center}.login-bottom-p a{font-weight:600;text-decoration:none}.login-bottom-p a:hover{text-decoration:underline}.register-main{display:flex;overflow-y:auto}.register-left{align-items:center;border-radius:5px;display:flex;flex-grow:1;height:80vh;justify-content:center;margin-left:20px;margin-top:60px}.register-left img{width:400px}.register-right{flex-grow:1;height:100vh}.register-right-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;width:80%}.register-right form{display:flex;flex-direction:column;max-width:400px;width:100%}.register-right form>*{margin-bottom:16px}.register-logo{align-self:center;border-radius:5px;margin-top:20px}.register-logo img{width:50px}.register-center{text-align:center}.register-center h2{font-size:35px}.register-center p{font-size:20px;font-weight:400;margin-bottom:40px}form input[type=date],form input[type=email],form input[type=password],form input[type=text],form select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;outline:none;padding:16px;width:100%}form button[type=submit]{background-color:#000;border:none;border-radius:4px;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:background-color .3s ease;width:100%}form button[type=submit]:hover{background-color:#333}form button[type=button]{background-color:#000;border:none;border-radius:4px;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-right:10px;padding:16px;transition:background-color .3s ease}.register-bottom-p{font-size:15px;padding-bottom:40px;text-align:center}.register-bottom-p a{font-weight:600;text-decoration:none}.register-bottom-p a:hover{text-decoration:underline}.logout-main{align-items:center;display:flex;flex-direction:column;font-size:30px;height:100vh;justify-content:center;width:100%}.nav-container{background-color:#fff;color:#000}.nav-links{color:#333;font-weight:700;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#007bff}a{color:#fff;text-decoration:none}nav{border-bottom:1px solid #ddd}nav,nav ul{display:flex;justify-content:space-between}nav ul{align-items:flex-end}nav li{list-style-type:none;margin-right:20px}h5{margin:0}.logout{background-color:#f44336;border-radius:5px;margin-left:auto;padding:8px 15px;transition:all .3s ease}.logout,.logout a{align-items:center;display:flex}.logout a{color:#fff;text-decoration:none}.logout img{filter:brightness(0) invert(1);height:24px;width:24px}.logout:hover{background-color:#d32f2f;box-shadow:0 2px 4px #0003;transform:scale(1.05)}.user-details-container{position:relative}.user-details-popup{background-color:#363636;border:1px solid #ccc;color:#fff;padding:10px;position:absolute;right:0;top:calc(100% + 25px)}.user-details-container:hover .user-details-popup{display:block}.user-details-popup p{margin:0 0 5px}.user-details-popup img{border-radius:50%;height:30px;width:30px}.user-details{align-items:center;display:flex;justify-content:center}.user-icon,.username{margin-right:10px}.user-icon{align-items:center;background-color:aqua;border-radius:50%;color:#000;display:flex;height:30px;justify-content:center;padding:5px;width:30px}.dashboard-main{margin:0 auto;max-width:1200px;padding:2rem}.session-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.session-list h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}table{background:#fff;border-collapse:collapse;margin-top:1rem;width:100%}thead{background-color:#f8f9fa}th{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;text-align:left}td,th{padding:1rem}td{border-bottom:1px solid #dee2e6;color:#212529}tbody tr:hover{background-color:#f8f9fa;transition:background-color .2s ease}.distance{font-weight:600}tbody tr td[colspan="6"]{color:#6c757d;padding:2rem;text-align:center}td img{border-radius:4px;object-fit:cover;transition:transform .2s ease}td img:hover{transform:scale(1.05)}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:1024px){.dashboard-main{padding:1rem}table{display:block;overflow-x:auto;white-space:nowrap}td,th{padding:.75rem}td img{max-width:150px}}@media (max-width:768px){.session-list{padding:1rem}td img{max-width:100px}td,th{font-size:.875rem;padding:.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.popup-overlay>*{animation:fadeIn .3s ease-out}.loading-spinner{align-items:center;display:flex;justify-content:center;padding:2rem}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;margin:1rem 0;padding:1rem}.form-popup{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.016);left:50%;max-width:90%;padding:2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px}.form-popup-inner{display:flex;flex-direction:column;gap:1.5rem}.form-popup-inner h5{color:#333;font-size:1.25rem;margin:0;text-align:center}.camera-container{background:#f0f0f0;border-radius:4px;height:225px;margin:0 auto;overflow:hidden;position:relative;width:300px}.camera-container img,.camera-container video{height:100%;object-fit:cover;width:100%}.camera-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.camera-controls button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.camera-controls button:hover{background:#0056b3}.camera-controls button:disabled{background:#ccc;cursor:not-allowed}.attendance-form{display:flex;flex-direction:column;gap:1rem}.attendance-form input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.attendance-form button{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s}.attendance-form button:hover{background:#218838}.attendance-form button:disabled{background:#ccc;cursor:not-allowed}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem}.error-message{background:#fff3f3;border:1px solid #dc3545;border-radius:4px;color:#dc3545;padding:.75rem}.error-message,.success{text-align:center}.success h5{color:#28a745;margin-bottom:1rem}@media (max-width:480px){.form-popup{border-radius:0;height:100%;width:100%}.camera-container{height:auto;width:100%}}
/*# sourceMappingURL=main.baa37917.css.map*/