.board-wrapper{background:var(--bg);color:#fff}.board{max-width:1080px;margin:0 auto;padding:30px}.board .board-header{border-radius:10px;margin-bottom:20px;padding:30px 10px}.board .board-header h1.board-title-input{border-bottom:1px dotted #0000;outline:none;width:fit-content;margin:0;font-size:3.2rem}.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;color:#fff;opacity:.6;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:20px 10px;transition:all .2s ease-in-out;display:flex}.board .add-list-btn:hover{opacity:1}
.list-wrapper{color:#fff;border-radius:20px;margin-bottom:30px;padding:10px}.list-wrapper .list-header{padding-left:40px}.list-wrapper .list-header .list-title-wrapper{align-items:center;gap:20px;display:flex}.list-wrapper .list-header .list-title{text-transform:uppercase;color:var(--primary);outline:none;padding:10px 0;font-size:1.1rem;font-weight:700}.list-wrapper .list-header:hover .list-stats{opacity:1}.list-wrapper .list-header .list-stats{opacity:0;align-items:center;gap:20px;font-size:13px;font-weight:600;display:flex}.list-wrapper .list-header .list-stats .progress-opt{align-items:center;gap:10px;display:flex}.list-wrapper .list-header .list-stats .progress{background:#4e4e4e;border-radius:5px;width:100px;height:3px}.list-wrapper .list-header .list-stats .progress .progress-inner{background:var(--primary);height:100%}.list-wrapper .list-header .list-stats .progress-label{opacity:.6}.list-wrapper .list-header:hover .list-action{opacity:1}.list-wrapper .list-header .tasks-count{opacity:.7;border:1px dashed #818181;border-radius:6px;padding:3px 8px;font-size:12px;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}.list-wrapper .add-subtask{border:1px solid #eee;border-radius:10px;align-items:center;gap:10px;padding:15px 15px 15px 30px;display:flex}.list-wrapper .add-subtask .checkbox{border:2px dashed #ddd;border-radius:5px;width:28px;height:28px}.list-wrapper .add-subtask input{border:0;outline:none;width:100%;padding:5px;font-size:15px}.task-wrapper .subtasks{background:#f9f9f9;padding:5px 5px 5px 30px}.task-input{align-items:center;width:100%;padding:6px 0;display:flex}.task-input input{color:#fff;background:0 0;border:0;outline:none;flex-grow:1;margin-left:15px;font-family:Space Mono,Helvetica,sans-serif;font-size:18px}
.task{border-bottom:1px dashed #222;align-items:center;gap:15px;margin:2px 0;padding:10px 0;font-size:18px;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.completed .task-title{opacity:.4}.task .task-title{flex-grow:1;align-items:center;gap:10px;font-size:18px;font-weight:500;display:flex}.task .task-title .editable-title{outline:none}.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{z-index:10;text-align:right;min-width:40px;font-size:14px;position:relative}.task .task-priority{font-size:14px}.task .divider-task{background:#222;width:1px;height:20px}.task-input-dropdown{position:relative}.task-input-dropdown .trigger{z-index:1;cursor:pointer;text-transform:capitalize;opacity:.5;background:#000;border-bottom:1px dashed #0000;padding:0 5px;position:relative}.task-input-dropdown .trigger:hover{opacity:.85;border-bottom:1px dashed #333}.task-input-dropdown .dropdown{z-index:999;background:#000;border:1px solid #333;border-radius:10px;position:absolute}.task-input-dropdown .dropdown ul{list-style:none}.task-input-dropdown .dropdown ul li{cursor:pointer;padding:8px 15px}.task-input-dropdown .dropdown ul li:hover{background:#222}
.task-checkbox{cursor:pointer;border:2px solid #4e4e4e;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.task-checkbox .task-check-inner{opacity:0;background:#4e4e4e;border-radius:2px;width:16px;height:16px}.task-checkbox:hover .task-check-inner{opacity:1}.task-checkbox.checked{border-color:var(--primary)}.task-checkbox.checked .task-check-inner{background:var(--primary);opacity:1}