#app[data-v-9d1c7396]{display:flex;height:100vh;font-family:Arial,sans-serif;background-color:#f7f7f7}.sidebar[data-v-9d1c7396]{width:170px;background-color:#949494a8;padding:20px;border-right:1px solid #e1e1e1;box-shadow:4px 0 10px rgba(0,0,0,.1);border-radius:8px;margin-right:20px;transition:width .3s ease}.sidebar.collapsed[data-v-9d1c7396]{width:50px}.sidebar-header[data-v-9d1c7396]{display:flex;align-items:center;justify-content:space-between}.sidebar h2[data-v-9d1c7396]{margin-top:0;font-size:1.5rem;color:#333}.sidebar ul[data-v-9d1c7396]{list-style:none;padding:0}.sidebar li[data-v-9d1c7396]{padding:12px;margin-bottom:10px;cursor:pointer;font-size:1.2rem;border-radius:7px;transition:background-color .3s,transform .2s}.sidebar li[data-v-9d1c7396]:hover{background-color:#f1f1f1;transform:translateX(10px)}.sidebar li.active[data-v-9d1c7396]{background-color:#4caf50;color:#fff;font-weight:700;transform:translateX(10px)}.sidebar .add-list-button[data-v-9d1c7396]{margin-top:20px;padding:12px;width:100%;background-color:#5e5e5e;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:background-color .3s,transform .2s}.sidebar .add-list-button[data-v-9d1c7396]:hover{background-color:#218838;transform:scale(1.05)}.sidebar .toggle-sidebar-button[data-v-9d1c7396]{background-color:#5e5e5e;color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1.5rem;text-align:center;margin-left:20px}.main[data-v-9d1c7396]{flex:1;padding:50px;border-radius:8px;background-color:#fff;margin:10vh;box-shadow:0 4px 12px rgba(0,0,0,.425);position:relative;transition:.3s}.main[data-v-9d1c7396]:hover{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);scale:1.07;transition:.3s}.list-header[data-v-9d1c7396]{display:flex;justify-content:space-between;align-items:center}.list-header h1[data-v-9d1c7396]{margin:0;font-size:2rem;color:#333;cursor:pointer;transition:color .3s}.list-header h1[data-v-9d1c7396]:hover{color:#4caf50}.color-picker[data-v-9d1c7396]{display:flex;flex-wrap:wrap;gap:10px;width:100px}.color-option[data-v-9d1c7396]{width:20px;height:20px;border-radius:5px;border:1px solid #27272779;cursor:pointer}.task-manager[data-v-9d1c7396]{margin-top:20px}.task-manager input[type=text][data-v-9d1c7396]{width:40%;padding:10px;margin-bottom:20px;font-size:1rem;border-radius:8px;border:1px solid #ddd;margin-bottom:13px;transition:border-color .7s;box-shadow:0 4px 8px rgba(0,0,0,.05)}.task-manager input[type=text][data-v-9d1c7396]:focus{border-color:#242424;outline:none}.task-manager ul[data-v-9d1c7396]{list-style:none;padding:0;margin:0}.task-manager li[data-v-9d1c7396]{display:flex;align-items:center;background-color:#f9f9f952;margin-bottom:12px;padding:3px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.05);transition:transform .3s,background-color .3s}.task-manager li[data-v-9d1c7396]:hover{background-color:#f1f1f1;transform:translateX(5px)}.task-manager li .completed[data-v-9d1c7396]{text-decoration:line-through;color:#bbb}.task-manager li button[data-v-9d1c7396]{background-color:tomato;border:none;color:#fff;padding:6px 12px;border-radius:5px;cursor:pointer;margin-left:auto;transition:background-color .3s,transform .2s}.task-manager li button[data-v-9d1c7396]:hover{background-color:#d9534f;transform:scale(1.05)}.delete-list-button[data-v-9d1c7396]{position:absolute;bottom:20px;right:20px;padding:8px 16px;background-color:tomato;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.7rem;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:background-color .3s,transform .2s}.delete-list-button[data-v-9d1c7396]:hover{background-color:#d9534f;transform:scale(1.05)}