@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap);body,html{background-color:#121212;font-family:Arial,sans-serif;height:100vh;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100vw}body{align-items:center;background:url(/static/media/backimage2.30a0737897de391f27d5.jpg);display:flex;justify-content:center;min-height:100vh}.login-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;color:#fff;max-width:420px;overflow:hidden;padding:30px 40px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:420px}.login-box,.login-container{height:100%;position:relative}.login-box{width:100%}.form-container{left:0;opacity:0;position:absolute;top:0;transform:translateX(100%);transition:opacity .5s ease,transform .5s ease;width:100%}.form-container.active{opacity:1;transform:translateX(0)}.form-container.exit{opacity:0;transform:translateX(-100%)}.login-box h2{color:#fff;font-size:36px;font-weight:700;margin-bottom:25px;text-align:center}.input-container{background:#0000;border:1px solid #fff3;border-radius:25px;color:#fff;height:50px;margin:15px 0;padding:12px 20px;width:100%}.login-input-field{background-color:initial;border:none;color:#fff;font-size:16px;height:100%;outline:none;width:95%}.login-input-field::placeholder{color:#fff}.input-field{background-color:initial;border:none;color:#fff;font-size:16px;height:100%;outline:none;width:80%}.input-field::placeholder{color:#fff}.login-button{background:#fff;border:none;border-radius:25px;color:#333;cursor:pointer;font-size:16px;font-weight:600;height:50px;margin-top:15px;transition:background .3s ease,color .3s ease;width:100%}.login-button:hover{background:#534949b3;color:#fff}.register-button{background:#fff;border:none;border-radius:25px;color:#333;cursor:pointer;font-size:16px;font-weight:600;height:50px;margin-top:15px;transition:background .3s ease,color .3s ease;width:100%}.register-button:hover{background:#534949b3;color:#fff}.checkbox-container{align-items:center;display:flex;margin-bottom:10px}.checkbox-container input[type=checkbox]{margin-right:10px;width:auto}label{font-size:14px}.details-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin-left:10px;text-decoration:underline}.details-button:hover{color:#0056b3}.details-content{background:#f9f9f912;border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;margin:10px 0;padding:10px}.details-content p{margin:0}.Verification-button{background:#fff;border:none;border-radius:10px;color:#333;cursor:pointer;font-size:13px;font-weight:600;height:100%;padding-left:10px;padding-right:10px;transition:background .3s ease,color .3s ease;width:auto}.Verification-button:hover{background:#534949b3;color:#fff}.forgot-signup{display:flex;justify-content:space-between;margin-top:15px}.forgot-password{background:none;border:none;color:#fff;color:inherit;cursor:pointer;display:block;font-size:14px;text-align:right;text-decoration:none;transition:color .3s ease;width:100%}p{margin-top:15px;text-align:center}.signup,p{color:#fff;font-size:14px}.signup{background:none;border:none;color:inherit;cursor:pointer;text-decoration:none;transition:color .3s ease}.forgot-password:hover,.signup:hover{color:#aaa;text-decoration:underline}.back-to-login{background:none;border:none;color:#fff;color:inherit;cursor:pointer;display:block;font-size:14px;margin-top:25px;text-align:center;text-decoration:none;transition:color .3s ease;width:100%}.back-to-login:hover{color:#aaa;text-decoration:underline}.login-message{color:#fff;font-size:14px;font-weight:500;margin-top:15px;text-align:center}.main-container{color:#fff;height:100vh;position:relative;text-align:center;width:100vw}.background-grid{box-sizing:border-box;overflow-y:auto;padding:20px}.settings-icon{cursor:pointer;position:fixed;right:20px;top:20px;z-index:2000}.user-management{box-sizing:border-box;font-family:Arial,sans-serif;height:100%;overflow:auto;scrollbar-width:none;width:100%}.user-management::-webkit-scrollbar{display:none}.user-management h1{color:#333;margin-bottom:20px;text-align:center}.user-table{border-collapse:collapse;margin:0 auto;width:100%}.user-table td,.user-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.user-table th{background-color:#2e2e2e8e;color:#979797}.user-password-input{background-color:#ddd0;border:none;color:#fff;outline:none}.user-password-button{background-color:#dddddd1a;border:none;border-radius:5px;outline:none;padding:10px 15px}.user-password-button:hover{background-color:#dddddd4f}.user-table tr:hover{background-color:#3131314d}.button-management{background-color:#dddddd1a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:5px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s}.button-management:hover{background-color:#dddddd4f}.button-delete{background-color:#dddddd1a;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:5px;padding:10px 15px;text-align:center;text-decoration:none;transition:background-color .3s}.button-delete:hover{background-color:#dddddd4f}.draggable-modal{border-radius:8px;box-shadow:0 0 10px #fff3;color:#000;left:50px;position:absolute;top:50px;transform:scale(.9);transform-origin:top left;width:400px;z-index:1000}.modal-header{align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 0 10px #fff3;cursor:move;display:flex;justify-content:space-between;padding:10px}.modal-title{font-size:18px;margin:0}.close-button{align-items:center;background:none;border:none;color:#f0f8ff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px}.close-button:hover{color:#f33}.modal-content{max-height:auto;overflow-y:auto;padding:20px}h2{color:#ff4d4d;font-size:1.5em;margin-bottom:15px}.settings-section{color:#fff;font-size:.9em;margin-bottom:15px}.settings-section h3{font-size:1.2em;margin-bottom:8px}.settings-section ul{list-style-type:none;padding-left:0}.settings-section ul li{background-color:#252525;border-radius:4px;cursor:pointer;font-size:.9em;margin-bottom:6px;padding:8px}.settings-section ul li:hover{background-color:#7e7e7e}.admin-settings-section{color:#fff;font-size:.9em;margin-bottom:15px}.admin-settings-section h3{font-size:1.2em;margin-bottom:8px}.admin-settings-section ul{list-style-type:none;padding-left:0}.admin-settings-section ul li{background-color:#252525;border-radius:4px;cursor:pointer;font-size:.9em;margin-bottom:6px;padding:8px}.admin-settings-section ul li:hover{background-color:#7e7e7e}.logout-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1em;margin-top:15px;padding:8px 16px;text-align:center;width:100%}.logout-button:hover{background-color:#f33}.user-notification-container{border-radius:8px;box-shadow:0 0 10px #0000001a;height:100%;margin:20px auto;padding:20px;width:90%}.user-notification-container h2{color:#d4d4d4;font-size:24px;margin-bottom:20px;text-align:center}.user-notification-list{list-style-type:none;margin:0;padding:0}.user-notification-item{border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:10px}.user-notification-item:last-child{border-bottom:none}.user-notification-title{background-color:#ffffff21;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:10px 15px;text-align:left;width:100%}.user-notification-title:hover{background-color:#ffffff69}.user-notification-content{background-color:#4d4d4d56;border-radius:4px;box-shadow:0 0 5px #0000001a;margin-top:10px;padding:10px 15px}.user-notification-content p{color:#d4d4d4;font-size:16px;margin:5px 0}.user-notification-content strong{color:#333}.user-notification-content pre{background-color:#4d4d4d56;border-radius:4px;color:#d4d4d4;font-size:14px;line-height:1.5;overflow-x:auto;padding:10px;text-align:start}.notification-container{border-radius:10px;color:#fff;height:100%;margin:0 auto;padding:20px;width:100%}.notification-container h1,.notification-container h2{color:#fff;text-align:center}.notification-container input{height:5vh;margin-bottom:5px}.notification-container input,.notification-container textarea{background-color:#ffffff69;border:none;border-radius:5px;box-sizing:border-box;color:#fff;font-size:16px;outline:none;padding:10px;width:calc(100% - 110px)}.notification-container textarea{height:30vh}.notification-container button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}.notification-container ul{list-style-type:none;padding:0}.notification-container li{align-items:center;background-color:#00000080;border-radius:5px;display:flex;justify-content:space-between;margin:10px 0;padding:10px}.notification-container li button{background-color:#ff4d4d;border-radius:5px;padding:5px 10px}.tr_delete{width:9%}table{border-collapse:collapse;margin-top:20px;width:100%}thead{background-color:#f2f2f2}td,th{border:1px solid #00000031;padding:8px;text-align:left}th{background-color:#00000038;color:#414141;text-align:center}.delete-button{background-color:#ff4d4d;border:none;color:#fff;cursor:pointer;padding:5px 10px}.delete-button:hover{background-color:#ff1a1a}.Notification-modal-content{border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:20px;width:100%;z-index:1001}.Notification-modal-close-button{background-color:initial;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}body{background-size:cover;font-family:Arial,sans-serif;margin:0;padding:0}.myapge-container{align-items:center;box-sizing:border-box;display:flex;height:70vh;justify-content:center;padding:20px}.myapge-content-box{background-color:rgba(0,0,0,.432);border-radius:10px;box-shadow:0 4px 15px #0003;max-width:500px;padding:30px;text-align:center;width:100%}.myapge-h1,.myapge-h2{color:#f2f2f2;margin-bottom:20px}.myapge-p{color:#e6e6e6}.myapge-ul{list-style:none;padding:0}.myapge-li{border:1px solid #e6e6e6;border-radius:5px;color:#ccc;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.myapge-li strong{color:#fff;margin-right:10px}.myapge-error-message,.myapge-loading-message{color:#fcc;margin-top:20px;text-align:center}.myapge-toggle-button{background-color:#98989819;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .3s ease}.myapge-toggle-button:hover{background-color:#ffffff19}.dashboard-container{align-items:center;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.dashboard-header{margin-bottom:20px;text-align:center}.dashboard-header h1{color:#4b4b4b;font-size:2.5rem;margin-bottom:10px}.dashboard-header p{color:#6c757d;font-size:1.2rem}.dashboard-main{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:1200px;padding:20px;width:100%}@media (max-width:768px){.dashboard-header h1{font-size:2rem}.dashboard-header p{font-size:1rem}.dashboard-main{padding:15px}}.cloud-container{font-family:Arial,sans-serif;padding:20px;text-align:center}.content-container{margin:0 auto;max-width:1000px}.message{color:red;font-weight:700}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:16px;margin:10px 5px;padding:10px 15px;transition:background-color .3s}.btn-create-directory{background-color:#28a745;color:#fff}.btn-create-directory:hover{background-color:#218838}.btn-go-back{background-color:#ffffff49;color:#fff}.btn-go-back:hover{background-color:#6e6e6e2a}.btn-upload{background-color:#ffc107;color:#fff}.btn-upload:hover{background-color:#e0a800}.btn-close{background-color:#dc3545;color:#fff}.btn-close:hover{background-color:#c82333}.file-upload-container{margin-bottom:20px}.file-list{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;height:500px;list-style-type:none;overflow-y:scroll;padding:10px;text-align:left}.file-item{cursor:pointer;padding:10px;transition:background-color .2s}.file-item:hover{background-color:#f1f1f1}.chat-page{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;height:100vh;overflow:hidden;width:70vw}.contact-list{background-color:#f5f5f5;border-right:1px solid #ccc;display:flex;flex-direction:column;padding:10px;width:30%}.contact-list h2{font-size:18px;margin-bottom:10px;text-align:center}.contact-list ul{flex-grow:1;list-style-type:none;margin:0;overflow-y:auto;padding:0}.contact-list li{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;margin-bottom:8px;padding:10px;transition:background-color .3s}.contact-list li:hover{background-color:#e6f7ff}.add-friend{margin-top:20px;text-align:center}.add-friend input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:80%}.add-friend button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;width:15%}.add-friend button:hover{background-color:#45a049}.chat-section{display:flex;flex-direction:column;width:70%}.chat-history{background-color:#fff;border-bottom:1px solid #ccc;flex-grow:1;overflow-y:auto;padding:10px}.chat-history h2{font-size:18px;margin-bottom:10px;text-align:center}.chat-history ul{list-style-type:none;margin:0;padding:0}.chat-history li{background-color:#f1f1f1;border-radius:10px;margin-bottom:10px;padding:10px}.chat-history li strong{font-weight:700}.chat-input{background-color:#f5f5f5;border-top:1px solid #ccc;display:flex;padding:10px}.chat-input input{border:1px solid #ccc;border-radius:4px;padding:10px;width:80%}.chat-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:5%;padding:10px;width:15%}.chat-input button:hover{background-color:#0056b3}.error-message{font-size:14px}.main-container{padding:20px}.background-grid{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:7px;box-shadow:0 0 10px #fff3;color:#fff;height:80%;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:80%}.background-grid,.email-form{display:flex;flex-direction:column}.email-form{margin:auto;max-width:500px}.email-form label{margin-bottom:10px}.email-form input,.email-form textarea{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:10px}.email-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.email-form button:hover{background-color:#0056b3}.status-message{color:green;margin-top:10px}.status-message.error{color:red}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.background-grid-resetpassword{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:2px solid #fff3;border-radius:10px;box-shadow:0 0 10px #fff3;color:#fff;height:100%;max-width:420px;overflow:hidden;padding:30px 40px;position:relative;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:420px}.background-grid-resetpassword h2{color:#fff;font-weight:600;margin:0 0 30px;padding:0}.reset-password-form{display:flex;flex-direction:column}.reset-password-form input{background:#0000;border:1px solid #fff3;border-radius:25px;color:#fff;height:50px;margin:15px 0;outline:none;padding:12px 20px;width:100%}.reset-password-form input::placeholder{color:#fff}.reset-password-form button{background:#fff;border:none;border-radius:25px;color:#333;cursor:pointer;font-size:16px;font-weight:600;height:50px;margin-top:15px;width:100%}.error-button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;outline:none;padding:10px;width:100%}.reset-password-form button:hover{background:#534949b3;color:#fff}.error-message{color:red;margin-bottom:15px}.success-message{color:green;margin-bottom:15px}
/*# sourceMappingURL=main.71379517.css.map*/