html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.todo-item{border:0;background-color:#fff;width:100%;padding:3px 5px;border-radius:3px;box-shadow:0 0 2px 2px #0000001a;margin-bottom:5px}.main-content{background-color:#f0f0f0;padding:30px}.todo-item{display:flex;justify-content:space-between;cursor:pointer}.todo-item-selected,.todo-item:hover{background-color:#e0e0e0}.todo-item-checkbox{cursor:pointer}.container{display:flex;height:100vh}.main-content{flex:2}.add-task-input{display:flex;align-items:center;padding:8px 12px;border:1px solid #ccc;border-radius:6px;background-color:#fff;box-shadow:0 0 2px 2px #0000001a;width:98.8%;margin-bottom:5px}.add-task-input .plus-icon{color:#666;margin-right:8px;font-size:16px}.add-task-input input{border:none;outline:none;width:100%;font-size:14px;color:#333;background-color:transparent}.add-task-input input::-moz-placeholder{color:#888}.add-task-input input::placeholder{color:#888}.selected-content{color:#000;font-size:24px;font-weight:500;padding-bottom:16px;padding-top:4px}.line-through{text-decoration:line-through;color:#888}.sidebar{top:0;right:0;bottom:0;width:18vw;background-color:#f5f5f5;position:fixed;box-shadow:-2px 0 3px gray;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease-in-out;transform:translate(100%);z-index:1000}.sidebar.show{transform:translate(0);transition:transform .3s ease-in-out}.sb-footer{padding:10px;border-top:1px solid gray}.sb-form{padding:10px}.sb-form-field{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;width:230px;height:30px;border-radius:10px;background-color:#fff;box-shadow:0 1px 2px #0000001a;padding:0 10px}.sb-form-field input:first-child{border:none;outline:none;width:100%;height:100%;background-color:transparent;color:#333;font-size:18px;font-weight:700}.sb-form-field input[type=checkbox]{cursor:pointer}.sb-form-field select{border:none;outline:none;background-color:transparent;color:#333;cursor:pointer;border:1px solid #ccc;border-radius:4px;padding:1px}.save-btn{background-color:#479ef5;width:123px;padding:5px 12px;color:#fff;cursor:pointer;border:none;border-radius:4px;margin-right:10px}.save-btn:hover{background-color:#357abd}.cancel-btn{background-color:#fff;width:123px;padding:5px 12px;color:#479ef5;cursor:pointer;border:none;border-radius:4px}.cancel-btn:hover{background-color:#e0e0e0}.delete-btn{background-color:#ff4d4d;color:#fff;cursor:pointer;border:none;border-radius:4px}.delete-btn:hover{background-color:#e60000}.restore-btn{background-color:#4caf50;color:#fff;cursor:pointer;border:none;border-radius:4px}.restore-btn:hover{background-color:#45a049}.filter-panel{background-color:#fff;width:18vw;padding:30px 10px}.filter-item{background-color:#e6e6e6;border-radius:5px;padding:15px;display:flex;justify-content:space-between;cursor:pointer}.filter-item:hover{background-color:#d4d4d4}.filter-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px}.filter-item.selected{background-color:#0f548c;color:#fff}.filter-count{font-size:24px;font-weight:600;line-height:32px}.search-input-wrapper{display:flex;align-items:center;background-color:#f5f5f5;border-radius:8px;padding:6px 12px;margin-bottom:10px;border:1px solid #ddd}.search-input-wrapper .search-icon{font-size:16px;color:#888;margin-right:8px}.search-input-wrapper input{border:none;outline:none;background:transparent;font-size:14px;color:#333;width:100%}.search-input-wrapper input::-moz-placeholder{color:#aaa}.search-input-wrapper input::placeholder{color:#aaa}.category-item{display:flex;justify-content:space-between;cursor:pointer;padding:10px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-item:hover{box-shadow:0 0 2px 2px #0000001a}.category-label-group{display:flex;align-items:center;gap:5px}.category-name{font-size:14px;font-weight:600;line-height:20px}.category-count{color:#a3a3a3;font-size:14px;font-weight:600;line-height:20px}.selected{background-color:#0f548c;color:#fff}.selected .category-count{color:#fff}.category-title{color:#a3a3a3;font-size:14px;font-weight:600;line-height:20px}.category-list{margin-top:50px}