@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:opsz,wght@14..32,100..900&family=Lilita+One&family=Pacifico&family=Roboto:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:opsz,wght@14..32,100..900&family=Lilita+One&family=Pacifico&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&family=Roboto:wght@100..900&display=swap";html,#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#d1b59d;justify-content:center;align-items:center;min-height:100vh;font-family:Inter;display:flex;overflow:auto}.box{background:#f5eedc;border-radius:30px;padding:15px 20px;box-shadow:0 15px 10px #00000040}input{cursor:pointer;border:none}button{cursor:pointer;background:0 0;border:none}h2{color:#000;font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:normal}li{list-style:none}main{flex-direction:column;gap:17px;display:flex}.progress-boxes{gap:15px;display:flex}.main-head{background:#d1b59d;border-bottom:2px solid #d4c4a8;place-self:center;padding:.8rem 1.5rem}.head-wrapper{justify-content:center;align-items:center;gap:1rem;display:flex}.logo{aspect-ratio:150/103;justify-content:center;align-items:center;width:150px;height:103px;display:flex}.logo img{object-fit:contain;background:#d1b59d -83.721px -75.941px/210.465% 306.78% no-repeat;width:100%;height:100%}.title h1{color:#fff;text-shadow:0 4px 4px #00000040;margin:0;font-family:Pacifico,cursive;font-size:64px;font-style:normal;font-weight:400;line-height:normal}.title h1 span{color:#ba835d;font-family:Pacifico,cursive;font-size:64px;font-style:normal;font-weight:400;line-height:normal}.task-main{width:1353px;height:279px;display:flex}.task-wrapper{flex-direction:column;align-items:flex-start;gap:21px;width:100%;display:flex}.task-inputs{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.task-name,.task-desc{flex-direction:column;align-self:stretch;align-items:flex-start;gap:5px;display:flex}.task-name span,.task-desc span{color:#161515;font-family:Poppins,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.task-name input,.task-desc input{background:#fff;border-radius:10px;align-self:stretch;gap:10px;width:100%;height:40px;padding:2px 0 2px 10px;display:flex;box-shadow:0 2px 6px #ba835d}.add-task-button{color:#fff;background:#ba835d;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:40px;padding:2px 0;font-family:Poppins,sans-serif;font-size:19px;font-style:normal;font-weight:400;transition:background .1s ease-in-out;display:flex;box-shadow:0 5px 10px #936b41}.add-task-button:active{background:#805b41}.progress-main{width:1012px;height:196px;display:flex}.progress-wrapper{flex-flow:column;align-items:flex-start;gap:10px;width:100%}.progress-header{justify-content:space-between;align-self:stretch;display:flex}.progress-stat-circle{flex-wrap:nowrap;place-content:center;gap:17px;display:flex}.progress-stat-circle span,.progress-stat-bar span{color:#000;font-family:Inter;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.progress-circle{background:#d3c3af;border-radius:50%;width:75px;height:75px}.progress-stat-bar{flex-direction:column;align-self:stretch;align-items:flex-start;gap:12px;display:flex}.progress-bar{background:#d3c3af;border-radius:30px;width:100%;height:42.898px}.next-task-main{width:325px;height:196px;display:flex}.next-task-wrapper{flex-direction:column;align-items:flex-start;gap:11px;width:100%;display:flex}.next-task{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.next-name{color:#000;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.next-time{color:#d90000;font-family:Inter;font-size:24px;font-style:normal;font-weight:400;line-height:normal}.search-container{background-color:#e6d5bf;border:1.5px solid #7a4a2b;border-radius:12px;align-items:center;width:201.241px;height:43.377px;padding:9px 20px;display:flex}.search-icon{color:#5a3a25;margin-right:8px;font-size:12px}.search-input{color:#5a3a25;background:0 0;border:none;outline:none;width:100%;font-size:13px;font-weight:500}.search-input::placeholder{color:#5a3a25;letter-spacing:1px}.filter-group{align-items:center;gap:15px;display:flex}.filter-group button{background:#e5d1b9;border:1px solid #480303;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:201.241px;height:43.377px;padding:9px 20px;font-weight:600;transition:background .1s ease-in-out;display:flex}.filter-group button:focus{background:#ba835d}.task-card-main{background:#c5a282;border-radius:40px;width:1313px;max-width:1313px;height:auto;min-height:108px;margin-bottom:1rem;display:flex;box-shadow:0 4px 8px #00000040}.task-card-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:20px 35px;display:flex}.task-card-name{flex:1;align-items:center;gap:30px;min-width:200px;display:flex}.task-card-name input{flex-shrink:0;width:37px;height:37px}.task-label,.draft-label{color:#000;flex:1;font-family:Inter;font-size:24px;font-style:normal;font-weight:400;line-height:normal}.card-drafts{flex-shrink:0;align-items:center;gap:10px;display:flex}.overdue-badge{color:#fff;background:#f44;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:700}.card-tasks-button{flex-shrink:0;align-items:center;gap:10px;display:flex}.card-tasks-button button{cursor:pointer;background:#fff;border:none;border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:10px;display:flex}.edit img,.delete img{width:24px;height:24px}.task-label.done{opacity:.6;text-decoration:line-through}@media (width<=768px){.task-card-wrapper{gap:15px;padding:15px 20px}.task-card-name{flex-direction:column;align-items:flex-start;gap:15px}.task-label{font-size:20px}.card-tasks-button{order:-1}.card-tasks-button button{width:45px;height:45px}}.task-board-main{width:100%;height:auto;min-height:150px;display:flex}.task-board-wrapper{flex-direction:column;align-items:flex-start;gap:28px;width:100%;height:100%;display:flex}.task-board-header{justify-content:space-between;align-self:stretch;display:flex}.right{flex-wrap:wrap;gap:15px;display:flex}.task-list{scrollbar-width:thin;flex-direction:column;gap:10px;max-height:60vh;padding-right:10px;display:flex;overflow-y:auto}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:#f1f1f1}.task-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.no-tasks{color:#161515;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}@media (width<=768px){.task-board-main{min-height:auto;padding:1rem}.task-board-wrapper{gap:1rem}.right{flex-direction:column;gap:10px;width:100%}.task-board-header{flex-direction:column;gap:1rem}.task-list{gap:1rem;max-height:50vh}}