@import"https://fonts.googleapis.com/css2?family=Fjalla+One&family=Fredoka:wght@300..700&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap";body{margin:0;padding:0;font-family:Fredoka,sans-serif;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8feff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-weight:600;font-size:2.5rem}h2{font-weight:500;font-size:2rem}h3{font-weight:500;font-size:1.5rem}label,button{font-size:1.25rem;color:#2f2f2f}button{font-family:Fredoka,sans-serif;font-weight:500}.sidebar{width:200px;background-color:#e1f3f5;color:#000;padding:30px 20px;font-family:Fredoka,sans-serif;min-height:100vh;height:auto;box-sizing:border-box;box-shadow:0 3px 3px #00000040}.sidebar .logo{font-size:2rem;font-weight:600;margin-bottom:40px;color:#2a9794}.nav-list{list-style:none;font-size:1.25rem;padding:0}.nav-list li{cursor:pointer;font-weight:500;color:#2f2f2f;line-height:2;margin:1.5rem 0;margin-left:10px}.nav-list li:hover{font-weight:600;cursor:pointer}.nav-list li.active{font-weight:600}.manager{display:block;margin:-6px}.logo{margin-top:1.5rem;text-align:center}a{text-decoration:none;color:inherit}a:hover{opacity:.9}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;font-size:2rem;background:none;border:none;cursor:pointer;z-index:1001}@media (max-width: 768px){.sidebar-toggle{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar.open{transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}}.sidebar-backdrop{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#0000004d;z-index:999}.app-container{display:flex;width:98%;min-height:100vh;background-color:#f8feff}.main-content{flex:1;padding:20px;width:100%}.welcome-msg{margin:3rem 0 0;font-size:20px;font-style:italic;text-align:left;align-self:flex-start;padding-left:3rem}.page-title{margin:1rem 0 3rem;font-size:2.5rem;font-weight:600;align-self:flex-start;text-align:left;padding-left:3rem}.list-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:50px;width:85%;justify-items:center;margin:auto}.list-item{width:200px;background-color:#f8feff;border-radius:30px;border:6px solid #C3E2E0;box-shadow:0 3px 3px #00000040;display:flex;flex-direction:column;justify-content:space-between;height:200px;overflow:hidden;position:relative}.list-item:hover{transform:scale(1.02);box-shadow:0 6px 12px #00000026;transition:all .2s ease-in-out}.list-clickable{flex:1;cursor:pointer}.list-footer{background-color:#c3e2e0;text-align:center;padding:20px 10px;font-weight:500;font-size:14px}.list-footer span{display:block;margin-bottom:6px}.list-footer button{margin:0 4px}.add-list{display:flex;justify-content:center;align-items:center;background-color:#b2ebf2}.add-list-card{border:6px solid #bfeaed;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;background-color:#ebfdff}.button-container{display:flex;justify-content:center;margin:20px}.list-edit-input,.list-add-input{padding:6px 10px;font-size:14px;border-radius:6px;border:1px solid #ccc;width:135px}.list-actions button{background:none;border:none;cursor:pointer;font-weight:500;font-size:18px;padding:0}.list-actions button:hover{text-decoration:underline}.list-actions .edit-btn{color:#2d7c7a}.list-actions .delete-btn{color:#d26363}.list-name{text-decoration:none;color:#2f2f2f;cursor:pointer;font-size:1.25rem}.list-name:hover{font-weight:600}.empty-state{text-align:center;margin-top:80px;color:#333;font-family:Fredoka,sans-serif}.empty-state h2{font-size:2rem;margin-bottom:10px}.empty-state p{font-size:1.1rem;color:#555}.add-list-btn{align-self:flex-end;background-color:#b7dfdd;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;transition:background-color .2s ease;margin-bottom:50px}.add-list-btn:hover{background-color:#9cd3d3}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh;padding:30px}.form-group{font-size:20px;font-size:1.5rem}input{font-size:1.25rem;width:95%;padding:10px 5px 10px 10px;border:none;border-radius:10px;box-shadow:0 3px 5px #8888;margin-bottom:10px;border:1px solid #ccc}.login-link,.signup-link{font-size:1.25rem;text-align:center;margin-top:25px}.redirect-link{text-decoration:none;color:#2a9794;font-weight:500}.submit-button{width:100%;padding:10px 20px;background-color:#b7dfdd;border:none;border-radius:10px;box-shadow:0 3px 5px #8888;transition:background-color .2s ease;margin-top:20px;cursor:pointer}.submit-button:hover{background-color:#9cd3d3}.error-message{color:red;font-size:1rem;margin:0;padding:0}.google-login-container{margin-top:1.5rem;align-items:center;box-shadow:0}.logo{margin-top:1.5rem;text-align:center;font-size:2rem;font-weight:600;color:#2a9794}.opening-phrase{color:#2a9794;margin-top:.5rem;font-weight:500}.ggl{box-shadow:0 3px 5px #8888}.task-page-container{display:flex;width:100%;min-height:100vh;background-color:#f8feff}.task-main-container{flex:1;padding:60px 40px 10px}.list-title{font-size:2rem;font-weight:600;margin-bottom:1.5rem;text-align:left}.task-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.task-item{padding:15px 2px;display:flex;align-items:flex-start;gap:16px}.task-item input[type=checkbox]{width:24px;height:24px;margin-top:6px;accent-color:#007b7f}.task-details{flex:1}.task-details p{margin:2px 0;font-size:20px}.task-actions{display:flex;gap:10px;font-size:14px}.task-actions button{background:none;border:none;cursor:pointer;font-weight:500;font-size:18px;padding:0}.task-actions button:hover{text-decoration:underline}.task-actions .edit-btn,.task-actions .save-btn{color:#2d7c7a}.task-actions .delete-btn{color:#d26363}.add-task-section{border-radius:16px;margin-top:40px;width:100%;max-width:500px;font-family:Fredoka,sans-serif}.add-task-section h3{font-size:20px;margin-bottom:12px}.add-task-inputs{display:flex;flex-direction:column;gap:12px}.add-task-inputs input[type=text],.add-task-inputs input[type=date]{padding:12px 14px;border-radius:10px;border:1px solid #ccc;font-size:16px;width:100%;box-sizing:border-box;margin:0}.add-task-btn{align-self:flex-end;background-color:#b7dfdd;border:none;border-radius:10px;padding:10px 16px;cursor:pointer;transition:background-color .2s ease;margin-bottom:50px}.add-task-btn:hover{background-color:#9cd3d3}.back-btn{background:none;border:none;cursor:pointer;font-size:1.5rem}.back-btn:hover{color:gray}.task-edit-inputs{display:flex;flex-direction:column;gap:0px;max-width:500px}.task-edit-inputs input[type=text],.task-edit-inputs input[type=date]{padding:12px 14px;border-radius:10px;border:1px solid #ccc;font-size:16px;width:100%;box-sizing:border-box}.deadlines-page-container{display:flex;width:100%;min-height:100vh;background-color:#f8feff}.deadlines-main-container{flex:1;padding:0 40px 40px;display:flex;flex-direction:column;align-items:flex-start;padding-top:2.5rem}.timeline-chart{width:90%;height:500px;margin:auto auto 30px}.description{font-size:1.1rem;margin-bottom:1.5rem;color:#333;padding:0;margin:0}.deadline-title,.description,.d-back{padding-left:1.2rem}.deadline-title{margin-bottom:1.5rem;margin-top:.5rem}.d-back{padding-top:1rem;margin:0}