.Container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-image:url(/assets/login-BhkT4Fol.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:darken;line-height:5vh}.Login-Container{position:absolute;top:28%;height:51%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;padding:20px}.Login-Form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #00000080;border-radius:10px}.Login-Form h2{margin:5px 0 25px;padding:10px;font-size:30px;text-align:center;font-weight:500}.Login-Form .input-box{position:relative;width:340px;height:45px;border-bottom:2px solid white;margin:13px 0}.Login-Form .remember-forgot{font-size:14.5px;font-weight:500;margin:6px 0;width:340px;display:flex;justify-content:space-between}.remember-forgot a{color:#e4e4e4;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.Login-Form .error{color:red;font-size:smaller;position:absolute;top:59%;margin:20px 0}.login-button{position:relative;top:3%;width:340px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.Login-Form .admin-login{text-align:center;position:relative;top:0%;display:flex;justify-content:space-around;font-size:14.5px;font-weight:500;margin:8px 0 0;width:340px}.admin-login p{display:flex;align-items:center;font-size:14px}.admin-login p:hover{cursor:pointer}.admin-login p a{text-decoration:none;font-size:small;color:#e4e4e4;font-weight:600}.admin-login p a:hover{text-decoration:underline}.admin-login p .admin-icon{position:relative;top:2px;font-size:15px;color:#fff}.background{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-image:url(/assets/background-Dea6viG3.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:darken;line-height:5vh}.dashboard-container{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.header{width:100%;height:35px;background:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 8px #0000001a;position:fixed;top:0;left:0;z-index:1000}.header h4,.header h3{color:#fff;margin:0}.header h3::selection{background-color:transparent}.header h4::selection{background-color:transparent}.header h4{font-size:20px;padding-left:0}.header h3{position:absolute;left:150px;font-size:24px;font-weight:700;text-align:center}.logoff-btn{position:absolute;top:6px;right:38px;font-size:medium;font-weight:700;background:transparent;font-size:40px;color:#e4e4e4;border:none;cursor:pointer;z-index:1000;pointer-events:auto}.info-div{position:absolute;top:6%;width:100%;padding:10px 0;display:flex;flex-direction:row;justify-content:center;align-items:center}.A,.B{flex-direction:row;align-items:center;transition:.2s ease-in;padding:5px}.connection-code-div{width:auto;height:6vh;width:240px;border-radius:4px;display:inline-flex;padding-left:10px;background-color:transparent;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 5px #000;transition:.2s ease-in-out}.connection-code{color:#fff;font-size:larger;font-weight:700;text-align:center;letter-spacing:7px}.connection-code::selection{color:#000;background-color:transparent}.connection-id-input{width:240px;height:6vh;color:#fff;font-size:larger;background-color:transparent;margin-left:4%;border-radius:4px;text-align:center;box-shadow:0 0 5px #000;outline:none;border:none;transition:.2s ease-in-out;letter-spacing:6px}.connection-id-input::placeholder{color:#fff;font-size:medium;letter-spacing:1px}.connection-id-input:focus{border:none;outline:none}.connection-id-input::selection{color:#000;font-weight:800;background-color:transparent}.button{display:flex;align-items:center;justify-content:center;padding:10px 15px}.ashost,.asremote{border:none;height:5vh;font-size:medium;font-weight:700;border-radius:8px;cursor:pointer}.ashost{background-color:green;width:150px;box-shadow:0 0 5px #00000080}.ashost:hover{background-color:green;transition:.2s ease-in-out;transform:scale(1.03)}.asremote{background-color:#f33;width:180px;box-shadow:0 0 5px #00000080}.asremote:hover{background-color:#f33;transition:.2s ease-in-out;transform:scale(1.03)}.button button::selection{background-color:transparent}.screen-share-options{position:absolute;top:14.5%;width:100%;padding:10px 0;display:flex;flex-direction:row;justify-content:center;align-items:center}.gethost-div,.tohost-div{display:none;flex-direction:row;align-items:center;transition:.2s ease-in;padding:5px}.gethostscreen,.sharescreentohost{background:transparent;height:40px;width:160px;font-size:medium;font-weight:700;border-radius:8px;cursor:pointer;border:none;outline:none;box-shadow:0 0 5px #000}.stopoption{position:absolute;top:21%;width:100%;padding:10px 0;display:none;flex-direction:row;justify-content:center;align-items:center}.stopscreen{border:none;height:4vh;font-size:medium;font-weight:700;padding:5px 10px;border-radius:6px;background-color:#fa7c06;cursor:pointer}.screencontainers{position:absolute;width:95%;top:28%;display:flex;flex-direction:row;gap:20px;padding-bottom:10px;margin-bottom:5px;overflow-y:hidden}.playback-containers{flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:transparent;border:1px solid #ccc;border-radius:8px;padding:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:800px;margin:0 auto}.h3-display{font-size:1.5em;margin-top:0;margin-bottom:5px;color:#fff}.video-container{width:100%;height:auto;max-height:500px;border-radius:4px;overflow-y:hidden}@media (max-width: 600px){.screencontainers{flex-direction:column;padding:10px}.playback-containers{max-width:100%}}@media (max-width: 768px){.info-div{flex-direction:column;align-items:center}.connection-code-div,.connection-id-input{width:100%;margin-left:0;margin-right:0}.connection-id-input{margin-left:30px}}.hostoptions{position:absolute;top:17%;width:100%;padding:10px 0;display:none;flex-direction:row;justify-content:center;align-items:center}.hostoptions div{display:flex;flex-direction:row;align-items:center;transition:.2s ease-in;padding:5px}.hostoptions button{margin-right:10px;width:12rem;padding:5px 10px;font-size:large;border-radius:7px;cursor:pointer}.acceptrequest{background-color:#000;font-size:large;border:none;transition:.6s ease-in}.declinerequest{background-color:#fa2b06;border:none}.container--div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;height:100vh;background-image:url(/assets/Admin.-fI2GW3Hu.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:darken;line-height:5vh}.login-container{position:absolute;top:28%;height:51%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;padding:20px}img{position:absolute;top:8%;width:130px;height:auto}.h1-nwr{position:absolute;top:20%;padding:10px 0;justify-content:space-around;font-size:35px;font-weight:bolder}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #00000080;border-radius:10px}.login-form h2{margin:10px 0 25px;padding:10px;font-size:30px;text-align:center;font-weight:500}.login-form .input-box{position:relative;width:340px;height:45px;border-bottom:2px solid white;margin:13px 0}.input-box input{width:100%;height:100%;background:transparent;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;padding-right:10%;box-sizing:border-box}.input-box .icon{position:absolute;top:9px;right:0;font-size:19px;color:#fff}.input-box label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;font-weight:500;pointer-events:none;transition:.3s ease-in-out}.input-box input:focus~label{padding-bottom:2px;top:6%;transform:translateY(-50%)}.input-box input:valid~label{padding-bottom:2px;top:6%;transform:translateY(-50%)}.login-form .remember-forgot{font-size:14.5px;font-weight:500;margin:6px 0;width:340px;display:flex;justify-content:space-between}.remember-forgot label input{accent-color:#e4e4e4;margin-right:3px}.login-form .error{color:red;font-size:smaller;position:absolute;top:57.5%;margin:20px 0}.login-btn{position:relative;top:2%;width:340px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.login-form .user-login{text-align:center;position:relative;top:0%;display:flex;justify-content:space-around;font-size:14.5px;font-weight:500;margin:8px 0 0;width:340px}.user-login p{display:flex;align-items:center;font-size:14px}.user-login p:hover{cursor:pointer}.user-login p a{text-decoration:none;font-size:small;color:#e4e4e4;font-weight:600}.user-login p a:hover{text-decoration:underline}.user-login p .user-icon{position:relative;top:2px;font-size:15px;color:#fff}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#000}html,body{height:100%;margin:0;width:100%;overflow-x:hidden}.backgroundcontainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-image:url(/assets/Background1-DcPAJ8cy.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:darken;line-height:5vh}.container{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.logoutbutton-div{width:100%;height:35px;background:transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 8px #0000001a;position:fixed;top:0;left:0;z-index:1000}.logoutbutton-div h4,.logoutbutton-div h3{color:#fff;margin:0}.logoutbutton-div h4{font-size:20px;padding-left:0}.logoutbutton-div h3{position:absolute;left:150px;font-size:24px;font-weight:700;text-align:center}.logout-button{position:absolute;top:6px;right:40px;font-size:medium;font-weight:700;background:transparent;font-size:40px;color:#e4e4e4;border:none;cursor:pointer;z-index:1000;pointer-events:auto}.loading-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.notification{display:none;margin-top:0%;justify-content:center;align-items:center;position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);background:#000;box-shadow:0 0 10px #00000080;color:#fff;font-size:20px;padding:0 8px;border-radius:10px;z-index:1000;max-width:80%;text-align:center}.notification.visible{display:flex}.notification.hidden{display:none}.home-menu{display:flex;flex-direction:column;position:fixed;top:-15%;height:100%;justify-content:center;align-items:center;text-align:center;margin:0}.home-menu .h1-first{font-size:60px;justify-content:center;font-weight:800}.home-menu .h1-second{font-size:45px;justify-content:center;font-weight:800}.home-menu .user-manage-btn{position:relative;top:3%;display:flex;justify-content:space-between;width:100%;margin-top:40px}.add-remove-icon{position:inherit;top:5px;font-size:25px;color:#fff;cursor:pointer}.user-btn-add{position:relative;left:10%;width:250px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.user-btn-remove{position:relative;right:10%;width:250px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #000c}.add-user-container{position:absolute;top:15%;height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;padding:20px}.detail-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #00000080;border-radius:10px}.detail-form h2{margin:-10px 0 30px;padding:5px;font-size:50px;text-align:center;font-weight:800}.detail-form .input-box-div{position:relative;width:450px;height:45px;border-bottom:2px solid white;margin:13px 0}.input-box-div input{position:absolute;width:100%;height:100%;background:transparent;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;padding-right:10%;box-sizing:border-box}.input-box-div .icon-box{position:absolute;top:6px;right:0;font-size:19px;color:#fff}.input-box-div label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;font-weight:500;pointer-events:none;transition:.3s ease-in-out}.input-box-div input:focus~label{padding-bottom:2px;top:5%;transform:translateY(-60%)}.input-box-div input:valid~label{padding-bottom:2px;top:5%;transform:translateY(-60%)}.detail-form .error{color:red;font-size:15px;position:absolute;top:70%;margin:20px 0}.btns{position:relative;top:3%;display:flex;justify-content:space-between;width:100%;margin-top:40px}.add-user-btn{position:relative;left:80px;width:200px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.add-user-btn span{position:absolute;top:15px;font-size:19px;color:#fff}.back-btn{position:relative;right:80px;width:200px;height:50px;background:#534d4d2f;text-align:center;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.back-btn span{position:absolute;right:40px;top:15px;font-size:19px;color:#fff}.removeuser-container{width:100%;height:90%;padding:20px;display:flex;flex-direction:column;align-items:center}.h2-users{margin:20px 0;font-size:60px;text-align:center}.h2-users .user-icon{position:relative;top:7px;left:10px;font-size:50px}.table-container{min-width:800px;width:80%;overflow-x:auto;margin-top:20px}table{width:100%;min-width:700px;border-collapse:collapse;table-layout:auto;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #00000080}table,th,td{border:1px solid #ddd;border-style:dashed;padding:12px 15px;text-align:center}th{font-size:19px;font-weight:800}td{font-size:15px}.name{text-align:left;padding-left:40px}.connectioncode,.delbutton,.email{text-align:center}.connectioncode{letter-spacing:3px}.delete{background-color:transparent;color:#ff2718;border:none;cursor:pointer;transition:.3s ease-in-out}.del-icon{position:relative;top:5px;font-size:30px}.del-icon:hover{color:#ca3131;transform:scale(1.1)}.back-button{margin-top:40px;padding:10px 30px;width:200px;height:50px;background:#534d4d2f;text-align:center;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #000}.back-button span{position:relative;top:2px;left:5px;font-size:20px;color:#fff}@media (max-width: 768px){.h2-users{font-size:24px}.h2-users .user-icon{font-size:20px}.back-button{width:150px;font-size:14px}}.Container-div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;height:100vh;background-image:url(/assets/forget-Bv4gplnG.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:darken;line-height:5vh}.forgot-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #00000080;border-radius:10px}.forgot-form h2{margin:-5% 0 20px;padding:5px;font-size:30px;position:relative;text-align:center;font-weight:500}.forgot-form p{margin:-4% 0 20px;padding:5px;font-size:14px;position:relative;text-align:center;font-weight:500}.forgot-form .inputbox{position:relative;top:-1%;width:340px;height:45px;border-bottom:2px solid white;margin:13px 0}.inputbox input{width:100%;height:100%;background:transparent;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;padding-top:3%;padding-right:10%;box-sizing:border-box}.inputbox .icon{position:absolute;top:9px;right:0;font-size:19px;color:#fff}.inputbox label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;font-weight:500;pointer-events:none;transition:.3s ease-in-out}.inputbox input:focus~label{padding-bottom:2px;top:6%;transform:translateY(-50%)}.inputbox input:valid~label{padding-bottom:2px;top:6%;transform:translateY(-50%)}.forgot-form .message{font-size:16px;position:absolute;top:48%;margin:20px 0}.forgot-form .error{font-size:16px;position:absolute;top:48%;margin:20px 0;text-align:center}.request-reset{position:relative;top:8%;width:340px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.forgot-form .back-to-login{position:relative;top:12%;display:flex;justify-content:space-around;font-size:14.5px;font-weight:500;margin:8px 0 0;width:340px}.Container-Div{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;height:100vh;background-image:url(/assets/reset-DonP0EcC.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-blend-mode:darken;line-height:5vh}.reset-container{position:absolute;top:24%;height:45%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;padding:20px}.h1nwr{position:absolute;top:10%;padding:10px 0;justify-content:space-around;font-size:50px;font-weight:bolder}.reset-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 10px #00000080;border-radius:10px}.reset-form h2{margin:2% 0 20px;padding:5px;font-size:30px;position:relative;text-align:center;font-weight:500}.reset-form .input_box{position:relative;top:0%;width:340px;height:45px;border-bottom:2px solid white;margin:13px 0}.input_box input{width:100%;height:100%;background:transparent;color:#fff;border:none;outline:none;font-size:16px;font-weight:500;padding-top:3%;padding-right:10%;box-sizing:border-box}.input_box .icon{position:absolute;top:9px;right:0;font-size:19px;color:#fff}.input_box label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;font-weight:500;pointer-events:none;transition:.3s ease-in-out}.input_box input:focus~label{padding-bottom:2px;top:6%;transform:translateY(-50%)}.input_box input:valid~label{padding-bottom:2px;top:6%;transform:translateY(-50%)}.reset-form .message{font-size:16px;position:absolute;top:55%;margin:20px 0}.reset-form .error{font-size:16px;position:absolute;top:55%;margin:20px 0;text-align:center}.reset{position:relative;top:9%;width:340px;height:50px;background:#534d4d2f;border:none;outline:none;border-radius:4px;cursor:pointer;font-size:20px;color:#fff;font-weight:bolder;letter-spacing:3px;box-shadow:0 0 10px #00000080}.reset-form .back-to-login{position:relative;top:5%;display:flex;justify-content:space-around;font-size:14.5px;font-weight:500;margin:8px 0 0;width:340px}.back-to-login p{display:flex;align-items:center;font-size:14px}.back-to-login p:hover{cursor:pointer}.back-to-login p a{text-decoration:none;font-size:small;color:#e4e4e4;font-weight:600}.back-to-login p a:hover{text-decoration:underline}.back-to-login p .user-icon{position:relative;top:2px;font-size:15px;color:#fff}:root{color-scheme:dark;height:100%;margin:0%}html,body{height:100%;width:100%;margin:0;padding:0;font-family:Poppins}