@import"https://fonts.googleapis.com/css2?family=Playwrite+AR:wght@100..400&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0;background-color:#fff;color:#fff}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#333}input:checked+.slider:before{transform:translate(26px)}.herobody{background-image:linear-gradient(to bottom right,#0000 30%,#000c),url(https://img.freepik.com/free-vector/abstract-seamless-geometric-shape-lines-pattern-design-background_84443-23990.jpg?t=st=1731333313~exp=1731336913~hmac=8d0448330d9e97746b0c148f62a2b667c00b49a80ffa2ae6c44e92be14c9aeca&w=1380);background-size:cover;background-position:center;width:100%;height:auto;max-height:484px;display:flex;justify-content:space-evenly;align-items:center;margin:0 0 30px;box-sizing:border-box;padding:8px}.herotext{width:50%;height:auto}.goaltext{width:80%;height:auto;font-family:Poppins;font-size:50px;font-weight:700;line-height:60px;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.subtext{width:80%;height:70px;gap:0px;opacity:0px;font-family:Poppins;font-size:14px;font-weight:500;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin:20px 0}.nft{width:492px;height:20%}.nftimg{max-width:492px;width:auto;height:280px;background-position:center;background-size:cover;height:auto;transition:transform .7s ease-out;overflow:hidden;border-radius:13px;margin-right:30px}.nftimg:hover{max-width:492px;height:auto;transform:scale(1.1) translate(-15px) rotate(+5deg);box-shadow:7px 8px 15px gray}.dropdown-container{position:relative;display:inline-block;border-radius:8px;box-shadow:1px 1px 15px gray}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ddd;width:100%;display:flex;flex-direction:column;z-index:1000;padding:8px 0;border-radius:8px;box-shadow:1px 1px 15px gray}.dropdown-item{padding:8px 16px;color:#333;text-decoration:none;font-size:14px;transition:background .3s ease}.dropdown-item:hover{background-color:#f0f0f0}.scroller-wrapper{display:flex;overflow:hidden;width:100%;height:200px;margin:5px 0;position:relative}.scroller-content{display:flex;width:1000%;animation:scroll 50s linear infinite}.about{display:flex;padding:40px;justify-content:space-evenly;position:relative}.image-stack{position:relative;width:400px;height:400px;display:flex;justify-content:center;align-items:center}.borderless{width:100%;height:100%;border-radius:13px;position:absolute;transition:transform .8s ease,z-index .8s ease;margin-bottom:18px}.bottom-image{transform:translate(-15px,15px);z-index:1}.middle-image{transform:translateY(-5px);z-index:2}.top-image,.image-stack:hover .bottom-image{transform:translate(15px,-15px);z-index:3}.image-stack:hover .middle-image{transform:translate(-15px,15px);z-index:1}.image-stack:hover .top-image{transform:translateY(-5px);z-index:2}.abt{margin:20px;width:50%}.aboutplana{margin:20px;font-family:Poppins,sans-serif}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 658px){.body{margin:0}.switch{display:none}.herobody{height:auto;padding:20px;flex-direction:column}.herotext{width:100%;height:auto}.goaltext{font-size:38px;width:100%;height:auto;line-height:1.2;font-family:Poppins,sans-serif;font-weight:900;text-align:left;text-decoration-skip-ink:auto;margin:0}.subtext{width:100%;height:auto;margin:0}.nft{max-width:100%;height:auto;padding:0;margin:0 auto;display:flex;justify-content:center;align-items:center}.nftimg{display:flex;justify-content:center;align-items:center;width:95%;height:auto;max-height:400px;border-radius:13px;transition:transform .7s ease-in;margin:0}.nftimg:hover{width:95%;transform:scale(1.1) translate(+10px) rotate(+2deg);box-shadow:7px 8px 15px gray}.scroller-wrapper{margin-top:8vh}.about{display:flex;flex-direction:column;margin:0}.image-stack{width:100%;height:400px;margin:0}.abt{width:100%;text-align:justify;margin:5px 0 15px}}@media (max-width: 812px){.herobody{height:auto;padding:10px;margin:0 0 30px}.nft{width:492px;height:20%}.nftimg{width:95%;height:auto;max-height:300px;border-radius:13px;transition:transform .7s ease-in;margin:0}.goaltext{font-size:35px;font-weight:700;line-height:40px}}.navbar{margin:0 0 50px;display:flex;padding:16px 120px;justify-content:space-between;align-items:center;height:80px}.logo{width:102px;height:25px}.button{text-decoration:none;text-align:center;font-family:Poppins,serif;font-weight:700;font-style:normal;display:flex;gap:8px}.signupbtn{display:flex;align-items:center;justify-content:center;width:150px;height:30px;font-size:12px;border:1px solid black;border-radius:8px;background:#353f5b;border:none}.signupbtn,.loginbtn,a{text-decoration:none;color:#fff}.loginbtn{text-decoration:none;display:flex;align-items:center;justify-content:center;width:150px;height:30px;font-size:12px;border:1px solid black;color:#fff;border-radius:8px;background:#353f5b;border:none}.loginbtn{display:flex;align-items:center;justify-content:center;width:150px;height:30px;font-size:12px;border:1px solid black;color:#fff;background:#353f5b;transition:width .3s ease-out,height .3s ease-out;border-radius:8px;border:none}.loginbtn:hover{width:180px;height:30px}.socials{display:flex;justify-content:center;gap:2rem;text-align:center;margin:0 0 20px}.socials p{width:30px;padding:5px;transition:all .3s ease-out;background:transparent;color:#353f5b;text-align:center}.socials p:hover{display:flex;justify-content:center;width:50px;padding-left:10px;padding-right:10px;background:#353f5b;color:#fff;border:none;border-radius:13px}.launch{font-size:15px;margin-left:10px}.abttext{text-align:center}.abttext h1{font-family:poppins;font-weight:800;font-size:40px;text-align:center}.subtitle{font-family:poppins;font-weight:800;font-size:40px;color:#353f5b}.footer{bottom:0;left:0;width:100%;background-color:#353f5b;color:#fff;text-align:center;padding:10px 0;font-family:Poppins,serif;font-size:14px}.ftr{display:flex;justify-content:space-evenly;margin-bottom:15px}.footerlogo{filter:drop-shadow(0px 0px 10px white)}.comhero{font-family:poppins;font-size:12px;text-align:left}.comhero ul{list-style-type:none;margin-bottom:20px}.comhero h3{font-size:15px;font-weight:800;margin-bottom:10px;text-align:start}.mobileButton{display:none}.modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modalContent{background-color:#fff;padding:20px;width:80%;max-width:300px;border-radius:8px;text-align:center}.closeButton{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.modalLinks a{display:block;margin:10px 0;color:#000;text-decoration:none;font-weight:700}@media (max-width: 658px){.mobileContainer{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar{display:flex;flex-direction:row;align-items:center;padding:16px;margin:5px}.logo{width:80px;height:auto;animation:slideIn 1s ease-out forwards}.signupbtn,.loginbtn{display:none}.mobileButton{display:flex;font-size:1rem;padding:.5rem 1rem;background-color:#353f5b;color:#fff;border:none;border-radius:5px}@keyframes slideIn{0%{transform:translate(0)}20%{transform:translate(-30px)}50%{transform:translate(-10px)}to{transform:translate(0)}}.abttext h1{font-family:poppins;font-weight:700;font-size:29px;text-align:center;margin:10px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:10000}.modal{background-color:#fff;padding:20px;border-radius:8px;max-width:500px;width:80%;box-shadow:0 4px 10px #0003}.modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.close-btn{background:none;border:none;font-size:20px;position:absolute;top:10px;right:10px;cursor:pointer}.close-btn:hover{color:red}.modal-buttons{display:flex;align-items:center;justify-content:center;width:150px;height:30px;font-size:12px;border:1px solid black;color:#fff;border-radius:8px;background:#353f5b;border:none;margin-top:20px}.modal-buttons h3{text-decoration:none;color:inherit;color:#fff;display:flex;align-items:center;font-family:poppins;font-weight:800}@media only screen and (min-width: 1024px){.modal-overlay{display:none}}*{font-family:poppins}.signupbody{background-image:url(https://img.freepik.com/free-photo/desk-workspace-with-various-elements_23-2148043196.jpg?t=st=1731415009~exp=1731418609~hmac=843f2be9ec28143e8777a659caf4fdd43d4951619f75dfbd9f3a07dbcd6d67a4&w=996);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;display:flex;align-items:end;justify-content:end;margin:0;padding:0;overflow:hidden}.signuplogo2{display:flex;align-items:center;justify-content:flex-start;margin:0 20px 20px 0;padding:10px;border:1px solid black;border-radius:8px;margin-top:5vh}.signuplogo2 a{font-family:Poppins,sans-serif;color:#353e5b}.signuplogo2 .log{width:40px;height:auto;margin-right:10px}.signuplogo2 p{margin:0;font-size:16px;cursor:pointer}.signuppage{display:flex;justify-content:end;align-items:end;width:100%;height:100%;max-width:589px;margin:auto 0;padding:45px;border-radius:16px 0 0 16px;background:#fffc;box-shadow:-2px -4px 15px #353e5b;opacity:1}.frame{width:100%;height:auto}.signuplogo{margin-bottom:10px}.content h1{font-family:Poppins,sans-serif;font-weight:700;font-size:30px;color:#353e5b;margin-bottom:10px}.content p{font-family:Poppins,sans-serif;font-weight:200;font-size:15px;color:#353e5b;margin-bottom:20px}.signupf{display:flex;flex-direction:column;gap:1rem;margin-bottom:20px}.signupf .formparts{display:flex;flex-direction:column}.signupf label{font-family:inherit;color:#353e5b;display:block;font-weight:700;margin-bottom:.5px}.signupf input{background:none;border:1.5px solid #353e5b;border-radius:10px;width:100%;height:40px;padding:8px}.password-field{display:flex;flex-direction:column}.input-wrapper{position:relative;width:100%}input[type=text]{padding-right:2rem;font-size:1rem;border:1px solid #353e5b;border-radius:4px}.eye-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:#353e5b}.terms{display:flex;align-items:center;gap:.5rem;color:#353e5b}.terms p{margin:0}.terms h4{margin:8px;font-weight:400}.signbtn{font-family:Poppins,sans-serif;width:100%;height:40px;padding:8px;text-align:center;font-weight:400;margin-top:15px;background:#353e5b;border-radius:10px;color:#fff}.seperationtxt{font-size:14px;margin:8px;text-align:center;font-weight:400}.subsignup{display:flex;gap:2em;justify-content:space-evenly}.google,.apple{display:flex;flex-direction:row;align-items:center;justify-content:center;width:200px;padding:5px;gap:16px;border-radius:5px;border:1.5px solid #353e5b;font-size:14px}.google p,.apple p{font-size:18px}.lastlne{font-size:14px;margin:15px}.tologin{font-weight:700;text-decoration:none;text-transform:none}.tologin a{font-family:Poppins,sans-serif;color:#353e5b}@media (max-width: 658px){.signupbody{width:100%;height:auto;overflow-y:hidden}.signuppage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;padding:10px;border-radius:0}.frame{width:100%;padding:10px}.signuplogo{margin-bottom:10px}.content h1{font-family:Poppins,sans-serif;font-weight:700;font-size:28px;color:#353e5b;margin-bottom:5px}.content p{font-family:Poppins,sans-serif;font-weight:400;font-size:13px;color:#353e5b;margin-bottom:20px}.signupf{display:flex;flex-direction:column;gap:1rem;margin-bottom:20px;width:100%}label{font-family:inherit;color:#353e5b;display:block;font-weight:700;margin-bottom:.5px}.password-field{display:flex;flex-direction:column}.input-wrapper{position:relative;width:100%}input[type=text]{width:100%;font-size:1rem;border:1px solid #353e5b;border-radius:4px;padding:8px}.eye-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:#353e5b}.terms{display:flex;align-items:center;gap:.5rem;color:#353e5b}.terms p{margin:0}.terms h4{margin:8px;font-weight:400}.signbtn{font-family:Poppins,sans-serif;width:100%;height:40px;padding:8px;text-align:center;font-weight:400;margin-top:15px;background:#353e5b;border-radius:10px;color:#fff}.seperationtxt{font-size:14px;margin:8px;text-align:center;font-weight:400}.subsignup{display:flex;flex-direction:column;gap:1em;justify-content:space-evenly;width:100%}.google,.apple{width:100%;padding:8px;gap:16px;border-radius:10px;border:1.5px solid #353e5b;font-size:13px}.google p,.apple p{font-size:18px}.lastlne{font-size:12px;margin:10px}.tologin{font-family:Poppins,sans-serif;color:#353e5b;font-weight:700}.signuplogo2{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.skip-button{font-size:14px;color:#353f5b;cursor:pointer;transition:color .3s ease}.skip-button a{font-family:Poppins,sans-serif;color:#353e5b}.skip-button:hover{color:#4a5675}.main-container{padding:2rem;display:flex;justify-content:center}.content-wrapper{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:600;color:#353f5b;margin-bottom:1rem}.header h3{font-size:1.2rem;font-weight:400;color:#666}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;max-width:900px;margin:0 auto}.card{aspect-ratio:1;width:100%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0000001a}.card-inner{height:100%;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;position:relative}.checkmark{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;color:#353f5b}.card-icon{flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#353f5b}.card-text{text-align:center;font-weight:600;font-size:.9rem;color:#353f5b;margin-top:1rem}.continue-button{background-color:#353f5b;color:#fff;border:none;border-radius:8px;padding:.8rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.continue-button:hover{background-color:#4a5675}@media screen and (max-width: 1024px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}.header h1{font-size:1.8rem}.header h3{font-size:1rem}}@media screen and (max-width: 768px){.navbar{padding:.8rem 1rem}.logo-container{width:100px}.main-container{padding:1rem}.header h1{font-size:1.5rem}.header h3{font-size:.9rem}.card-icon{font-size:2rem}.card-text{font-size:.8rem}.continue-button{padding:.6rem 1.5rem;font-size:.9rem}}@media screen and (max-width: 480px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.header h1{font-size:1.2rem}.header h3{font-size:.8rem}.card-icon{font-size:1.5rem}.card-text{font-size:.7rem}.continue-button{padding:.5rem 1.2rem;font-size:.8rem}.checkmark{font-size:1rem}}.navbar-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.navbar-modal-content{background:#353e5b;border-radius:10px;width:90%;max-width:400px;padding:20px;box-shadow:0 4px 10px #0003;col}.navbar-modal-header{display:flex;justify-content:end}.close-modal{background:none;border:none;font-size:20px;cursor:pointer}.navbar-modal-nav ul{list-style:none;padding:0}.navbar-modal-nav li{margin:10px 0;font-size:18px;cursor:pointer}.navbar-modal-nav li:hover{color:#007bff}*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;color:#000}.dashboard{display:flex;height:100vh}.sidebar{width:250px;padding:1rem;background-color:#353e5b;color:#fff;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease-in-out}.user-info{display:flex;align-items:center;gap:.5rem}.avatar{width:40px;height:40px;border-radius:50%;background-color:#d3d3d3}.nav-links{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1em;font-size:.8rem;background:none;border:none;color:#fff;padding:.5rem;text-align:left;cursor:pointer;transition:background .3s}.nav-item p{color:#fff;font-size:15px}.nav-item:hover{background-color:#616b8b;border-radius:4px}.nav-item.active{background-color:#5c3bb1;border-radius:4px}.badge{background-color:#616b8b;color:#ede7ff;padding:.2rem .4rem;border-radius:8px;font-size:.5rem;margin-left:.5rem}.projects-container{margin-top:10vh}.dropdown-header{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:10px}.dropdown-headers h3{font-size:18px;margin-bottom:10px;color:#333}.dropdown-header p{font-size:14px;color:#fff}.icons{display:flex;align-items:center;gap:.5em}.project{font-size:10px;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:4px;border-radius:6px;transition:background-color .2s ease-in-out}.project:hover{background-color:#616b8b;cursor:pointer}.main-content{flex:1;padding:2rem;overflow-y:auto}.main-header h1{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;color:#000}.main-header p{color:#000;font-size:1rem}.main-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.taskbar{width:600px;height:500px;color:#000}.taskbar-container h1{font-size:35px;font-weight:700}.checked{display:flex;font-size:12px;align-items:center;gap:.5em}.highlight{margin-top:40px;font-size:13px;margin-bottom:10px}.highlight-text{display:flex;align-items:center;gap:5px;margin-bottom:8px}.highlight-icon{font-size:18px}.task-dropdown{display:flex;flex-direction:column;width:100%;height:224px;margin-top:38px;left:523px;padding:18px 0 0;gap:18px;border-radius:8px 0 0}.task-form{padding:0 20px}.form{display:flex;margin:10px}.form input{border:none;outline:none}.form input::placeholder{font-weight:500;color:#000;font-size:12px}.menu-toggle{display:none}.task-input-container{padding:12px;display:flex;justify-content:start}.button-group{display:flex;gap:8px;align-items:center}.action-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#666;cursor:pointer;font-size:14px;transition:background-color .2s}.action-button:hover{background-color:#f5f5f5}.cancel-button{padding:8px 16px;border:none;border-radius:6px;background-color:#f0f0f0;color:#666;cursor:pointer;font-size:14px;transition:background-color .2s}.cancel-button:hover{background-color:#e5e5e5}.add-button{background:#353e5b;padding:8px 16px;border:none;border-radius:6px#353e5b;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s}.add-button:hover{background-color:#61688a}.button-tasx{width:100%;height:auto;padding:auto;display:flex;align-items:center;justify-content:end;padding:5px;gap:1em}@media (max-width: 768px){.sidebar{width:200px;position:absolute;left:-200px;top:0;height:100%;z-index:10}.sidebar.show{left:0}.main-content{padding:1rem}.task-creation h2{font-size:1rem}}@media screen and (max-width: 768px){.dashboard{flex-direction:column}.main-content{width:100%;padding:1rem;margin-left:0}.taskbar{width:100%;max-width:100%;height:auto;padding:1rem}.taskbar-container h1{font-size:24px;line-height:1.2}.task-dropdown{width:100%;height:auto;padding:1rem}.task-input-container{padding:8px}.button-group{flex-wrap:wrap;gap:4px}.action-button{font-size:12px;padding:6px 8px}.action-button span{display:none}.button-tasx{padding:10px}.nav-item p{font-size:13px}.projects-container{margin-top:5vh}.dropdown-header p{font-size:12px}.form input{width:100%;padding:8px}.menu-toggle{display:block;position:fixed;top:1rem;left:1rem;z-index:1001;background:#353e5b;color:#fff;border:none;padding:8px;border-radius:4px;cursor:pointer}.menu-toggle:hover{background:#616b8b}}@media screen and (max-width: 480px){.taskbar-container h1{font-size:20px}.button-group{justify-content:center}.button-tasx{flex-direction:column;gap:.5em}.cancel-button,.add-button{width:100%}.highlight{font-size:12px}}@media screen and (max-width: 768px){.sidebar{position:fixed;width:85%;max-width:300px;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000;overflow-y:auto;overflow-x:hidden}.nav-links{margin-top:2rem;gap:.8rem;width:100%;padding-right:10px}.nav-item{width:100%;padding:10px;border-radius:6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item p{display:flex;align-items:center;font-size:14px;margin-right:8px}.nav-item svg{min-width:16px;width:16px;height:16px;margin-right:8px}.badge{padding:2px 6px;font-size:.6rem;margin-left:auto;white-space:nowrap}.nav-item-content{display:flex;align-items:center;min-width:0;flex:1}.projects-container{margin-top:2vh;width:100%;padding-right:10px}.dropdown-header{padding:8px}}@media screen and (max-width: 480px){.sidebar{width:80%}.nav-item{padding:8px;font-size:13px}.nav-item p{font-size:13px}.nav-item svg{width:14px;height:14px;margin-right:6px}.badge{padding:2px 4px;font-size:.5rem}}@media screen and (max-width: 768px){.sidebar{position:fixed;width:85%;max-width:300px;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1000;overflow-y:auto}.nav-links{margin-top:1rem;padding:0 .5rem;width:100%}.nav-item{width:100%;padding:.75rem;border-radius:6px;gap:.5rem;min-height:44px}.nav-item-content{display:flex;align-items:center;width:100%;gap:.5rem}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item p{flex:1;font-size:.875rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{flex-shrink:0;font-size:.625rem;padding:.25rem .5rem;margin-left:auto}}@media screen and (max-width: 480px){.sidebar{width:80%}.nav-item{padding:.625rem}.nav-item svg{width:16px;height:16px}.nav-item p{font-size:.8125rem}.badge{padding:.1875rem .375rem;font-size:.5625rem}}@media screen and (max-width: 768px) and (orientation: landscape){.nav-links{margin-top:.5rem;gap:.25rem}.nav-item{min-height:40px;padding:.5rem}}@media screen and (max-width: 1024px){.dashboard{position:relative}.sidebar{position:fixed;width:280px;height:100vh;background-color:#353e5b;transform:translate(-100%);transition:all .3s ease-in-out;z-index:1000}.sidebar[data-open=true]{transform:translate(0)}.user-info{display:flex;align-items:center;padding:1.5rem 1rem;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-info span{color:#fff;font-size:1rem}.user-info svg{width:24px;height:24px;color:#fff}.nav-links{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{width:100%;display:flex;align-items:center;padding:.75rem 1rem;background:transparent;border-radius:8px;transition:background-color .2s ease}.nav-item:hover{background-color:#ffffff1a}.nav-item p{display:flex;align-items:center;gap:1rem;margin:0;color:#fff;font-size:.95rem}.nav-item svg{width:20px;height:20px;color:#fff}.badge{margin-left:auto;padding:.25rem .5rem;background-color:#ffffff1a;border-radius:12px;font-size:.75rem}.projects-container{padding:0 1rem;margin-top:2rem}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer}.dropdown-header h3{color:#fff;font-size:1rem;margin:0}.icons{display:flex;align-items:center;gap:.75rem}.icons svg{width:20px;height:20px;color:#fff}.project{display:flex;align-items:center;justify-content:space-between;padding:.75rem;color:#fff;font-size:.9rem;border-radius:8px;transition:background-color .2s ease}.project:hover{background-color:#ffffff1a}}@media screen and (max-width: 768px){.sidebar{width:85%}.user-info{padding:1.25rem 1rem}.nav-item{padding:.875rem}.nav-item p{font-size:.9rem}.nav-item svg{width:18px;height:18px}.dropdown-header,.project{padding:.875rem;min-height:44px}}@media screen and (max-width: 480px){.sidebar{width:90%}.user-info{padding:1rem}.user-info span{font-size:.9rem}.nav-item{padding:.75rem}.nav-item p{font-size:.85rem}.nav-item svg{width:16px;height:16px}.project{font-size:.8rem;padding:.75rem}.badge{padding:.2rem .4rem;font-size:.7rem}}.menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1001;background:#353e5b;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;display:none}@media screen and (max-width: 1024px){.menu-toggle{display:block}.main-content{padding-left:4rem}}