*{padding:0;margin:0;box-sizing:border-box}body{background-color:#97a8b2}.navbar{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#b87e13;box-shadow:0 5px 5px #00000026;color:#fff}.head{font-size:20px}.navbar-icons{width:auto;height:24px;cursor:pointer}.date-form{width:80vw;height:185px;background-color:#3b464a;border-radius:5px;border:4px dashed #B87E13;color:#fff;margin:48px auto;padding:8px}.todayBT{font-size:12px;width:35px;height:20px;text-align:center;background-color:#f3c705;border-radius:4px;margin:0 auto;cursor:pointer}.todayBT:active{box-shadow:5px 5px 5px #00000026}.select-date{width:100%;display:flex;align-items:center;justify-content:space-between}.show-date{display:inline-flex;width:auto;margin:4px;font-size:16px}.arrow-icon{width:16px;height:auto;margin-top:4px;cursor:pointer}.todo-statistics{width:100%;flex:1;display:flex;padding:4px;margin:8px auto}.statistics{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:4px}.show-doneBT{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px}.doneBT,.not-doneBT{width:auto;min-width:100px;height:40px;text-align:center;padding-top:8px;font-size:16px;border-radius:5px;background-color:#adadad}.doneBT-color{background-color:#b09d27;color:#fff;box-shadow:5px 5px 5px #00000026}.not-doneBT-color{background-color:#e55c4a;color:#fff;box-shadow:5px 5px 5px #00000026}.create-form{width:80vw;height:35px;margin:0 auto;border:2px dashed white;border-radius:2px;display:flex}.create-form input{width:100%;height:100%;background:none;outline:none;border:none;color:#fff;padding-left:8px;font-size:14px}.create-form button{width:50px;height:100%;background-color:#3b464a;color:#fff;border:none;border-radius:5px;cursor:pointer}.create-form button:active{opacity:.7}.todo{width:80vw;background-color:#3b464a;color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:space-between;margin:8px auto;padding:0 10px;gap:8px}.todo-item{height:35px;font-size:12px;display:flex;align-items:center;gap:8px}.custom-checkbox{appearance:none;width:14px;height:14px;border:2px solid white;border-radius:2px;margin-top:2px;cursor:pointer;position:relative}.custom-checkbox:checked{background-color:#fff}.custom-checkbox:checked:after{content:"✓";position:absolute;color:#b87e13;font-weight:700;left:0;top:-4px}.completed{opacity:.6;text-decoration:line-through 3px #B87E13}