@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");:root{--primary-color:#07050c;--box-color:hsla(0,0%,100%,.05);--box-color-2:hsla(0,0%,100%,.1);--font-color:#f5f5f5;--font-color-2:#a3a3a3;--blue-color:#90bcf2;--purple-color:#c790f2;--navbar-height:55px;--border-radius:5px}*{padding:0;margin:0;color:var(--font-color);font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}a{text-decoration:none;color:var(--blue-color)}.heading-font{font-family:Red Hat Display,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:unset}body,html{min-height:100%;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center}.container{width:900px;max-width:100%}.loader-div{width:100%;display:flex;justify-content:center;margin:20px 0;align-items:center;column-gap:5px;text-align:center}.fake-bg{width:100vw;height:100vh;background-image:linear-gradient(175deg,rgba(21,43,63,.8) 0,var(--primary-color) 65%);background-color:var(--primary-color);position:absolute;z-index:-10}

/* ! scrollbar */::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar{width:5px;background-color:transparent;padding:5px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:var(--box-color-2)}

/* ! Responsive */@media only screen and (max-width:600px){.container{padding-left:10px!important;padding-right:10px!important}}.navbar{width:100%;display:flex;align-items:center;justify-content:center;padding-top:10px}.navbar .container{flex-direction:column;padding:0 15px;border-radius:var(--border-radius);background-color:var(--box-color);box-shadow:0 1px 3px 0 hsla(0,0%,100%,.01),0 0 0 1px hsla(0,0%,100%,.08)}.navbar .container,.navbar-top{display:flex;box-sizing:border-box}.navbar-top{height:var(--navbar-height);align-items:center;justify-content:space-between}.navbar-title{font-size:20px;font-weight:700;text-decoration:none;color:var(--font-color)}.navbar-profile{height:100%;display:flex;align-items:center;justify-content:flex-end}.navbar-profile button{height:38px;background-color:var(--box-color-2);outline:none;border:none;border-radius:var(--border-radius);display:flex;align-items:center;column-gap:10px;padding:0 10px;font-size:16px;font-weight:500;letter-spacing:1px;box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08)}.navbar-profile button img{max-height:80%;border-radius:50%}.navbar-profile-dropdown{top:calc(var(--navbar-height) + 5px);position:absolute;display:flex;flex-direction:column;background-color:var(--primary-color);background-image:linear-gradient(175deg,rgba(21,43,63,.8) 0,var(--primary-color) 65%);border-radius:var(--border-radius);overflow:hidden;display:none}.navbar-profile-dropdown-item{height:40px;width:180px;display:flex;align-items:center;text-decoration:none;column-gap:7px;padding:0 15px;border-bottom:1px solid var(--box-color-2);font-weight:500;color:var(--font-color)}.navbar-profile-dropdown-item i{font-size:15px}.navbar-profile-dropdown-item:last-child{border-bottom:unset}.navbar-profile-dropdown.active{display:flex}.navbar-profile-button a{height:100%;width:100%;display:flex;align-items:center;text-decoration:none;color:var(--font-color)}

/* ! Responsive */@media only screen and (max-width:600px){.navbar{box-sizing:border-box;padding:10px 10px 0}}.notifications{width:100%;position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center}.notification{max-width:300px;color:#000;padding:10px 15px;border-radius:5px;display:flex;column-gap:10px;margin-bottom:10px}.notification i{color:#000}.notification-green{background-color:#00a96e}.notification-red{background-color:#ff5861}.loading-div{position:absolute;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--primary-color);display:flex;flex-direction:column;row-gap:20px}.loading-div.hidden{display:none}.home{width:100%;margin-top:20px;display:flex;align-items:center;justify-content:center}.home .container{display:flex;flex-direction:column;row-gap:10px}.home-title{width:100%;font-size:2.75rem;font-weight:900;text-align:center;margin-top:10px;background:linear-gradient(90deg,#72e9f4,#1f2ba8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-content{width:100%;font-size:1.2rem;font-weight:500;text-align:center}.home-seperator{width:100%;height:1px;background-color:var(--box-color-2);margin:20px 0}.home-tile-title{width:100%;font-size:1.2rem;font-weight:500;letter-spacing:1px;text-align:center;margin-bottom:5px}.home-tiles{flex-wrap:wrap;row-gap:10px;padding:10px 0;height:-moz-fit-content;height:fit-content;justify-content:center}.home-tile,.home-tiles{display:flex;column-gap:10px}.home-tile{width:440px;box-sizing:border-box;padding:10px;border-radius:var(--border-radius);background-color:var(--box-color)}.home-tile-left img{height:50px;width:50px}.home-tile-right{display:flex;flex-direction:column;row-gap:5px}.home-tile-right-title{font-size:1.2rem;font-weight:700;letter-spacing:.5px}.home-tile-right-content{color:var(--font-color-2)}.form{width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;padding-bottom:10px}.form .container,.form .container form{display:flex;flex-direction:column;box-sizing:border-box}.form .container form{background-color:var(--box-color);border-radius:var(--border-radius);padding:10px;row-gap:10px;column-gap:10px}.input-title{margin-bottom:5px;font-size:14px;font-weight:500}.form-50{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:10px}.form-50 .form-container{width:430px}.form input{height:35px;min-height:35px}.form input,.form textarea{width:100%;outline:none;border:none;background-color:var(--box-color-2);border-radius:var(--border-radius);font-size:16px;box-sizing:border-box;padding:10px;color:var(--font-color-2)}.form textarea{resize:none}.select-container{width:100%;height:35px;box-sizing:border-box;background-color:var(--box-color-2);border-radius:var(--border-radius);overflow:hidden;padding:5px}.form select{width:100%;height:100%;background-color:transparent;font-size:16px;outline:none;border:none;color:var(--font-color-2)}.form select option{background-color:#898686;border-bottom:none}.form button[type=submit],.form-image-upload-button{width:-moz-fit-content;width:fit-content;padding:8px 20px;outline:none;border:none;font-size:12px;background-color:var(--box-color-2);border-radius:var(--border-radius);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:var(--font-color-2)}.form-100{display:flex;flex-wrap:wrap;row-gap:10px}.form-100,.form-100 .form-container{width:100%}.form-sub-container{display:flex;width:100%;column-gap:10px;align-items:center}.form-sub-container button{width:-moz-fit-content;width:fit-content;padding:8px 10px;outline:none;border:none;font-size:12px;background-color:var(--box-color-2);border-radius:var(--border-radius);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:var(--font-color-2)}#form-image-container{column-gap:10px;row-gap:10px}.form-image{width:200px;height:220px;box-sizing:border-box;padding:10px;background-color:var(--box-color-2);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;row-gap:5px}.form-image img{width:100%;height:calc(100% - 20px);object-fit:cover}.form-image img.form-image-cross{width:20px;height:20px}

/* ! List choosen */.list-choosen{width:100%;display:flex;flex-wrap:wrap;margin-top:10px;row-gap:7px;column-gap:7px}.list-choosen-item{min-width:-moz-fit-content;min-width:fit-content;padding:8px 15px;font-size:12px;background-color:var(--box-color-2);border-radius:var(--border-radius);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:var(--font-color-2);display:flex;align-items:center;justify-content:center;column-gap:5px}.list-choosen-item img{max-height:16px}


/* ! form seperator */.form-seperator{width:100%;height:1px;background-color:var(--box-color-2);margin:5px 0}.form-seperator-text{width:100%;margin:5px 0;display:flex;align-items:center;column-gap:10px}.form-seperator-text span{flex-grow:1;height:1px;background-color:var(--box-color-2)}.form-seperator-text p{width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--font-color-2);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}