@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body{margin:0;padding:0;height:100%;display:flex;flex-direction:column}.container{display:flex;flex-direction:column;height:100%}.main-box{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:50px;border-bottom:1px solid #eeeef2;background-color:var(--light-theme, #f9f9fc)}.left-box,.right-box{display:flex;align-items:center;gap:12px}.profile-menu{display:flex;align-items:center;gap:8px;cursor:pointer}.link{text-decoration:none;display:flex;align-items:center}.logo-img{width:28px;height:28px}.title{color:var(--Base-Base-Black, #212121);font-family:Inter;font-weight:700;font-size:16px;line-height:32px}.name{color:var(--Base-Base-Black, #212121);font-family:Inter;font-weight:400;font-size:14px;line-height:22px}.dialog-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;border-radius:12px;background-color:#fff;max-width:600px;width:100%;box-sizing:border-box}.image-box{display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.upload-image{width:100%;height:100%;object-fit:cover}.text{color:#000;text-align:center;font-family:Inter,sans-serif;font-size:clamp(16px,4vw,20px);font-weight:500;line-height:normal}.upload-box{width:25vw;height:25vw;max-width:100px;max-height:110px}.count-box{width:20vw;height:20vw;max-width:86px;max-height:77px}.dialog-title{display:flex;justify-content:space-between;align-items:center}.error-message{color:red;text-align:center;font-family:Inter;font-size:13px}.dialog-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.upload-text{color:#000;text-align:center;font-family:Inter;font-size:26px;font-weight:600}.subtext{color:#0009;text-align:center;font-family:Inter;font-size:13px}.upload-icon{margin-top:4px;margin-bottom:12px}.main{color:#000;font-family:Inter,sans-serif;font-size:13px;text-align:center}.subtext{color:#0006;font-family:Inter,sans-serif;font-size:12px;text-align:center}.file-input{display:none}.box{width:100%;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;border-radius:10px;border:1px dashed rgba(0,0,0,.25);text-align:center;margin:0 auto;min-width:auto}.upload-text{font-size:18px;font-weight:600;color:#333;margin-bottom:8px}.subtext{font-size:12px;color:#666;margin-bottom:24px}.error-message{color:red;text-align:center;margin-bottom:16px}.upload-icon{margin-bottom:16px}button{margin-top:18px}.dialog-title{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;font-size:26px;font-family:Inter,sans-serif!important;font-weight:500;line-height:24px}.dialog-subtitle{color:#4d5466;font-size:12px;font-weight:400;font-family:Inter,sans-serif!important;margin:-.8rem 1.2rem 0rem}.project-name{color:var(--text-Default, #111);font-family:Inter,sans-serif!important;font-size:16px;font-weight:400;line-height:16px}.select-container{display:flex;padding:6px;align-items:center;gap:6px;border-radius:4px;border:1px solid var(--border-primary, #D1D5DB);background:var(--surface-primary, #FFF);flex:1}.select-container select{color:var(--text-neutral, #6B7280);font-family:Inter,sans-serif!important;font-size:12px;border:none;outline:none;background:transparent;flex:1}.input-field{padding:8px 10px;border-radius:4px;outline:none;font-family:Inter,sans-serif!important;font-size:14px;color:#242533}.input-container{display:flex;padding:20px;align-items:flex-start;gap:6px;padding:"6px";align-self:stretch;border-radius:4px;border:1px solid #D1D5DB;background:#fff}.input-container input{width:100%;border:none;outline:none;background:transparent;margin-right:20px}.flex-column-container{display:flex;padding:0 20px;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0;align-self:stretch}.circle-container{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:999px}.icon-container{width:18px;height:18px;flex-shrink:0;margin-left:-1.5rem}.outer-container{display:flex;width:100%;justify-content:space-between;gap:8px}.inner-container{display:flex;flex-direction:column;gap:2px;flex:1}.flex-container{display:flex;padding:12px;align-items:center;gap:6px;border-radius:4px;border:1px solid var(--border-primary, #D1D5DB);background:var(--surface-primary, #FFF);flex:1}.flex-container input{color:var(--text-neutral, #6B7280);font-family:Inter,sans-serif!important;font-size:12px;border:none;outline:none;background:transparent;flex:1}.scrollable-container{border:1px solid #e0e0e0;border-radius:8px;height:120px;width:100%;display:flex;flex-direction:column;overflow-y:scroll;padding-top:8px;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}.scrollable-container::-webkit-scrollbar{display:none}.box-container{display:flex;flex-wrap:wrap;padding:0 10px;justify-content:left!important;border-radius:8px;min-height:40px;align-items:left!important;font-family:Inter,sans-serif;position:relative;gap:"10px"}.custom-button{display:flex;padding:4px 10px;align-items:center;border-radius:28px;background-color:#2177f80d;font-family:Inter,sans-serif;font-size:12px;gap:6px;font-weight:600;color:#242533}.input-style{outline:none;border:none;flex:1;min-width:50px;padding:4px 6px;font-family:Inter,sans-serif;font-size:14px;color:#242533}.button-submit{display:flex;width:124px;height:36px;padding:8px 12px;justify-content:center;align-items:center;gap:2px;border-radius:999px;background:#c4c4c4;color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:16px;cursor:pointer;min-width:100px;transition:transform .3s ease-in-out}.button-submit:hover{background:#c4c4c4}.button-submit:disabled{color:#bfbfbf;background:#e0e0e0;cursor:not-allowed}.button-submit.valid{background:linear-gradient(86deg,#2177f8 -61.34%,#134692 90.32%);transition:transform .2s ease-in-out}.button-submit.valid:hover{background:linear-gradient(86deg,#2177f8 -61.34%,#134692 90.32%);transform:scale(1.05)}.button-submit.valid:disabled{background:linear-gradient(86deg,#9bb9f8 -61.34%,#6d81c2 90.32%);cursor:not-allowed}.create-new{text-transform:none!important}.button-close{min-width:100px;color:#000;text-transform:none!important;color:#000!important;background:transparent;transition:.3s,color .3s;padding:8px 12px;border:none;cursor:pointer;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500;line-height:16px;text-align:center}.button-close:hover{background:#f1f5fb}#label-hover{display:inline-flex;padding:3px 15px;margin:0 8px 8px 0;border-radius:1rem;color:#666;justify-content:space-between;font-size:18px;align-items:center;gap:8px;width:97%;cursor:pointer;word-wrap:break-word;overflow-wrap:break-word}#label-hover:hover{background-color:#66666615}.fixed-header{position:fixed;top:0;left:0;width:100%;z-index:999}.fixed-header1{width:99vw;height:97.5vh;margin:0!important;padding:0!important;display:flex;justify-content:center}.projects-title{color:#1e293b;font-size:24px;font-weight:600;font-family:Inter,sans-serif}.centered-container{display:flex;justify-content:center;align-items:center;height:50vh}.loading-text{font-weight:500;color:#757575;font-size:1.25rem;letter-spacing:1px}.box-container{display:flex;padding:12px 12px 0 0;justify-content:space-between;align-items:center;align-self:stretch;width:100%;box-sizing:border-box}.typography-text{color:#1e293b;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.container{display:flex;align-items:center;gap:16px;width:auto;padding:8px 24px}.custom-button{padding:4px 10px;height:30px;width:auto;border-radius:20px;background-color:#134692;color:#fff;font-size:12px;font-weight:500;font-family:Inter,sans-serif;text-transform:none;border:none;box-shadow:none;transition:background-color .3s,transform .2s,box-shadow .2s}.custom-button2{padding:4px 8px;height:30px;width:auto;border-radius:20px;background-color:#fff;color:#134692;font-size:12px;font-weight:500;font-family:Inter,sans-serif;text-transform:none;border:1px solid rgba(19,70,146,1);box-shadow:none;outline:none!important;transition:background-color .3s,transform .2s,box-shadow .2s}.custom-button2:hover{color:#fff;border-color:#134692;background-color:#134692;transform:scale(1.05)}.custom-button2:active{color:#fff;border-color:#134692;background-color:#134692;transform:scale(.98)}.custom-button:hover{background-color:#1a66d0;transform:scale(1.05)}.custom-button:active{background-color:#155fa5;transform:scale(.98);box-shadow:0 4px 10px #0003}.custom-button:focus{outline:none}.custom-button3{width:21px;background-color:#fff;color:#134692;font-size:12px;font-weight:500;font-family:Inter,sans-serif;text-transform:none;box-shadow:none;outline:none!important;transition:background-color .3s,transform .2s,box-shadow .2s;overflow:hidden}.custom-button3:hover{animation:resizeButton .3s ease-out forwards}.custom-button3:hover .custom-button3iconhidden{display:none}@keyframes resizeButton{0%{width:21px}to{width:90px}}.top{display:flex;flex-direction:column;justify-content:center;text-align:center;line-height:1;margin-top:8vh}.projects-container{display:grid;width:100%;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));box-sizing:border-box}.addnew{height:130px;padding:1rem;display:flex;flex-direction:column;background-color:#2177f826;border-radius:8px;cursor:pointer;justify-content:space-around;transition:.3s ease}.addnew:hover{box-shadow:0 2px 20px 10px #00000017;transform:scale(1.01)}.addnew p,.addnew h4{margin:0;padding:0}.inputStyle{height:32px;background-color:transparent;border-radius:50px;box-shadow:1px 1px 10px #00000026;border:2px solid transparent;padding:5px 15px;text-align:left;font-size:14px;font-family:Inter,sans-serif;outline:none;color:#000;caret-color:#000;transition:all .3s ease-in-out;z-index:10!important;margin-right:1rem}.inputStyleIcon{position:absolute;top:50%;transform:translateY(-50%);right:27.5px;font-size:16px;font-weight:600;color:#134692;transition:opacity .3s ease-in-out;z-index:0}.inputStyle:focus{border-color:#134692;animation:resizeSearch .3s ease-out forwards;padding-right:40px}.inputStyle::placeholder{visibility:hidden}.inputStyle:focus::placeholder{visibility:visible;text-align:left;opacity:1}@keyframes resizeSearch{0%{width:13px}to{width:300px}}.login-container{display:flex;justify-content:center;align-items:center;position:relative;z-index:1;flex-direction:column;width:100%;height:100%;background-image:url(/loginbackground.webp);background-size:cover;background-position:center center}.login-box{display:flex;width:452px;padding:24px;flex-direction:column;align-items:center;border-radius:12px;background-color:#fff6;box-shadow:0 0 4px #0000001a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.login-header{display:flex;justify-content:center;margin-bottom:20px}.login-title{align-self:stretch;color:#333;text-align:center;font-family:Inter,sans-serif;font-size:26px;font-weight:700}.login-subtitle{align-self:stretch;color:#333;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:400;margin-bottom:16px}.login-label{color:#212121;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-align:left;width:100%}.login-input{color:#000;background-color:#fff;border-radius:10px}.login-error{color:red;font-family:Inter,sans-serif;font-size:12px;font-style:italic;font-weight:400;text-align:center}.login-button{display:flex;padding:12px;margin-top:12px;text-transform:none;justify-content:center;align-items:center;gap:2px;align-self:stretch;border-radius:999px;background:linear-gradient(86deg,#2177f8 -61.34%,#134692 90.32%);color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.login-header{text-align:center;margin-bottom:20px}.login-header img{max-width:200px;height:auto}.login-header{display:flex;justify-content:center;align-items:center;margin-top:20px;animation:bounce 1s ease-in-out infinite}.logo-container{display:flex;justify-content:center;align-items:center}.login-logo{animation:bounceLogo 2s infinite;margin-top:10%;margin-bottom:10%}@keyframes bounceLogo{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.login-logo-effect{animation:logoAnimation 2s ease-in-out infinite}@keyframes logoAnimation{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}:root{font-family:Inter,sans-serif!important;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#000!important;background-color:#fff;font-family:Inter,sans-serif!important}span{font-family:Inter,sans-serif!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}input{color:#000!important}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{width:0px!important}::-webkit-scrollbar-track{box-shadow:inset 0 0 gray!important;border-radius:0!important}::-webkit-scrollbar-thumb{background:var(--def-grey-color)!important;border-radius:0!important}::-webkit-scrollbar-thumb:hover{background:var(--def-grey-color)!important}