.board-wrapper{background:#f8f8f8}.board{max-width:1080px;margin:0 auto;padding:30px}.board .board-header{background:#f9f9f9;border:1px solid #eee;border-radius:10px;margin-bottom:20px;padding:30px}.board .board-header h1.board-title-input{border-bottom:1px dotted #0000;outline:none;width:fit-content;margin:0;font-size:1.5rem}.board .board-header h1.board-title-input:hover{border-bottom:1px dotted #ddd}.board .board-lists{flex:1}.board .board-stats{min-width:250px}.board .add-list-btn{cursor:pointer;background:#fcfcfc;border:1px dashed #eee;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;transition:all .2s ease-in-out;display:flex}.board .add-list-btn:hover{background:#f1f1f1}
.list-wrapper{background:#fefefe;border:1px solid #eee;border-bottom-width:5px;border-radius:20px;margin-bottom:30px;padding:10px 25px}.list-wrapper .list-header{border-bottom:1px dashed #f2f2f2;align-items:center;gap:20px;display:flex}.list-wrapper .list-header .list-title{padding:10px 0;font-size:1.1rem;font-weight:700}.list-wrapper .list-header:hover .list-action{opacity:1}.list-wrapper .list-header .tasks-count{background:#eee;border:1px dashed #ddd;border-radius:6px;padding:3px 8px;font-size:13px;font-weight:500}.list-wrapper .list-header .list-action{opacity:0;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-weight:500;display:flex}.list-wrapper .tasks-list{margin-top:10px}.task-wrapper .subtasks{background:#f9f9f9;padding:5px 5px 5px 30px}
.task{align-items:center;gap:12px;margin:2px 0;padding:8px 0;font-size:16px;display:flex}.task .checkbox{cursor:pointer;border:2px dashed #ddd;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.task .checkbox svg{opacity:0}.task .checkbox.checked svg{opacity:1}.task .checkbox:hover svg{opacity:.3}.task:hover .task-actions{opacity:1}.task .task-title{flex-grow:1;align-items:center;gap:10px;font-size:16px;font-weight:500;display:flex}.task .task-actions{opacity:0;align-items:center;gap:5px;display:flex}.task .task-actions button{cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:4px;display:inline-flex}.task .task-actions button:hover{opacity:1}.task .task-effort,.task .task-priority{font-size:14px}