@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";.container-auth-wrapper{height:100vh;margin:0;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.container-auth{min-height:350px;width:800px;background:#e7e7e7;border-radius:15px;display:flex;justify-content:space-between}.container-auth .container-form{width:100%}.container-auth .image-login img{width:300px;height:100%;border-radius:0 15px 15px 0}.container-form h2{text-align:center;font-size:32px;color:#1d1d1d;margin-bottom:30px;font-weight:600;margin-top:10px}.container-form .input-container{display:flex;flex-direction:column;width:55%;margin:0 auto 20px}.container-form .input-container label{font-size:18px;margin-bottom:5px;font-weight:600}.container-form .input-container input{font-size:16px;font-weight:500;border:none;outline:none;background:none;border-bottom:1px solid #000}.submit-container{display:flex;justify-content:center}.submit-container button{font-size:18px;padding:5px 20px;background:none;outline:none;border:none;cursor:pointer;margin-top:5px;background:#6e299c;border-radius:5px;color:#eee;font-weight:500}.submit-container button:hover{background:#9c2929}.other-auth-container{display:flex;justify-content:center}.other-auth-container button{background:none;outline:none;border:none;cursor:pointer;color:#3241cc;font-size:13px;margin-top:10px;font-weight:500}.other-auth-container button:hover{color:#8232cc}@media(max-width:900px){.image-login{display:none}.container-auth{width:600px}.container-form .input-container{width:65%}}@media(max-width:650px){.container-auth{width:400px}.container-form .input-container{width:65%}.submit-container button{padding:5px 27px}}@media(max-width:400px){.container-auth{width:400px}.container-form .input-container{width:85%}.submit-container button{padding:5px 27px}}.toast-container{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:5px;position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast-container .toast{width:260px;white-space:normal;word-break:break-word;padding:12px 16px;border-radius:6px;background:#ff4d4f;color:#fff;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out;font-size:14px;box-shadow:0 4px 12px #00000026}.toast-container .toast.success{background:#4caf50}.toast-container .toast.warning{background:#faad14}.toast-container .close-btn{background:transparent;border:none;cursor:pointer;color:#fff;font-size:18px;margin-left:10px}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.loader-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:99999}.loader-spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.left-bar-wrapper{position:relative;width:200px;height:100vh;background:#ffffffd0;padding-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.left-bar-wrapper .profile{margin-bottom:25px}.left-bar-wrapper .profile:hover{color:#007bff;cursor:pointer}.sidebar{display:flex;flex-direction:column;gap:10px;align-items:center}.sidebar a{text-decoration:none;font-weight:500;font-size:16px;color:#333;padding:6px 0}.sidebar a:hover,.sidebar a.active{color:#007bff}.menu-open-close{z-index:111;margin-top:5px;position:absolute;top:0;left:15px;cursor:pointer}.menu-open-close img{color:#000;background:#444;border-radius:5px;width:30px}.menu-open-close img:hover{background:#333}@media(max-width:600px){.left-bar-wrapper{position:absolute;width:150px}}.dashboard-wrapper{display:flex;height:100vh}.dashboard-content{width:100%;height:100%;overflow-y:auto}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:20px;z-index:2000}.modal{background:#fff;padding:28px;width:480px;border-radius:16px;box-shadow:0 20px 40px #0000002e;animation:slideUp .3s ease forwards;display:flex;flex-direction:column;gap:18px;max-height:90vh;overflow-y:auto}.modal h2{margin:0;font-size:22px;font-weight:600;color:#222}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form{display:flex;flex-direction:column;gap:16px}.form label{font-size:14px;color:#333;font-weight:500;display:flex;flex-direction:column;gap:6px}.form input,.form textarea,.form select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #dcdcdc;font-size:14px;transition:.2s ease;background:#fafafa}.form input:focus,.form textarea:focus,.form select:focus{border-color:#6a5af9;background:#fff;box-shadow:0 0 0 3px #6a5af926;outline:none}.form textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.modal-actions button{padding:8px 18px;border-radius:8px;font-size:14px;cursor:pointer;border:none;transition:.2s ease}.modal-actions button:nth-child(1){background:#e5e5e5;color:#333}.modal-actions button:nth-child(1):hover{background:#dcdcdc}.modal-actions button:nth-child(2){background:#6a5af9;color:#fff}.modal-actions button:nth-child(2):hover{background:#5848f7}.sem-overlay{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200}.sem-modal{width:480px;max-width:90vw;max-height:85vh;overflow-y:auto;background:#1f1f1f;padding:28px;border-radius:14px;color:#fff;box-shadow:0 10px 35px #00000080;animation:modalShow .25s ease;position:relative;overflow-wrap:break-word;word-break:break-word}@keyframes modalShow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sem-modal h2{margin:0 0 16px;font-size:22px}.sem-edit-btn{position:absolute;top:18px;right:18px;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;background:#3a82f7;color:#fff;font-size:13px;font-weight:500;transition:background .2s}.sem-edit-btn:hover{background:#1f6be0}.sem-field{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid #3a3a3a;overflow-wrap:break-word;word-break:break-word;white-space:pre-line}.sem-label{color:#bfbfbf;font-weight:600;font-size:14px}.sem-input{background:#292929;border:1px solid #444;border-radius:6px;padding:10px;font-size:14px;color:#fff;width:100%}.sem-textarea{min-height:90px;resize:vertical;white-space:pre-wrap}.sem-footer-buttons{display:flex;gap:12px;margin-top:20px}.sem-save-btn{flex:1;background:#2ecc71;padding:10px;border-radius:8px;border:none;cursor:pointer;color:#fff;font-weight:600;transition:background .2s}.sem-save-btn:hover{background:#25b864}.sem-cancel-btn{flex:1;background:#555;padding:10px;border-radius:8px;border:none;cursor:pointer;color:#fff;font-weight:600;transition:background .2s}.sem-cancel-btn:hover{background:#444}.sem-bottom-buttons{display:flex;flex-direction:column;gap:12px;margin-top:18px}.sem-delete-btn,.sem-close-btn{width:100%;padding:10px;border-radius:8px;border:none;cursor:pointer;font-weight:600;color:#fff;transition:background .2s}.sem-delete-btn{background:#7c1c1c}.sem-delete-btn:hover{background:#a32020}.sem-close-btn{background:#ff4b4b}.sem-close-btn:hover{background:#ff1f1f}button:disabled{opacity:.7;cursor:not-allowed}.servers-wrapper{margin:0 auto;padding:30px 0;width:50%;overflow-y:visible;max-height:none}.servers-wrapper::-webkit-scrollbar{display:none}.server-container{width:100%;background:#ffffffd0;margin-bottom:30px;border-radius:5px;cursor:pointer;padding:5px 15px}.server-container.expires{background:#f8ff89}.server-container.expired{background:red}.server-container:hover{background:#dadadac7;transition:.2s ease background}.server-container .info{display:flex;justify-content:center;text-align:center;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;flex-wrap:wrap}.server-container .description{margin-top:10px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-line;display:flex;justify-content:center}.create-server-container{display:flex;justify-content:center;margin-top:30px;margin-bottom:30px}.create-server-container button{outline:none;background:none;border:none;background:#474747;color:#fff;font-size:18px;padding:10px 20px;border-radius:10px;cursor:pointer;transition:.2s ease background}.create-server-container button:hover{background:#313131}.due-date{margin-top:7px;display:flex;justify-content:left}@media(max-width:1550px){.servers-wrapper{width:60%}}@media(max-width:1100px){.servers-wrapper{width:70%}}@media(max-width:810px){.servers-wrapper{width:75%}}.not-found-div .text{color:#000;font-weight:700;font-size:34px;display:flex;justify-content:center;margin-top:40px}.accounts-container{width:100%;margin:0 auto;width:65%;align-content:center;text-align:center;padding-top:30px}.accounts-container .create-account-btn-container button{padding:10px;border:none;outline:none;background:#fafafa;color:#000;font-size:16px;font-weight:500;border-radius:10px;cursor:pointer;transition:.2s ease background;margin-bottom:50px}.accounts-container .create-account-btn-container button:hover{background:#a7a7a7}.accounts-container .accounts{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.accounts-container .accounts .account{background:#484b6b;color:#fff;border-radius:10px;padding-bottom:5px;font-weight:500;width:250px;cursor:pointer;transition:.2s ease all}.accounts-container .accounts .account:hover{background:#464646}.accounts-container .accounts .account .name{position:relative;font-weight:500;font-size:20px;padding-bottom:5px;margin-bottom:10px;color:#0ff}.accounts-container .accounts .account .name:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(to right,transparent,#b9b9b9 20%,#b9b9b9 80%,transparent)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif}body:before{content:"";position:absolute;inset:0;background-image:url(/assets/ocean-D8tLt8_R.gif);background-repeat:no-repeat;background-size:cover;background-position:center;filter:blur(7px);z-index:-1}*{scrollbar-width:thin;scrollbar-color:#7d7d7d transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-button{display:none;width:0;height:0}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:#a0a0a0}a:hover{transition:.15s ease color}